Мини-форум дикого Lion`a...))

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Мини-форум дикого Lion`a...)) » Старье... » "Разбор" главной страницы...


"Разбор" главной страницы...

Сообщений 1 страница 8 из 8

1

Главная!

(Сверху вниз…)

#pun-navlinks { ... }   /*меню навигации (Форум, Чат, Участники, Сообщения, Выйти...)*/

#pun-ulinks .container { ... }  /*ПОД меню навигации (Новые сообщения, ... , Все прочитано...)*/

#pun-crumbs1 p.container { ... }  /*Название форума, приветствие (Привет, ... Ваш последний визит:...)*/

#pun td { ... }  /*рамка внутренняя, в обрамлении таблицы*/

.punbb .container { ... }  /*рамка снаружи, в обрамлении таблицы*/

#pun {width : ...%;}  /*ширина основной таблицы*/
   
#pun h2 { ... }  /*полоска с названием категорий*/

#pun th{ ... }  /*полоска с надписями: форум, тем, сообщение*/

#pun-crumbs2 .container { ... }   /*изменение строки с названием внизу форума*/

#pun-stats .container{ ... }  /*статистика форума*/

#pun-about .container { ... } /*полоска внизу с надписью Powered by Punbb and Mybb*/

#pun-main h1 { ... } /*с названием форума над списком тем, с названием темы над списком сообщений*/

0

2

Пояснение...

Все это ставим между тегами:

<style type="text/css">
...

</style>

HTML верх

0

3

В скобках { ... } следующие параметры:

color: ... (цвет)

font-weight: bold; (жирный текст)

background-color: (цвет фона)

text-align: center; (выровнить текст по центру)

0

4

Коды основных цветов...

#FFFFFF - белый (White)
#000000 - черный (Black)
#C0C0C0 - серебристый (Silver)
#808080 - серый (Gray)
#800000 - бордовый (Maroon)
#FF0000 - красный (Red)
#800080 -пурпурный (Purple)
#FF00FF - сиреневый (Fuchsia)
#008000 - зеленый (Green)
#00FF00 - лайм (Lime)
#808000 - оливковый (Olive)
#FFFF00 - желтый (Yellow)
#0000FF - синий (Blue)
#00FFFF - бирюзовый (Aqua)

0

5

Вставляем свое лого:

#pun-title h1 {
background-image : url(адрес рисунка);
background-repeat : no-repeat;}

Что бы убрать оттуда название форума: #pun-title h1 span {display : none;}

Дополнение:

убрать слово объявление: #pun-announcement h2 {display : none;}
"убрать" модераторов с главной страницы: #pun td .modlist{display:none;}

0

6

Остальное на главной:

#pun-navlinks li {display : list-item !important;}  /*ссылки в меню навигации по вертикали*/

#pun-ulinks li, #pun-ulinks li a { то же... }  /*второе меню навигации*/

li#onlinelist {border-top-color: ...; border-top-width: ...}  /*горизонтальные полоски в окне статистики*/

#pun-stats li.item1 { ... }  /*верхняя треть окна статистики*/
#pun-stats li.item2 { ... }        ->
#pun-stats li.item3 { ... }        ->
#pun-stats li.item4 { ... }        -> остальное соответственно верхнему...

li#onlinelist { ... }  /*(Активны...)*/

li#onlinelist div { ... }  /*(Сегодня были...)*/

0

7

Коды 4-х столбцов основной таблицы, слева направо.

#pun .tcl { ... }
#pun .tc2 { ... }
#pun .tc3 { ... }
#pun .tcr { ... }

#pun-main .forum .tcl { ... }   /*ширина таблиц со списком тем на форуме*/
#pun-main .category .tcl { ... }  /*влияет только на таблицы с категориями*/

0

8

Вставляем свой фон:
 
HTML, BODY {
background-image: url("адрес фонового рисунка");
background-attachment: fixed;
/*Эта строка для фиксировании фона, её можно убрать*/ 
} 

Не забываем все коды ставить между тегами:

<style type="text/css">
...

</style>

0


Вы здесь » Мини-форум дикого Lion`a...)) » Старье... » "Разбор" главной страницы...