24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

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

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


Вы здесь » COLOR MATE » Уроки CSS|JS » Коды для дизайна (борда)


Коды для дизайна (борда)

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

1

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

Код хтмл-верха
Код:
<HTML>
<HEAD>

<TITLE>Форум образец</TITLE>

<style type="text/css">

body{background-image:url();background-attachment: fixed;margin:15px; margin-top:0px; margin-bottom:0px;;overflow-x:hidden}

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:14px;font-weight:700;COLOR:#000000;}
.font6{font-size:12px;font-weight:700;COLOR: #000000; LETTER-SPACING: 1px}


a:link{color: #4F473C;text-decoration:none;}
a:visited{color:#4F473C;text-decoration:none;}
a:hover {COLOR: #B5A793; 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=#AA9C87>


<TABLE align="center" cellSpacing="0" cellPadding="0" width="968" height="308" border="0" background="ссылка на шапку">


<TR>
<td></td>
<TD colspan="0" height="300">
<div style="position:relative;left:620px;top:15px;width:190px;height:170px;overflow:auto;"><FONT SIZE="1" FACE="Verdana" color="#000000">

<b>Заголовок вашей таблицы</b><br><br>

содержимое вашей таблицы

</FONT></div> </b></td></tr>

<tr><td width="90"></td><td width="300"> </td><td width="470"></td></tr><tr><td colspan="4"></td></TR></TABLE>


<TABLE align="center" cellSpacing="0" cellPadding="0" width="968" border="0" background="ссылка на тело форума">
<TR><td width="110"></td><TD width="900" valign="top" >
Код хтмл-низа
Код:
<center><a href="http://generationx.forum24.ru/" target="_blank">
</TD><td width="85"></td></TR>

</TABLE>
<center><img src="ссылка на низ форума">

</BODY></HTML>

body{background-image:url(ссылка);background-attachment: fixed;margin:15px; margin-top:0px; margin-bottom:0px;;overflow-x:hidden}

- фон форума;

a:link{color: #4F473C;text-decoration:none;}
a:visited{color:#4F473C;text-decoration:none;}
a:hover {COLOR: #B5A793; TEXT-DECORATION: none}

- ссылки форума (link - в простом виде; visited - ссылка, на которую вы уже нажимали; hover - ссылка при наведении);

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%;}

- размер шрифтов;

<TABLE align="center" cellSpacing="0" cellPadding="0" width="968" height="308" border="0" background="ссылка на шапку">

- шапка форума;

<TR>
<td></td>
<TD colspan="0" height="300">
<div style="position:relative;left:620px;top:15px;width:190px;height:170px;overflow:auto;"><FONT SIZE="1" FACE="Verdana" color="#000000">

<b>Заголовок таблицы</b><br><br>

содержание вашей таблицы

</FONT></div> </b></td></tr>

- текст в шапке (можно убрать, если не надо);

<TABLE align="center" cellSpacing="0" cellPadding="0" width="968" border="0" background="ссылка на тело">

- тело форума;

<center><img src="ссылка на низ">

- низ форума;

+6

2

xMileyFeverx спасибо ))) В ближайшее время опробую коды.

0


Вы здесь » COLOR MATE » Уроки CSS|JS » Коды для дизайна (борда)