| Автор | Сообщение |
|
|
| дизайнер-любитель
|
Сообщение: 167
Зарегистрирован: 06.07.09
|
|
Отправлено: 09.10.09 23:44. Заголовок: Моя собака - 4 в 1 /нефиксированной ширины, широкий/ для форума о собаках
Моя собака - 4 в 1
Для каких форумов предназначен этот дизайн, понятно из названия. Но этот диз не совсем обыкновенный. Во-первых, это первый дизайн из серии и похожих будет еще 3, поэтому и называется он "4 в 1". Все дизайны будут иметь одинаковую конфигурацию, на них будут красоваться одни и те же собаки, но в целом картинка будет меняться соответственно времени года. Первый - осенний, а в свое время появятся зимний, весенний и летний.
А еще необыкновенность этого дизайна вот в чем. Видите на скриншоте маленькие фотографии в таблице новостей? На форумах о животных это извечная проблема - где разместить фоты победителей выставок, ждущих новых хозяев малышей, просто забавные фотографии или работы победителей конкурсов, например, на лучшую фотку сезона. Зайдите на пробный форум и посмотрите, как просто и эффективно решена эта проблема. Здесь организована небольшая фотогалерея, в которой можно разместить 7 фотографий с максимальным размером 250 пкс. В "спокойном" состоянии фоточки урезанные и совсем небольшие - всего 100х100пкс. А если поднести к ним курсор ... очень симпатично получается. Каждая фотография к тому же является кнопкой-ссылкой, щелкнув по ней можно оказться в соответствующей теме на форуме ли перейти на другой сайт.
Надеюсь, что дизайн понравится и будет востребован. Я делала его с удовольствием и интересом.
Дизайн нефиксированной ширины, но широкий - в него свободно становятся картинки шириной 640 пкс.
|
 |
  
