ХОВЕРЫ
http://jsfiddle.net/kizu/zfUyN/
http://habrahabr.ru/post/148819/
http://htmlbook.ru/faq/kak-sdelat-chtob … nii-na-nee
http://w3talks.org/inspiration/resources/2489
http://css-tricks.com/pizza-time-hovers/

/* A5.1 отступы от краев*/  форума
/* A5.2 ширина общая*/ форума
/* A5.3  отступ переадр */
/* A5.4  расст верхн блоков */ строки: форум профиль.... объявление... привет....
/* A5.5 расстояние между кате*/
/* A5.6 расстояние от верхн блоков до первой кат */
/* 5.7 расстояние  в сообщ и не только*/  это надо поэкспериментировать
/* A5.9 внутр граница всех блоков*/  отступ внутри
/* A5.10 ----шапка категории---*/  расстояния, шрифт, картинка
/* C1.1 -----fild of участников etc-*/  расстояния, шрифт,
/* C2.8 названия форумов*/  расстояния, шрифт,
/* C2.10 отступ вниз слова модератор в назв форума*/
/* C2.11 решетка категорий */  расстояния таблицы главной стр.
/* C2.12 границы в заголовке катег*/
/* C2.13 левая граница*/   
/* C2.14 отступ названия катег */
/* C2.15 значок форума*/ новые-старые
/* C2.16 положение значка и...*/
/* C3.11  отступы текста */  внутри "постов"
/* A2.5 ширина изобр на основе категорий */
/* A3.1 весь шрифт на сайте??? */
/* A3.2 весь шрифт */
/* A3.4 шрифт всего, кроме  навиг и объявл  */
/* A3.5 шрифт названия категорий и заголовков - объявл */
/* B1.2 отступ в сообщении от подписи до линии и от линии до текста */
/* B1.3 межстрочное расстояние в сообщениях */ 
/* B2.1 отступ между абзацами??? */
/* C2.1 первая графа решотки */  расстояния
/* C2.2 две промежуточн колонки */ расстояния
/* C2.3 последняя колонка реш */ расстояния
/* D1.2 заголовок сайта */ шрифт
/* D6.1 заголовок объявления - поле */  расстояния
/* D6.3 --контейнер объявления-- */ расстояния
/* 3.3 стили шрифтов */
/* C2.4 участники 1 поле */
ЦВЕТ
/* CS1.1 поля низа и объявления*/
/* CS1.2 поля категорий и переадр*/
/* CS1.3   цвет категории
/* CS1.4 верхн поле где лого*/
/* CS1.6 верьх форума
/* CS1.7 ??? */
/* CS1.8 цвет: форум участн профиль... */

тож пояснялки для чайников
http://koshart.ru/viewtopic.php?id=704

!ИМПОРТАНТПАКТАЗЁЛЬ
вариация менюшки
http://imagiart.ru/viewtopic.php?id=3162

HTML, BODY {основной фон}
#pun {подложка}
#pun-title table {шапка}
#pun-title .title-logo {логотип}
#pun-title .title-logo span {display: none;}
#pun-navlinks .container {меню навигации}
#pun-ulinks .container {пользовательское меню}
#pun-announcement h2 {заголовок объявления}
#pun-announcement .container {объявление}
#pun-status .container {окно статуса}
#pun-crumbs1 .container {название форума}
#pun-main h2 {категории форума}
#pun th {строка форум тем сообщений}
    Div.icon {нет}
    TR.inew Div.icon {есть}
    TR.isticky Div.icon {выделено}
    TR.iclosed Div.icon {закрыто}
    TR.iredirect Div.icon {перенесено}
