КиСС
теперь все понятно.
Шаг 1.
залезаем в фотошоп делаем изображение 100*100 с прозрачным фоном, заливаем его белым цветом, настраиваем прозрачность (какая больше понравится), например 60%, сохраняем в формате png-24.
надеюсь тут все ясно. если понадобится, могу подробней.
потом заливаем эту картинку в интернет (например, через радикал).
Шаг 2.
Для прозрачности:
Свернутый текст
<style type="text/css">
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-image: url(http://Адрес картинки);
color: #цвет текста;
}
</style>
<style type="text/css">
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-image: url(http://Адрес картинки);
color: #цвет текста;
}
</style>
<style type="text/css">
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-image: url(http://Адрес картинки);
color: #цвет текста;
}
</style>
<style type="text/css">
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-image: url(http://Адрес картинки);
color: #цвет текста;
}
</style>
не прозрачным останутся "цитатник", меню навигации, заголовки, шапка, форма ответа.
Шаг 3.
Убираем границы:
Свернутый текст
<style type="text/css">
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: #trasparent
}
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: #trasparent
}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: #trasparent;
}
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color: #trasparent;
}
.punbb th {
border-color: #trasparent
}
.punbb .quote-box, .punbb .code-box {
border-color: #trasparent;
}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: #trasparent
}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: #trasparent
}
.punbb .divider {
border-color: #trasparent
}
.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #trasparent
}
li.pa-online {
border-left-color: #trasparent;
}
.punbb .post-sig dt {
border-top-color: #trasparent !important;
}
</style>
Но, как можно догадаться, все это лучше делать через стиль.
ибо с кодами вы замучаетесь, если на каждый элемент стиля делать.
вот, думаю, самая полезная статья для вас: Расшифровка кода стиля.
- Подпись автора
Герду как-то спросили:
— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?
Герда не растерялась и ответила:
— Иди на**й.