Все коды CSS вставляются в поле HTML-верх, какими страшными они небыли!!
Все коды CSS начинаются тэгом <style> и заканчиваются тэгом</style>. Это ОЧЕНЬ ВАЖНО
Вот самые востребованные коды CSS:
Сделать название темы и ее описание посредине
<style> #pun-main .category .container table .hasicon .alt1 .tcl .intd .tclcon, #pun-main .category .container table .hasicon .alt2 .tcl .intd .tclcon {text-align: center} </style>
Иконки тем и есть новые сообщения
<style>Div.icon { background-image: url(http://img210.imageshack.us/img210/1153/onterrall6.gif); background-repeat: no-repeat; } Tr.inew Div.icon { background-image: url(http://img210.imageshack.us/img210/4800/offterracy4.gif); background-repeat: no-repeat; }</style>
Фон форума
<style> HTML, BODY {background-image: url(http://re.foto.radikal.ru/0709/47/22eea14069b5.jpg)} </style>
Логотип
<style> #pun-title .title-logo {background-image: url(ССЫЛКА на картинку)} </style>
Ссылки при наведении становяться заданого цвета
<style> .punbb a:hover {color: ЦВЕТ} </style>
Цвет линии , отделяющий подпись
Код:
<style> #pun #pun-viewtopic #pun-main .topic .container .post-body .post-box .post-content .post-sig dt {background-color: red} </style>
Делает по центру абсолютно всё на главной
Код:
<style> HTML, BODY , #pun, #pun #pun-index #pun-main .category .container table thead tr .tcl, #pun-main .category .container table .hasicon .alt1 .tcl .intd .tclcon, #pun-main .category .container table .hasicon .alt2 .tcl .intd .tclcon {text-align: center} </style>
Размер текста и шрифт
Код:
<style> HTML, BODY {font-family:ШРИФТ ;font-size: Размер } </style>
Варианты размеров: xx-small, x-small, small, medium, large, x-large, xx-large
Убрать ссылку "поиск"
Код:
<style> #pun #pun-index #pun-navlinks .container #navsearch a span, #pun .punbb #pun-navlinks .container #navsearch a span, #pun #pun-index #pun-navlinks .container #navsearch, #pun .punbb #pun-navlinks .container #navsearch, { display: none } </style>
Убрать строку "зарегестрированых пользователей"
Код:
<style type="text/css"> #pun #pun-index #pun-stats .statscon .container .item3 span, #pun #pun-index #pun-stats .statscon .container .item3 strong {display: none} </style>
Цвет ссылок
Код:
<style> .punbb a:link {color: pink} .punbb a:visited {color: red;} .punbb a:hover {color: black;} </style>
1 - цвет в норме
2 - посещенная ссылка
3 - при наведении
Это кроме меню навигации и ссылок снизу, они задаються соответственно
Код:
#pun-navlinks .container {color: white} #pun-ulinks .container {color: white}
Фон статистики и цвет самой надписи "статистика"
Код:
<style> #pun #pun-index #pun-stats h2{background-image: url(ССЫЛЬ) ; color: red} </style>
Цвет фона статус строки цвет поля с названием форума
Код:
<style> .pa-title {background-color: black} #pun #pun-index #pun-crumbs1 .crumbs{background-color: aqua; color: red} </style>
PS:
color- цвет текста
background-color- цвет фона
Первая строка в коде: цвет ссылок пользователя
2: фон поля, где салово "обьявление" и цвет самого слова
3: цвет фона статус-строки
4: цвет поля с названием форума и цвет самого названия форума
Ширина таблиц на главной
Код:
<style> #pun {width:ЗНАЧЕНИЕ} </style>
Цвет тему просматривают, рамка вокруг места для написания поста, смена цвета надписи "напишите ваше сообщение и нажмите отправить"
Код:
<style> #pun #pun-viewtopic #pun-main .modmenu .container , #pun #pun-viewtopic #pun-main .modmenu .container b {color: red} #pun #pun-viewtopic #pun-main .formal #post fieldset legend span {background-color: black ; color: white} #pun #pun-viewtopic #pun-main .formal #post fieldset {border-color: red} </style>
Первый блок - тему просматривают(цвет)
второй - "напишите ваваше сообщение и нажмите отправить" (цвет фона и цвет самого текста)
третий - "рамка"
Цвет ссылки на профиль(НИК, при нажатии на него -профиль)
Код:
<style> #pun #pun-userlist #pun-main .usertable .container table tbody .altstyle .tcl .usersname, #pun #pun-userlist #pun-main .usertable .container table tbody tr .tcl .usersname a:link {color: red;} #pun #pun-userlist #pun-main .usertable .container table tbody .altstyle .tcl .usersname, #pun #pun-userlist #pun-main .usertable .container table tbody tr .tcl .usersname a:hover {color: black;} #pun #pun-userlist #pun-main .usertable .container table tbody .altstyle .tcl .usersname, #pun #pun-userlist #pun-main .usertable .container table tbody tr .tcl .usersname a:visited {color: white} </style>
Первый блок - цвет просто ссылки
Второй блок - цвет ссылки под курсором
Третий блок - посещенная ссылка!!!
Сделать все данные пользователя по центру
Код:
<style type="text/css"> .pa-adnote{ text-align: center;} .pa-from{ text-align: center;} .pa-reg{ text-align: center;} .pa-posts{ text-align: center;} .pa-reputation{ text-align: center;} .pa-sex{ text-align: center;} .pa-icq{ text-align: center;} .pa-ip{ text-align: center;} .pa-online{ text-align: center;} .pa-age{ text-align: center;} .pa-mailagent{ text-align: center;} .pa-reg { text-align: center;} .pa-avatar, .pa-title, .pa-author { text-align: center;} .pa-time-visit{ text-align: center;} .pa-last-visit{ text-align: center;} .pa-fld1{ text-align: center;} .pa-fld2{ text-align: center;} .pa-fld3{ text-align: center;} </style>
Убрать обьявление на странице ПОСТОВ
Код:
<style> #pun #pun-viewtopic #pun-announcement{display: none} </style>
Сделать весь форум курсивом
Код:
<style> #pun #pun-index, #pun #pun-viewtopic, #pun .punbb{font-style: italic} </style>
Изменить/поставить значки возле ссылок "форум" , "Участники" , "Правила" и тд
Код:
<style> #pun #pun-index #pun-navlinks .container #navindex, #pun #pun-index #pun-navlinks .container #navuserlist, #pun #pun-index #pun-navlinks .container #navsearch, #pun #pun-index #pun-navlinks .container #navprofile, #pun #pun-index #pun-navlinks .container #navpm, #pun #pun-index #pun-navlinks .container #navadmin, #pun #pun-index #pun-navlinks .container #navlogout, #pun #pun-index #pun-navlinks .container #navregister, #pun #pun-index #pun-navlinks .container #navlogin, #pun .punbb #pun-navlinks .container #navindex, #pun .punbb #pun-navlinks .container #navuserlist, #pun .punbb #pun-navlinks .container #navsearch, #pun .punbb #pun-navlinks .container #navprofile, #pun .punbb #pun-navlinks .container #navpm, #pun .punbb #pun-navlinks .container #navadmin, #pun .punbb #pun-navlinks .container #navlogout, #pun .punbb #pun-navlinks .container #navregister, #pun .punbb #pun-navlinks .container #navlogin {background-image: url(Рисунок)} </style>
Изменить фон таблиц
Код:
<style> #pun #pun-index #pun-main .category .container table .hasicon .alt1 .tcl, #pun #pun-index #pun-main .category .container table .hasicon .alt2 .tcl, #pun #pun-index #pun-main .category .container table .hasicon .alt1 .tc2, #pun #pun-index #pun-main .category .container table .hasicon .alt2 .tc2, #pun #pun-index #pun-main .category .container table .hasicon .alt1 .tc3, #pun #pun-index #pun-main .category .container table .hasicon .alt2 .tc3, #pun #pun-index #pun-main .category .container table .hasicon .alt1 .tcr, #pun #pun-index #pun-main .category .container table .hasicon .alt2 .tcr {background-image: url(Рисунок)} </style>
Цвет полосы прокрутки. Только для ИЕ
Код:
<style> html, body{scrollbar-base-color: red} </style>
Убрать слово "Обьявление"
Код:
<style> #pun #pun-index #pun-announcement h2 span {display: none} </style>
Сменить значок в строке адреса браузера
Код:
<link rel="shortcut icon" href="ССыль" type="image/x-icon">