Форум переехал.
Старые и новые дизайны, а также их элементы смотрите в
ХРАНИЛИЩЕ ДИЗАЙНОВ



АвторСообщение
дизайнер-любитель




Сообщение: 406
Зарегистрирован: 06.07.09
ссылка на сообщение  Отправлено: 19.03.10 04:11. Заголовок: Два новых дизайна для форумов о кошках


Дизайн нефиксированной ширины (широкий, под изображения 640 пкс)



Посмотреть дизайн полностью (ссылка временная).



 цитата:
Вид: табличный
Вид шапки форума: справа от логотипа
Иконки в шапке форума: не показывать

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

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


HTML логотипа:

<img src="http://i445.photobucket.com/albums/qq171/abyadmin/Cats/PictCatsBlue/CatsBlue_LogoSmall.jpg">


HTML новости:

<table width="820px" border="0" cellspacing="0" cellpadding="0" align="center"><tr> <td align="left"><div id="container"><ul id="gallery">

<li><a href="ваша ссылка" или #><img src="адрес вашей картинки"/></a></li>
<li><a href="ваша ссылка" или #><img src="адрес вашей картинки"/></a></li>
<li><a href="ваша ссылка" или #><img src="адрес вашей картинки"/></a></li>
<li><a href="ваша ссылка" или #><img src="адрес вашей картинки"/></a></li>
<li><a href="ваша ссылка" или #><img src="адрес вашей картинки"/></a></li>
<li><a href="ваша ссылка" или #><img src="адрес вашей картинки"/></a></li>
<li><a href="ваша ссылка" или #><img src="адрес вашей картинки"/></a></li>
</ul></div></td></tr><td align="center"><span class=font2>Ваша подпись к галерее</table>


HTML-верх:

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

<link href="http://i445.photobucket.com/albums/qq171/abyadmin/Cats/CatsPink/CatsPink_Ico.gif" rel=icon type=image/x-icon>