#pun .tcl {список форумов}
#pun .tc2 {количество тем}
#pun .tc3 {количество сообщений}
.modlist {список модераторов}
#pun-main td {границы форумных таблиц}
#pun-stats .statscon {статистика форума}
li#onlinelist {пользователи онлайн}
li#onlinelist div {посетители за 24 часа}
#pun-crumbs2 p.container {название внизу форума}
#pun-about p.container {копирайт сервиса}
#html-footer .container {хтмл низ}
#pun-main h1 {заголовок названия тем}
#pun-main .pagelink {нумерация страниц}
#pun-main .postlink {ссылки начать тему опрос}
#pun-main .modmenu p.container {строка модерирования}
#pun-main .post h3 {шапка постов}
#pun-main .post h3 span {шапка постов 2}
#pun-main .post .permalink {дата сообщений}
#pun-main .post h3 strong {номер сообщения}
#pun-main .post-author ul {информация об авторе}
.pa-author {ник}
.pa-title {статус}
.pa-reg {регистрация}
.pa-posts {сообщений}
.pa-avatar {аватар}
.pa-reputation {репутация}
.pa-ip {айпи адрес}
.pa-online {активен}
#pun-main .post .container {задник информации об авторе}
#pun-main .post-body {контейнер сообщений}
#pun-main .post-content{содержимое постов}
#pun-main .code-box {контейнер кода}
#pun-main .quote-box {контейнер цитаты}
#pun-main .post-links li {ссылки под сообщением (ЛС, Удалить, Редактировать, Пофиль и т.д.)}
#pun-main .post-links ul {Строка с ссылками под сообщениями}
#pun-main .subscribelink {подписка на тему}
#pun-main .formal .container {контейнер всей формы ответа}
#pun-main fieldset {контейнер с надписью "напишите ваше сообщение"}
#form-buttons table {Кнопки BB-кодов Для всей строчки кнопок}
#form-buttons td {Для ячеек кнопок}
#pun-main .fs-box {Контейнер, содержащий кнопки и форму для ввода содержимого поста}
#pun-main .formsubmit input {кнопки отправить и посмотреть}
#pun-main .formal textarea {поле для ввода содержимого текста}
ПРОФИЛЬ
    #profilenav .container {контейнер профиля}
#profilenav {Навигационный контейнер профиля}
#profilenav h2 {Заголовок навигационного контейнера}
#profilenav h2 span {Текст заголовка навигационного контейнера}
#profilenav ul {Контейнер списка ссылок}
#profilenav li {Меню ссылок для навигации по профилю}
#profilenav fieldset{ Контейнер поля с личными данными}
#pun-main .fs-box {Поле с вводом личных данных}

объекты в шапке
http://imagiart.ru/viewtopic.php?id=5829

всплывашка
http://imagiart.ru/viewtopic.php?id=8628

http://imagiart.ru/viewtopic.php?id=8934
по оформлению постов

http://forum.mybb.ru/viewtopic.php?id=2 … 13#p709661
сайдбары

код под адаптацию:

.sidebar {
color:{color:nav title};
align:center;
position: relative;
width:200px;
}

.descrip {
position:relative;
border-left: 3px solid {color:text};
padding:2px;
}

.linkbar {
position:fixed;
width: 200px;
left:0px;
top:0px;
padding-top:80px;
background:{color:sidebar} url({image:sidebar background});
height:100%;
padding-left:5px;
padding-right:5px;
}

.navbar {
width:195px;
height:45px;
overflow:hidden;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-o-transition: all 2s ease
opacity: 1;
color:{color:nav title};
}
.navbar:hover{
height: 340px;
color:{color:nav text};
}
.visible_label a {
font: 16px/16px Georgia, “Times New Roman”, Times, serif;
text-align: center;
width: 195px;
display:block;
height:70px;
opacity: 1;
background:{color:nav background} url({image:nav background});
}
.invisible_label a{
font-size: 8px;
font-family: slkscr;
background:{color:nav background} url({image:nav background});
color: {color:nav text};
text-align: center;
display:block;
padding:0px;
line-height:14px;
border-right: 10px solid {color:nav text hover};
margin-bottom:4px;
}

.invisible_label a:hover{
color:{color:nav text hover};
background:{color:nav background hover} url(no-image);
border-right:0px solid {color:nav text hover};
}

http://imagiart.ru/viewtopic.php?id=4853
кнопки в профиле