Форум » Дизайны для форумов Borda.Ru » Два новых дизайна для форумов о кошках » Ответить
Два новых дизайна для форумов о кошках
Abyadmin: Дизайн нефиксированной ширины (широкий, под изображения 640 пкс) Посмотреть дизайн полностью (ссылка временная). [quote]Вид: табличный Вид шапки форума: справа от логотипа Иконки в шапке форума: не показывать Адрес папки с 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> [/quote] Все, выделенное красным, меняем на свой текст и картинки. Если вам не нужна фотогалерея, аккуртно удалите из кода все, выделенное зеленым. Размер изображений в фотогалерее не должен превышать 250 пкс по максимальной стороне.
Ответов - 4 новых
Abyadmin: Дизайн фиксированной ширины с очаровательными котейками Макото Мурамацу Псмотреть дизайн полностью (ссылка временная) Вид: табличный Вид шапки форума: справа от логотипа Иконки в шапке форума: не показывать Адрес папки с 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> Все, выделенное красным, меняем на свой текст и картинки.
Табита: Abyadmin пишет: Дизайн фиксированной ширины с очаровательными котейками Макото Мурамацу Ой, я просто млею от этих котеек! Какая же прелесть этот дизайн! Обожаю Макото Мурамацу. Очень порадовал и понравился! Спасибо за эту красоту!
Ветерок: У меня что-то тупит. Окошечки в "Форум" жёлтые. И кнопки с иконками не вставляются!
Abyadmin: Ветерок, иконок к этим дизайнам нет, поэтому надо отметить в настройках "иконки в шапке форума" - не показывать. Кнопки не становятся только по одной причине: после адреса папки с кнопками оставляете пробел, проследите, чтобы его не было. Окошечки в форуме желтые наверняка в ИЕ (Internet Explorer), тут есть три варианта решения проблемы: а) попытаться подобрать цвета самостоятельно; б) удалить все цвета из таблицы; в) порекомендовать пользователям использовать для просмотра форума другие браузеры (Opera, Mоzilla Firefox).
полная версия страницы