<STYLE type=text/css>
BODY{font-family: Verdana;
font-style: normal;
font-color: #000000;
background-color: #7f91b1;
background-image: url(http://i445.photobucket.com/albums/qq171/abyadmin/Cats/PictCatsBlue/CatsBlue_BG.jpg);
background-attachment: fixed;
margin: 0px;
padding: 0px;
}

a:link{color:#2c3b54; text-decoration:none;}
a:hover{color:#7f6b53;text-decoration:none;}
a:visited{color:#2c3b54;text-decoration:none;}

td{font-family:Verdana;}

.font1{font-size:12px;}
.font2{font-size:11px;font-weight:400;}
.font3{font-size:12px;font-weight:700;}
.font4{font-size:15px;}
.font5{font-size:11px;font-weight:700;}
.font6{font-size:15px;font-weight:700;}

tr.font3 {HEIGHT: 28px; background-color: #dae3e7;}
tr.font5 {HEIGHT: 30px; font-weight:700; background-color: #dae3e7;}
tr.font6 {HEIGHT: 32px; COLOR:#7f6b53; LETTER-SPACING: 1px}

textarea{width:100%;height:160; font-family:Verdana; font-size:12px}
.sender{background-color:#dae3e7;font-family:Verdana; font-size:11px; font-weight:400;border:1 outset rgb(0,0,0); border-color:#c8b096;}
input,select{background-color:#ffffff;font-family:Verdana; font-size:11px; font-weight:400;border:1 outset rgb(0,0,0); border-color:#c8b096;}

.td1{ width: auto;
height: 350;
background:url(http://i445.photobucket.com/albums/qq171/abyadmin/Cats/PictCatsBlue/CatsBlue_Logo.jpg);
background-repeat: repeat-x;}

.td2{ width: 10;
height: auto;
background:url(http://i445.photobucket.com/albums/qq171/abyadmin/Cats/PictCatsBlue/CatsBlue_Left.jpg);
background-repeat: repeat-y;}

.td3{ width: 46;
height: auto;
background:url(http://i445.photobucket.com/albums/qq171/abyadmin/Cats/PictCatsBlue/CatsBlue_Right.jpg);
background-repeat: repeat-y;}

.td4{ width: auto;
height: 165;
background:url(http://i445.photobucket.com/albums/qq171/abyadmin/Cats/PictCatsBlue/CatsBlue_Bot.jpg);
background-repeat: repeat-x;}

img {border:none;}

#container {width:800px;
top:50%;
left:50%;
position:reletive;
margin-top:0px;
margin-left:0px;}

ul#gallery li{margin:0;
padding:0;
list-style:none;
float:left;
margin-right:3px;
border: #52678b 1px solid;
padding:1px;}

ul#gallery a{display:block;
float:left;
width:100px;
height:100px;
line-height:70px;
overflow:hidden;
position:relative;
z-index:1;}

ul#gallery a img{
float:left;
position:absolute;
top:-40px;
left:-35px;
}

/* mouse over */
ul#gallery a:hover{
overflow:visible;
z-index:500;
}
ul#gallery a:hover img{
border: #52678b 2px solid;
background:#ffffff;
padding:3px;
}


ul#gallery:after, li#gallery:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
ul#gallery, li#gallery{
display:block;
}

ul#gallery, li#gallery{
min-height:1%;
}
* html ul#gallery, * html li#gallery{
height:1%;
}



</STYLE>
</HEAD>

<BODY>

<table width="95%" 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/Cats/PictCatsBlue/CatsBlue_Logo1.jpg" width="131" height="350" hspace="0" vspace="0" border="0" /></td>

<td class="td1" align="center" valign="top"><img src="http://i445.photobucket.com/albums/qq171/abyadmin/Cats/PictCatsBlue/CatsBlue_Logo4.jpg" width="173" height="350" hspace="0" vspace="0" border="0" /></td>

<td class="td1" align="center" valign="top" border="0" />
<TABLE cellSpacing=0 cellPadding=0 width=228px height=350px border=0 align="center" valign="top" background="http://i445.photobucket.com/albums/qq171/abyadmin/Cats/PictCatsBlue/CatsBlue_Logo2.jpg"><tr>
<td colspan="0" align="left" valign="top" border="0" width="226px"><div style="position:relative; margin-left:5px; margin-right:3px; margin-top:98px; margin-bottom:150px; width:218px; height:102px; overflow:auto;"><span class=font2>
<center><b>Ваш заголовок</b></center>Ваш текст</span></div></td></tr></table></td>

<td class="td1" align="center" valign="top"><img src="http://i445.photobucket.com/albums/qq171/abyadmin/Cats/PictCatsBlue/CatsBlue_Logo5.jpg" width="24" height="350" hspace="0" vspace="0" border="0" /></td>

<td class="td1" align="center" valign="top"><img src="http://i445.photobucket.com/albums/qq171/abyadmin/Cats/PictCatsBlue/CatsBlue_Logo6.jpg" width="103" height="350" hspace="0" vspace="0" border="0" /></td>

<td class="td1" align="right" valign="top"><img src="http://i445.photobucket.com/albums/qq171/abyadmin/Cats/PictCatsBlue/CatsBlue_Logo3.jpg" width="279" height="350" hspace="0" vspace="0" border="0" /></td></tr></table>


<table width="95%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>

<td class="td2" align="left" valign="top" border="0" /></td>

<td align="center" valign="top" border=0/>
<TABLE cellSpacing=5 cellPadding=0 width=100% height=100% border=0 align="center" BGcolor=#f1e3d0>
<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 class="td3" align="right" valign="top"><img src="http://i445.photobucket.com/albums/qq171/abyadmin/Cats/PictCatsBlue/CatsBlue_RightUP.jpg" width="46" height="154" hspace="0" vspace="0" border="0" /></td>

</tr></table>

<table width="95%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>

<td class="td4" align="left" valign="top"><img src="http://i445.photobucket.com/albums/qq171/abyadmin/Cats/PictCatsBlue/CatsBlue_BotLeft.jpg" width="110" height="165" hspace="0" vspace="0" border="0" /></td>

<td class="td4" align="center" valign="top"><img src="http://i445.photobucket.com/albums/qq171/abyadmin/Cats/PictCatsBlue/CatsBlue_BotCenter.jpg" width="495" height="165" hspace="0" vspace="0" border="0" /></td>

<td class="td4" align="right" valign="top"><img src="http://i445.photobucket.com/albums/qq171/abyadmin/Cats/PictCatsBlue/CatsBlue_BotRight.jpg" width="61" height="165" hspace="0" vspace="0" border="0" /></td></tr>

</tr></table>

<br>
</BODY></HTML>



Все, выделенное красным, меняем на свой текст и картинки.
Если вам не нужна фотогалерея, аккуртно удалите из кода все, выделенное зеленым.
Размер изображений в фотогалерее не должен превышать 250 пкс по максимальной стороне.

Спасибо: 0 
ПрофильЦитата Ответить
Ответов - 4 [только новые]


дизайнер-любитель




Сообщение: 407
Зарегистрирован: 06.07.09
ссылка на сообщение  Отправлено: 19.03.10 08:02. Заголовок: Дизайн фиксированной..


Дизайн фиксированной ширины с очаровательными котейками Макото Мурамацу



Псмотреть дизайн полностью (ссылка временная)


 цитата:
Вид: табличный
Вид шапки форума: справа от логотипа
Иконки в шапке форума: не показывать

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

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



HTML-верх:

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

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


<STYLE type=text/css>
body {
font-family: Verdana;
font-size: 10px;
font-style: normal;
line-height: 13px;
color: #000000;
background-color: #b2c1d3;
background-image:url(http://i445.photobucket.com/albums/qq171/abyadmin/Cats/CatsYellowBG.jpg);
background-position: center top;
background-attachment: fixed;
margin: 0px;
padding: 0px;
}
.font1{font-size:12px;}
.font2{font-size:11px;font-weight:400;}
.font3{font-size:12px;font-weight:700;}
.font4{font-size:15px;}
.font5{font-size:11px;font-weight:700;}
.font6{font-size:15px;font-weight:700;COLOR: #6a2c38; LETTER-SPACING: 1px}

a:link{color: #3b2a5d;text-decoration:none;}
a:visited{color:#3b2a5d;text-decoration:none;}
a:hover{color:#ce8f7c;text-decoration:none;}

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

input,select,textarea{font-size:11px;font-family:Verdana;color:"#000000"; background-color: #ffffff;}
textarea{width:100%;height:210; font-size:12px;}
input.sender{background-color:#daccb1;font-weight:400;color:#000000; border-width:1px;border-style:solid; border-color:#ce8f7c;}
input.search{background-color:#ffffff;font-weight:400;color:#000000; border-width:1px; border-style:solid; border-color:#ce8f7c;}


</STYLE>
</HEAD>
<Body>
<table width="990px" border="0" cellspacing="0" cellpadding="0" align="center">

<tr><td style="background:url(http://i445.photobucket.com/albums/qq171/abyadmin/Cats/CatsYellowLogo.jpg) no-repeat" align="center" valign="top" width="990" height="330" hspace="0" vspace="0" border="0" />
<TABLE cellSpacing=0 cellPadding=0 width=990px height=330px border=0 align="center" valign="top"><tr>
<td colspan="0" align="left" valign="top" border="0" width="620px"><div style="position:relative; margin-left:380px; margin-right:25px; margin-top:190px; margin-bottom:30px; width:215px; height:110px; overflow:auto;"><span class=font2>
<center><b> Ваш заголовок </b></center> Ваш текст </span></div></td>
<td colspan="0" align="left" valign="top" border="0" width="370px"><div style="position:relative; margin-left:113px; margin-right:42px; margin-top:215px; margin-bottom:10px; width:215px; height:105px; overflow:auto;"><span class=font2>
<center><b>Ваш заголовок</b></center>Ваш текст</span></div></td>


</tr></TABLE> </td></tr><tr>


<td width="990px" align="center" valign="top" style="background-color:#e9e3c9; border-width:2px;border-top:0; border-bottom:0; border-style:solid; border-color:#c98270; ">

<TABLE cellSpacing=0 cellPadding=0 width=950px 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> / В дизайне использованы рисунки Макото Мурамацу

</TD></TR></TABLE>
</td></tr>




Все, выделенное красным, меняем на свой текст и картинки.

Спасибо: 0 
ПрофильЦитата Ответить



Не зарегистрирован
Зарегистрирован: 01.01.70
ссылка на сообщение  Отправлено: 30.03.10 22:51. Заголовок: Abyadmin пишет: Диз..


Abyadmin пишет:

 цитата:
Дизайн фиксированной ширины с очаровательными котейками Макото Мурамацу


Ой, я просто млею от этих котеек! Какая же прелесть этот дизайн! Обожаю Макото Мурамацу. Очень порадовал и понравился! Спасибо за эту красоту!

Спасибо: 1 
Цитата Ответить



Сообщение: 1
Зарегистрирован: 02.01.11
ссылка на сообщение  Отправлено: 02.01.11 15:01. Заголовок: У меня что-то тупит...


У меня что-то тупит. Окошечки в "Форум" жёлтые. И кнопки с иконками не вставляются!

Спасибо: 0 
ПрофильЦитата Ответить
дизайнер-любитель




Сообщение: 530
Зарегистрирован: 06.07.09
ссылка на сообщение  Отправлено: 10.01.11 14:19. Заголовок: Ветерок, иконок к эт..


Ветерок, иконок к этим дизайнам нет, поэтому надо отметить в настройках "иконки в шапке форума" - не показывать. Кнопки не становятся только по одной причине: после адреса папки с кнопками оставляете пробел, проследите, чтобы его не было. Окошечки в форуме желтые наверняка в ИЕ (Internet Explorer), тут есть три варианта решения проблемы: а) попытаться подобрать цвета самостоятельно; б) удалить все цвета из таблицы; в) порекомендовать пользователям использовать для просмотра форума другие браузеры (Opera, Mоzilla Firefox).

Спасибо: 0 
ПрофильЦитата Ответить
Ответ:
1 2 3 4 5 6 7 8 9
большой шрифт малый шрифт надстрочный подстрочный заголовок большой заголовок видео с youtube.com картинка из интернета картинка с компьютера ссылка файл с компьютера русская клавиатура транслитератор  цитата  кавычки моноширинный шрифт моноширинный шрифт горизонтальная линия отступ точка LI бегущая строка оффтопик свернутый текст

показывать это сообщение только модераторам
не делать ссылки активными
Имя, пароль:      зарегистрироваться    
Тему читают:
- участник сейчас на форуме
- участник вне форума
Все даты в формате GMT  2 час. Хитов сегодня: 2
Права: смайлы да, картинки да, шрифты да, голосования нет
аватары да, автозамена ссылок вкл, премодерация откл, правка нет



Дизайн форума © Dream Design

Важно!
Все, кто сделал заказы, не забудьте указать в профиле е-mail, по которому с вами можно связаться для утверждения эскизов и отправки кода.
Не отсылайте заявки на дизайн в ЛС, делайте их на форуме в разделе "Бюро заказов"!
Оформляйте заказ в соответствии с правилами.
Если берете бесплатный дизайн, пожалуйста, сообщите дизайнеру - оставьте в теме или в ЛС адрес вашего форума.

Новые бесплатные дизайны для форумов о кошках



Летний дизайн для форума о собаках



Супернабор кнопок "Четыре сезона" в четырех цветах - к каждому времени года и практически любой цветовой гамме