Пятница, 29.03.2024, 01:21
Приветствую Вас, Гость
Главная » Материалы » Шаблоны форумов Борды

"Весенний-2"
Внимание. Если у вас нет опыта работы на форумах Борды и вы в первый раз работаете с шаблонами дизайнов, то прочтите внимательно Памятку установки шаблонов.

Зеленый дизайн с динамическим меню CSS.

Внимание. Перед тем как копировать данный дизайн к себе на форум сделайте вот что:
1. Удалите из настроек ХТМЛ-верх и ХТМЛ-низ.
2. Удалите в настройках все цвета из таблицы цветов.
3. Удалите все коды из таблицы для логотипа.

Образец:


Папка с кнопками:
http://disainov.ucoz.net/knopki/zelen2/leaf/

Цвета таблицы:

Цвет шапки таблиц: #849E45
Светлый цвет в таблицах: #E2EFC2
Темный цвет в таблицах: #E2EFC2
Третий цвет в таблицах: #E2EFC2
Цвет формы для сообщений: #E2EFC2
Цвет разделительных линий в таблицах: #7A8F23
Цвет текста оффтопик:
Цвет рамки вокруг таблиц: #7A8F23
Цвет линии-разделителя HR: #7A8F23

Код ХТМЛ-верха.

<HTML>
<HEAD>

<TITLE>Форум</TITLE>

<style type="text/css">

.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('http://disainov.ucoz.net/images/menu/topMenuImages.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:12px; display:block; color:rgb(252,250,250); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('http://disainov.ucoz.net/images/menu/topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:12px; background:url('http://disainov.ucoz.net/images/menu/topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(252,250,250);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('http://disainov.ucoz.net/images/menu/topMenuImages.png') 0px -90px no-repeat; color:rgb(252,252,252);}
.menu li a.active span, .menu li a.active:hover span{background:url('http://disainov.ucoz.net/images/menu/topMenuImages.png') 100% -90px no-repeat;}


body{background-image:url(http://disainov.ucoz.net/images/menu/z0000000_02.jpg); margin-top:0px; margin-bottom:0px;background-repeat: repeat-x;}

td{font-family:Verdana;}

.font1{font-size:12px;COLOR:#000000;}
.font2{font-size:11px;font-weight:400;COLOR:#000000;}
.font3{font-size:12px;font-weight:700;COLOR:#000000;}
.font4{font-size:15px;COLOR:#000000;}
.font5{font-size:12px;font-weight:700;COLOR:#DBDDA0;}
.font6{font-size:12px;font-weight:700;COLOR: #000000; LETTER-SPACING: 1px}


a:link{color: #3A5F00;text-decoration:none;}
a:visited{color:#3A5F00;text-decoration:none;}
a:hover {COLOR: #BCCF8E; TEXT-DECORATION: none}


tr.font3 {HEIGHT: 28px;BACKGROUND-IMAGE: url('');}
tr.font5 {HEIGHT: 28px;BACKGROUND-IMAGE: url('');FONT-WEIGHT:700;}
tr.font6 {HEIGHT: 28px;}

input, select, textarea {font:11px Verdana; }
textarea {height:280;width:100%;}

</STYLE>
</HEAD>


<BODY bgColor=#A5C773>

<table width="969" height="307" align="center" border="0" cellpadding="0" cellspacing="0">
<td valign="top" width="515" height="307" style="background: url('http://disainov.ucoz.net/images/menu/VesnaNN_01.jpg') no-repeat"><center>

<table align=right width="514" height="40">
<tr><td>

<ul class="menu">

<li><a href="http://Ссылка на тему/"><span>Ваша ссылка</span></a></li>
<li><a href="http://Ссылка на тему/"><span>Ваша ссылка</span></a></li>

<li><a href="http://Ссылка на тему/"><span>Ваша ссылка</span></a></li>
<li><a href="http://Ссылка на тему/"><span>Ваша ссылка</span></a></li>
</ul>


<td width="20"></td></td>


</tr>
</table>

<td valign="top" width="454" height="307" style="background: url('http://disainov.ucoz.net/images/menu/VesnaNN_02.jpg') no-repeat"><br><center>

<table align=right width="430" height="0">
<tr><td><br><br><font size=2 color=#435F00><b>Добро пожаловать на игру!</font><br><br>
<small><font size=1 color=#435F00>Правила: заголовок темы должен кратко и понятно отражать ее суть, нельзя писать латиницей или заглавными буквами. Сообщение, ник, аватар не должны выделяться своими размерами или стилем написания от остальных.</small></b>

</font></center><td width="90"></td></td>

</tr>
</table>

</tr>
</table></table>

<TABLE align="center" cellSpacing="0" cellPadding="0" width="969" border="0" background="http://disainov.ucoz.net/images/menu/VesnaNN_03.jpg">
<TR><td width="50"></td><TD width="969" valign="top" >


Код ХТМЛ-низ.

<center><small><a href=http://generationx.forum24.ru><b>Бесплатные готовые дизайны для форумов</b></a></center><br><br></small>

</TD><td width="50"></td></TR>

</TABLE>
<center><img src="http://disainov.ucoz.net/images/menu/zwwe_01.jpg"></center>

</BODY></HTML>


Аккуратно замените выделенное синим и зеленым на свои ссылки.
А выделенное красным на ваше описание форума или новости. Смотрите не удалите ничего лишнего.

Если возникнут какие либо проблемы: Пишите в этой теме.

Как устанавливать смайлики
Как устанавливать шаблоны
Как устанавливать кнопки

Категория: Шаблоны форумов Борды | 11.03.2010
Просмотров: 2241 | Теги: цветы, природа, трава, Зеленый | Рейтинг: 0.0/0