Dream Design

Посмотреть дизайн полностью
Ссылка непостоянная, через некоторое время по ней вы сможете обнаружить совсем другой дизайн.

Установка
Скрытый текст

Адрес папки с http, где лежат кнопки и иконки: http://s445.photobucket.com/albums/qq171/abyadmin/Beach/kn/

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

HTML верх

<HTML>
<HEAD>
<title>Название вашего форума</title>
<meta content="text/html; charset=windows-1251" http-equiv=Content-Type>
<meta name="author" content="Aвтор форума">
<meta name="description" content="Описание форума">
<meta name="keywords" content="Ключевые слова">
<meta content="all" name="Robots">

<link href=http://i445.photobucket.com/albums/qq171/abyadmin/Beach/Beach-Ico.gif rel=icon type=image/x-icon>

<STYLE type=text/css>
body {font-family: Verdana; Comic Sans MS
font-style: normal;
color: #000000;
background-color: #cbc1a8;
margin: 0px;
padding: 0px;}

.font1{font-size:12px;COLOR:#000000;}
.font2{font-family: Comic Sans MS; font-size:12px;font-weight:400;COLOR:#000000;}
.font3{font-family: Comic Sans MS; font-size:15px;font-weight:700;COLOR:#000000;}
.font4{font-size:15px;COLOR:#000000;}
.font5{font-family: Comic Sans MS; font-size:15px;font-weight:700; COLOR:#000000;}
.font6{font-family: Comic Sans MS; font-size:17px;font-weight:700;COLOR: #657788; LETTER-SPACING: 1px}

a:link{color: #27408B;text-decoration:none;}
a:visited{color:#27408B;text-decoration:none;}
a:hover{color:#657788;text-decoration:underline;}

tr.font3 {HEIGHT: 28px;BACKGROUND-IMAGE: url(http://i445.photobucket.com/albums/qq171/abyadmin/Beach/Table_base.jpg);}
tr.font5 {HEIGHT: 28px;BACKGROUND-IMAGE: url(http://i445.photobucket.com/albums/qq171/abyadmin/Beach/Table_base.jpg);FONT-WEIGHT:700;}
tr.font6 {HEIGHT: 28px;}

textarea {font: 12px Verdana; border-width:1px;width:100%; height:160;color:#000000;background-color:#FCFCF9; border-color:#cbc1a8;border-style:ridge;}

select {font: 11px Verdana; border-width:0;color:#000000;background-color: #FCFCF9; border-color: #CBC1A8; border-style: ridge;}

input {font: 11px Verdana; border-width:1px;border-style: solid; color:#000000; border-color:#CBC1A8; background-color:#ffffff;}
.sender {font-family Verdana; font-size: 11px; font-color: #000000; font-weight: 700;border-width:1px;border-style: solid; background-color: #cbc1a8; border-color: #e2dccf;}

.td1
{width: auto;
background:url(http://i445.photobucket.com/albums/qq171/abyadmin/Beach/Logo_base.gif);
height: 315px;
background-repeat: repeat-x;}

</STYLE>
</HEAD>

<Body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="td1" align="left" valign="top"><img src="http://i445.photobucket.com/albums/qq171/abyadmin/Beach/Logo_left_opt.jpg" width="395" height="315" hspace="0" vspace="0" border="0" /></td>
<td class="td1" align="right" valign="top"><img src="http://i445.photobucket.com/albums/qq171/abyadmin/Beach/Logo_right_opt.jpg" width="555" height="315" hspace="0" vspace="0" border="0" align="right" ></td>
</tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td style="width:145px; height:50px;" align="left" valign="top"><img src="http://i445.photobucket.com/albums/qq171/abyadmin/Beach/Up_left.gif" width="145" height="50" hspace="0" vspace="0" border="0" /></td>
<td align="center" valign="top" style="background:url(http://i445.photobucket.com/albums/qq171/abyadmin/Beach/Up.gif) repeat-x; width:auto; height:50px;"> </td>
<td style="width:145px; height:50px;" align="left" valign="top"><img src="http://i445.photobucket.com/albums/qq171/abyadmin/Beach/Up_right.gif" width="145" height="50" hspace="0" vspace="0" border="0" /></td>
</tr>

<tr>
<td align="left" valign="top" style="background:url(http://i445.photobucket.com/albums/qq171/abyadmin/Beach/Left.gif) repeat-y; width:145px; height:auto;"> </td>

<td align="center" valign="top">
<TABLE cellSpacing=1 cellPadding=2 width=100% height=100%
border=0>
<TR><TD valign=top>

HTML низ

<P align="center" class="font2">Дизайн
форума © <a href="http://dreamd.forum24.ru/" target="_blank">Dream Design</a></p>

</TD></TR></TABLE>
</td>
<td align="right" valign="top" style="background:url(http://i445.photobucket.com/albums/qq171/abyadmin/Beach/Right.gif) repeat-y; width:145px; height:auto;"> </td>
</tr>
<tr>
<td style="width:145px; height:90px;" align="left" valign="top"><img src="http://i445.photobucket.com/albums/qq171/abyadmin/Beach/Down_left.gif" width="145" height="90" hspace="0" vspace="0" border="0" /></td>

<td style="background:url(http://i445.photobucket.com/albums/qq171/abyadmin/Beach/Down.gif) repeat-x; height:90px; width:auto" align="center" valign="top"><img src="http://i445.photobucket.com/albums/qq171/abyadmin/Beach/Down_center.gif" width="90" height="90" hspace="0" vspace="0" border="0"/></td>

<td style="width:145px; height:90px;" align="right" valign="top"><img src="http://i445.photobucket.com/albums/qq171/abyadmin/Beach/Down_right.gif" width="145" height="90" hspace="0" vspace="0" border="0" /></td>
</tr>
</table>

</body>
</html>

Если вы умеете работать в Photoshop, рекомендую сделать следующее.
Скрытый текст

1. Скачайте картинку логотипа, выделенную зеленым.
2. Откройте ее в Photoshop, с помощью инструмента "горизонтальный текст" напишите поверх картинки название вашего форума любым понравившимся вам шрифтом и цветом.
3. К слою с названием форума примените: слой - стиль слоя - тень - непрозрачность 60%, угол 80⁰.
4. Установите непрозрачность слоя 80-90%.
5. Сохраните картинку, закачайте ее на любой удобный для вас хостинг хранения изображений и поменяйте выделенное зеленым на новый html-адрес картинки.
Надпись с названием форума будет выглядеть "висящей в воздухе" над картинкой логотипа.