|
|
Ответов - 38
, стр:
1
2
All
[только новые]
|
|
|
|
| дизайнер-любитель
|
Сообщение: 413
Зарегистрирован: 06.07.09
|
|
Отправлено: 19.03.10 15:59. Заголовок: Летний дизайн форума о собаках
Летний дизайн форума о собаках  Посмотреть дизан полностью<\/u><\/a>
| цитата: | Вид шапки форума: ссылки под логотипом
Адрес папки с http, где лежат кнопки и иконки: http://s445.photobucket.com/albums/qq171/abyadmin/Dogs/kn-autumn/
Цвет шапки таблиц: #ecf1f7
Светлый цвет в таблицах: #ecf1f7
Темный цвет в таблицах: #ecf1f7
Третий цвет в таблицах: #ecf1f7
Цвет формы для сообщений: #ecf1f7
Цвет разделительных линий в таблицах: #3b5770
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/Dogs/ico.gif" rel=icon type=image/x-icon>
<STYLE type=text/css>
BODY{font-family: Verdana; Tahoma;
font-style: normal;
font-color: #000000;
background-color: #85a7a4;
background-image: url(http://i445.photobucket.com/albums/qq171/abyadmin/Dogs/BGSummer.jpg);
background-repeat: repeat-y;
background-position: top left;
background-attachment: fixed;
margin: 0px;
padding: 0px;}
a:link{color:#31670e; text-decoration:none;}
a:hover{color:#de4631;text-decoration:none;}
a:visited{color:#31670e;text-decoration:none;}
td{font-family:Verdana;}
.font1{font-size:12px;}
.font2{font-size:11px;font-weight:400;}
.font3{font-family: Tahoma; font-size:12px;font-weight:700;}
.font4{font-size:15px;}
.font5{font-size:11px;font-weight:700;}
.font6{font-family: Tahoma; font-size:15px;font-weight:700;}
tr.font3 {HEIGHT: 28px;}
tr.font5 {HEIGHT: 30px; font-weight:700;}
tr.font6 {font-family: Tahoma; HEIGHT: 32px; COLOR:#de4631; LETTER-SPACING: 1px}
textarea{width:100%;height:160; background-color:#ffffff; font-family:Verdana; font-size:12px}
.sender{background-color:#d3ddea;font-family:Verdana; font-size:11px; font-weight:400;border:1 outset rgb(0,0,0);}
input,select{background-color:#ffffff; font-family:Verdana; font-size:11px; font-weight:400;border:1 outset rgb(0,0,0);}
.td1{ width: auto;
height: 380;
background:url(http://i445.photobucket.com/albums/qq171/abyadmin/Dogs/LogoSummerBG.gif);
background-repeat: repeat-x;}
.td2{ width: auto;
height: 179;
background:url(http://i445.photobucket.com/albums/qq171/abyadmin/Dogs/BotSummerBG.gif);
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: #ffffff 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: #3b5770 1px 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="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/Dogs/LogoSummer1.jpg" width="195" height="380" hspace="0" vspace="0" border="0" /></td>
<td class="td1" align="center" valign="top" border="0" />
<TABLE cellSpacing=0 cellPadding=0 width=390px height=380px border=0 align="center" valign="top"><tr> <td colspan="0" style="background:url(http://i445.photobucket.com/albums/qq171/abyadmin/Dogs/LogoSummer2.jpg)" align="left" valign="top" border="0"><div style="position:relative; margin-left:88px; margin-right:29px; margin-top:33px; margin-bottom:260px; width:270px; height:82px; overflow:auto;"><span class=font2><b>Название</b> Текст </span></div></td></tr></TABLE>
</td>
<td class="td1" align="center" valign="top"border="0" />
<TABLE cellSpacing=0 cellPadding=0 width=377px height=380px border=0 align="center" valign="top"><tr> <td colspan="0" style="background:url(http://i445.photobucket.com/albums/qq171/abyadmin/Dogs/LogoSummer3.jpg)" align="left" valign="top" border="0"><div style="position:relative; margin-left:83px; margin-right:23px; margin-top:33px; margin-bottom:260px; width:269px; height:82px; overflow:auto;"><span class=font2><b>Название</b> Текст </span></div></td></tr></TABLE>
</td>
</tr></table>
<br>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="left" valign="top" width="60px"></td>
<td align="center" valign="top" style="background-color:#d3ddea; border-width:3px; border-style:solid; border-color:#3b5770;">
<TABLE cellSpacing=5 cellPadding=5 width=100% height=100% align="center" 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></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center" valign="center" width="194px"></td>
<td class="td2" align="center" valign="top"><img src="http://i445.photobucket.com/albums/qq171/abyadmin/Dogs/BotSummer1.jpg" width="125" height="179" hspace="0" vspace="0" border="0" /></td>
<td class="td2" align="center" valign="top"><img src="http://i445.photobucket.com/albums/qq171/abyadmin/Dogs/BotSummer2.jpg" width="350" height="179" hspace="0" vspace="0" border="0" /></td>
<td class="td2" align="center" valign="top"><img src="http://i445.photobucket.com/albums/qq171/abyadmin/Dogs/BotSummer3.jpg" width="145" height="179" hspace="0" vspace="0" border="0" /></td>
</rd></tr></table>
</body></html>
|
|
Все, выделенное красным, меняем на свои ссылки и тексты.
Если вам не нужна фотогалерея, аккуратно удалите из кода все, выделенное зеленым.
Изображения в фотогалерее не должны превышать 250 пкс по максимальной стороне.
|
|
|
|
|
| |
Сообщение: 1
Зарегистрирован: 30.03.10
Откуда: Россия (р.Германия), Полярные Зори (р. Берлин)
|
|
Отправлено: 30.03.10 13:10. Заголовок: Abyadmin Суперские д..
|
|
|
|
|
| дизайнер-любитель
|
Сообщение: 438
Зарегистрирован: 06.07.09
|
|
Отправлено: 30.03.10 17:24. Заголовок: С весенними кнопочка..
С весенними кнопочками так симпотно смотрится, как специально сделаны.
|
|
|
|
|
| |
Сообщение: 2
Зарегистрирован: 30.03.10
Откуда: Россия (р.Германия), Полярные Зори (р. Берлин)
|
|
Отправлено: 31.03.10 07:08. Заголовок: Abyadmin да!)..
Abyadmin да!)
|
|
|
|
|
| |
Сообщение: 1
Зарегистрирован: 10.06.10
|
|
Отправлено: 10.06.10 19:51. Заголовок: Дизайн
А как его переделать в хориный сайт?Спасибо огромное.Или можно заказать дизайн?  |
|
|
|
|
| |
Не зарегистрирован
Зарегистрирован: 01.01.70
|
|
Отправлено: 14.06.10 15:12. Заголовок: Здравствуйте! прочит..
|
|
|
|
|
| дизайнер-любитель
|
Сообщение: 513
Зарегистрирован: 06.07.09
|
|
Отправлено: 14.06.10 16:47. Заголовок: И вам спасибо на доб..
И вам спасибо на добром слове  |
|
|
|
|
| |
Не зарегистрирован
Зарегистрирован: 01.01.70
|
|
Отправлено: 15.06.10 16:20. Заголовок: Здравствуйте! подска..
|
|
|
|
|
| дизайнер-любитель
|
Сообщение: 515
Зарегистрирован: 06.07.09
|
|
Отправлено: 18.06.10 07:27. Заголовок: Удача, Я так поняла,..
Удача, Я так поняла, вы имеете в виду цвет шрифта. Загляните в сообщение с кодом летнего дизайна, я в нем выделила жирным синим то, что вам надо поменять.
|
|
|
|
|
| |
Не зарегистрирован
Зарегистрирован: 01.01.70
|
|
Отправлено: 18.06.10 21:42. Заголовок: Abyadmin спасибо ht..
Abyadmin спасибо 
|
|
|
|
|
| |
Сообщение: 1
Зарегистрирован: 01.07.10
|
|
Отправлено: 01.07.10 23:07. Заголовок: Спасибо большое за д..
Спасибо большое за летний дизайн форума о собаках!!! |
|
|
|
|
|
|
| |
Сообщение: 9
Зарегистрирован: 10.06.10
|
|
Отправлено: 22.07.10 14:47. Заголовок: А какт можно передел..
А какт можно переделать картинки(свои поставить) на весенним дизайне!Очень понравился))) |
|
|
|
|
| |
Не зарегистрирован
Зарегистрирован: 01.01.70
|
|
Отправлено: 25.07.10 21:28. Заголовок: Простите, а когда бу..
Простите, а когда будут новые дизайны....  |
|
|
|
|
| |
Сообщение: 1
Зарегистрирован: 29.08.10
|
|
Отправлено: 29.08.10 08:53. Заголовок: Abyadmin Здравствуйт..
|
|
|
|
|
| дизайнер-любитель
|
Сообщение: 522
Зарегистрирован: 06.07.09
|
|
Отправлено: 06.09.10 21:31. Заголовок: Картинки в галерее п..
Картинки в галерее появились, значит, все в порядке. Уберите еще адрес логотипа в настройках, и будет полный порядок  |
|
|
|
|
| |
Сообщение: 2
Зарегистрирован: 29.08.10
Откуда: Беларусь, Новополоцк
|
|
Отправлено: 23.09.10 11:45. Заголовок: Abyadmin пишет: Кар..
Abyadmin пишет: | цитата: | | Картинки в галерее появились, значит, все в порядке. Уберите еще адрес логотипа в настройках, и будет полный порядок |
|
Да он мне не мешает, зато людям на ФТП заходить удобно. |
|
|
|
|
| |
Сообщение: 1
Зарегистрирован: 04.12.10
|
|
Отправлено: 04.12.10 17:02. Заголовок: спасибо за шаблон!по..
|
|
|
|
|
| |
Не зарегистрирован
Зарегистрирован: 04.10.11
|
|
Отправлено: 04.10.11 07:02. Заголовок: Abyadmin А можно это..
Abyadmin А можно этот форум немного изменить? У меня форум Китайской Хохлатой... 
|
|
|
|
Ответов - 38
, стр:
1
2
All
[только новые]
|
|
- участник сейчас на форуме
