Отправлено: 24.06.10 02:57. Заголовок: Супернабор "Четыре времени года"

Супернабор "Четыре времени года"

Этот набор состоит из основных составляющих дизайна - фонов, кнопок, логотипов, подложек под таблицу новостей и скинов. Все элементы выполнены в четырех основных цветах - оттенках желтого, зеленого, красного и синего, - и соответствуют каждому из четырех времен года. Используя элементы из набора, вы всегда сможете придать форуму новый вид и создать свой неповторимый дизайн, который будет соответствовать картинке за окном. От вас не потребуется глубоких знаний HTML и CSS, все элементы легко и просто вставляются в начальный бордовский скин, который вы видите на новом форуме.

Думаю, что набор заинтересует, в первую очередь, начинающих админов, а также тех, кто не любит "навороченных" дизайнов и предпочитает простоту.

 Отправлено: 24.06.10 03:01. Заголовок: Логотипы осенние ht..

Логотипы осенние

Синие





Зеленые





Красные





Желтые

 Отправлено: 24.06.10 03:08. Заголовок: Логотипы зимние Гол..

Логотипы зимние

Синие





Зеленые





Красные





Желтые

 Отправлено: 24.06.10 03:15. Заголовок: Логотипы весенние С..

Логотипы весенние

Синие





Зеленые





Красные





Желтые

 Отправлено: 24.06.10 03:19. Заголовок: Логотипы летние Син..

Логотипы летние

Синие





Зеленые





Красные





Желтые

 Отправлено: 24.06.10 03:41. Заголовок: Все логотипі имеют о..

Все логотипы имеют один размер (550х200 пкс) и устанавливаются одинаково:

настройки
Вид шапки форума: ссылки справа от логотипа

Логотип, новости
HTML логотипа: <img src="адрес логотипа" width="550px" height="200px" border=0>

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

 Отправлено: 24.06.10 04:16. Заголовок: Кнопки http://i445..

Кнопки



Адреса папок с кнопками
Зима: http://s445.photobucket.com/albums/qq171/abyadmin/KnOnly/WinterYellow/
Весна: http://s445.photobucket.com/albums/qq171/abyadmin/KnOnly/SpringYellow/
Лето: http://s445.photobucket.com/albums/qq171/abyadmin/KnOnly/SummerYellow/
Осень: http://s445.photobucket.com/albums/qq171/abyadmin/KnOnly/AutumnYellow/



Адреса папок с кнопками
Зима: http://s445.photobucket.com/albums/qq171/abyadmin/KnOnly/Winter%20Blue/
Весна: http://s445.photobucket.com/albums/qq171/abyadmin/KnOnly/SpringBlue/
Лето: http://s445.photobucket.com/albums/qq171/abyadmin/KnOnly/SummerBlue/
Осень: http://s445.photobucket.com/albums/qq171/abyadmin/KnOnly/AutumnBlue/


Адреса папок с кнопками
Зима: http://s445.photobucket.com/albums/qq171/abyadmin/KnOnly/WinterRed/
Весна: http://s445.photobucket.com/albums/qq171/abyadmin/KnOnly/SpringRed/
Лето: http://s445.photobucket.com/albums/qq171/abyadmin/KnOnly/SummerRed/
Осень: http://s445.photobucket.com/albums/qq171/abyadmin/KnOnly/AutumnRed/


Адреса папок с кнопками
Зима: http://s445.photobucket.com/albums/qq171/abyadmin/KnOnly/WinterGreen/
Весна: http://s445.photobucket.com/albums/qq171/abyadmin/KnOnly/SpringGreen/
Лето: http://s445.photobucket.com/albums/qq171/abyadmin/KnOnly/SummerGreen/
Осень: http://s445.photobucket.com/albums/qq171/abyadmin/KnOnly/AutumnGreen/

_____________________________________________________________________

Не забудьте отметить
Иконки в шапке форума: не показывать

проследите, чтобы в конце адреса папки с кнопками не было пробела

и установите, пожалуйста, копирайт Dream Design в HTML-низ:
<P align="center" class="font2">Дизайн
кнопок © <a href="http://ddapple.forum24.ru/" target="_blank">Dream Design</a></p>

 Отправлено: 24.06.10 04:46. Заголовок: Набор подложек под т..

Набор подложек под таблицу новостей "Четыре сезона". Подложки выполнены в цветах и стиле кнопок "Четыре сезона", чтобы на форуме все было в полной гармонии. Адреса с самих картинок не копируйте - картинки уменьшены, адреса приведены под ними.

Подложки темные градиентные

ОСЕНЬ




синий: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsAut_Blue.jpg
зеленый: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsAut_Green.jpg
красный: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsAut_Red.jpg
желтый: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsAut_Yellow.jpg

ВЕСНА




синий: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsS_Blue.jpg
зеленый: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsS_Green.jpg
красный: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsS_Red.jpg
желтый: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsAut_Yellow.jpg

ЛЕТО




синий: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsSum_Blue.jpg
зеленый: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsSum_Green.jpg
красный: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsSum_Red.jpg
желтый: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsSum_Yellow.jpg

ЗИМА





синий: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsW_Blue.jpg
зеленый: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsW_Green.jpg
красный: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsW_Red.jpg
желтый: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsW_Yellow.jpg

 Отправлено: 24.06.10 05:14. Заголовок: Подложки светлые одн..

Подложки светлые однотонные

ОСЕНЬ



синий: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsAut_BlueL.jpg
зеленый: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsAut_GreenL.jpg
красный: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsAut_RedL.jpg
желтый: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsAut_YellowL.jpg


ВЕСНА




синий: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsS_BlueL.jpg
зеленый: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsS_GreenL.jpg
красный: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsS_GreenL.jpg
желтый: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsS_YellowL.jpg


ЛЕТО




синий: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsSum_BlueL.jpg
зеленый: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsSum_GreenL.jpg
красный: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsSum_RedL.jpg
желтый: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsSum_YellowL.jpg

ЗИМА




синий: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsW_BlueL.jpg
зеленый: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsW_GreenL.jpg
красный: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsW_RedL.jpg
желтый: http://i445.photobucket.com/albums/qq171/abyadmin/KnOnly/NewsW_YellowL.jpg

 Отправлено: 24.06.10 05:17. Заголовок: В поле HTML-новости ..

В поле HTML-новости ставим код:

цитата:

<table cellSpacing=0 cellPadding=0 width=790px height=120px border=0 align="center" valign="top" background="Адрес подложки"> <tr> <td colspan="0" align="left" valign="top" width="395px" height="120px" border="0" /> <div style="position:relative; margin-left:55px; margin-right:5px; margin-top:35px; margin-bottom:5px; width:335px; height:80px; overflow:auto;"><span class=font2> Ваш текст </span></div></td> <td colspan="0" align="left" valign="top" width="395px" height="120px" border="0" /><div style="position:relative; margin-left:55px; margin-right:8px; margin-top:35px; margin-bottom:5px; width:332px; height:80px; overflow:auto;"><span class=font2> Ваш текст </span></div></td></tr></table>

Копируем адрес понравившейся картинки-подложки и заменяем ею слова Адрес подложки.

Вместо выделенного красным пишем свой текст и сохраняем настройки

 Отправлено: 24.06.10 05:19. Заголовок: Набор фонов "Чет..

Набор фонов "Четыре сезона" с солнышками и облаками. Выполнены в тех же цветах, что и кнопки, в двух вариантах - темном и светлом.
Если вам понравился фон, можете его не скачивать, а просто скопировать адрес, щелкнув по картинке правой кнопкой мыши.

 Отправлено: 24.06.10 05:39. Заголовок: Набор сезонных фонов..

Набор сезонных фонов

Осенние и зимние фоны

 Отправлено: 24.06.10 05:49. Заголовок: Набор сезонных фонов..

Набор сезонных фонов

Осенние и зимние фоны, которые требуют центрирования. Чтобы они "встали" правильно и хорошо смотрелись, после адреса картинки-бэкграунда обязательно нужно указать:
background-position: top center;

 Отправлено: 24.06.10 05:54. Заголовок: Набор сезонных фонов..

Набор сезонных фонов

Фоны, общие для весны и лета

 Отправлено: 24.06.10 05:58. Заголовок: Набор сезонных фонов..

Набор сезонных фонов

Весенние фоны

 Отправлено: 24.06.10 06:11. Заголовок: Набор сезонных фонов..

Набор сезонных фонов

Летние фоны

 Отправлено: 14.10.10 04:06. Заголовок: Скин бежево-зеленый ..

Скины для оформления форума

Прежде, чем устанавливать скин на форум, в настройках удалите все из полей: HTML-верх, HTML-низ, а также все цвета в разделе "Настройки цветов, иконок, званий дизайна 0".
Все, выделенное красным, поменяйте на свои тексты, ссылки и картинки.
То, что обозначено в коде синим, аккуратно замените на выбранный вами адрес фона. Цифру, выделенную в коде зеленым, можно менять по своему усмотрению (желательно в пределах от 80 до 90%)
Внимание! Не все версии Internet Explorer правильно отображают цвета в форумной таблице, выделенные в коде оранжевым. Если пользователи форума пожалуются на появление в таблице нелепых желтых, зеленых, красных и проч. цветов, вы можете: а) попытаться подобрать цвета самостоятельно; б) удалить все цвета из таблицы; в) порекомендовать пользователям использовать для просмотра форума другие браузеры (Opera, Mоzilla Firefox).


Код HTML-низа для всех скинов одинаковый:

HTML-низ:

</TD></TR></TABLE>

</BODY></HTML>

 Отправлено: 14.10.10 05:07. Заголовок: Скин "Зеленый"

Скин "Зеленый" - под зеленые элементы оформления


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

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


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="адрес иконки, которая будет отображаться в окне браузера" rel=icon type=image/x-icon>

<STYLE type=text/css>
Body {font-family: Verdana;
color: #000000;
background-color: #C5D7BF;
background-image: url(адрес фона);
background-attachment: fixed;
margin-top:10px;margin-bottom:10px;
padding: 0px;}

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

a:link{color:#1b4254;text-decoration:none;}
a:visited{color:#1b4254;text-decoration:none;}
a:hover{color: #2d7112;text-decoration:underline;}

tr.font3 {HEIGHT: 28px; background-color: #98ab8d;}
tr.font5 {HEIGHT: 30px; background-color: #98ab8d;}
tr.font6 {HEIGHT: 28px;}

input,select,textarea{font-size:11px; font-family:Verdana; background-color:#ffffff;}
textarea{width:100%;height:120;}
input.sender{background-color:#c3d1bc; border:1; border-color:#1b4254; border-style: ridge;}

</STYLE>
</HEAD>
<BODY>

<TABLE bgColor=#3f5d5d cellSpacing=3 cellPadding=15 width=80% height=100% border=0 align="center">
<TR bgColor=#e9f2f7><TD valign=top>


Пример оформления летнего форума с использованием скина "Зеленый"

 Отправлено: 14.10.10 05:22. Заголовок: Скин "синий"

Скин "Cиний" - под синие элементы оформления


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

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


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="адрес иконки, которая будет отображаться в окне браузера" rel=icon type=image/x-icon>

<STYLE type=text/css>
Body {font-family: Verdana;
color: #000000;
background-color: #a0b2c8;
background-image: url(адрес фона);
background-attachment: fixed;
margin-top:10px;margin-bottom:10px;
padding: 0px;}

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

a:link{color:#336699;text-decoration:none;}
a:visited{color:#336699;text-decoration:none;}
a:hover{color: #003366;text-decoration:underline;}

tr.font3 {HEIGHT: 28px; background-color: #a0b2c8;}
tr.font5 {HEIGHT: 30px; background-color: #a0b2c8;}
tr.font6 {HEIGHT: 28px;}

input,select,textarea{font-size:11px; font-family:Verdana; background-color:#ffffff;}
textarea{width:100%;height:120;}
input.sender{background-color:#a0b2c8; border:1; border-color:#3f5d5d; border-style: ridge;}

</STYLE>
</HEAD>
<BODY>

<TABLE bgColor=#3f5d5d cellSpacing=3 cellPadding=15 width=80% height=100% border=0 align="center">
<TR bgColor=#e9f2f7><TD valign=top>


Пример оформления весеннего форума с использованием скина "Синий"

 Отправлено: 14.10.10 08:23. Заголовок: Скин желтый - под же..

Скин желтый - под желтые элементы оформления


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

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


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="адрес иконки, которая будет отображаться в окне браузера" rel=icon type=image/x-icon>

<STYLE type=text/css>
Body {font-family: Verdana;
color: #000000;
background-color: #d0ad81;
background-image: url(адрес фона);
background-attachment: fixed;
margin-top:10px;margin-bottom:10px;
padding: 0px;}

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

a:link{color:#333300;text-decoration:none;}
a:visited{color:#333300;text-decoration:none;}
a:hover{color: #CC6600;text-decoration:underline;}

tr.font3 {HEIGHT: 28px; background-color: #DEB887;}
tr.font5 {HEIGHT: 30px; background-color: #DEB887;}
tr.font6 {HEIGHT: 28px;}

input,select,textarea{font-size:11px; font-family:Verdana; background-color:#ffffff;}
textarea{width:100%;height:120;}
input.sender{background-color:#F5DEB3; border:1; border-color:#944c19; border-style: ridge;}

</STYLE>
</HEAD>
<BODY>

<TABLE bgColor=#944c19 cellSpacing=3 cellPadding=15 width=80% height=100% border=0 align="center">
<TR bgColor=#f4efd9><TD valign=top>


Пример оформления осеннего форума с использованием скина "Желтый"

 Отправлено: 14.10.10 09:16. Заголовок: Скин "красный" - под к..

Скин "Красный" - под красные элементы оформления


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

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


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="адрес иконки, которая будет отображаться в окне браузера" rel=icon type=image/x-icon>

<STYLE type=text/css>
Body {font-family: Verdana;
color: #000000;
background-color: #e0bdaa;
background-image: url(адрес фона);
background-attachment: fixed;
margin-top:10px;margin-bottom:10px;
padding: 0px;}

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

a:link{color:#663333;text-decoration:none;}
a:visited{color:#663333;text-decoration:none;}
a:hover{color: #944c19;text-decoration:underline;}

tr.font3 {HEIGHT: 28px; background-color: #d2ada7;}
tr.font5 {HEIGHT: 30px; background-color: #d2ada7;}
tr.font6 {HEIGHT: 28px;}

input,select,textarea{font-size:11px; font-family:Verdana; background-color:#ffffff;}
textarea{width:100%;height:120;}
input.sender{background-color:#d2ada7; border:1; border-color:#660000; border-style: ridge;}

</STYLE>
</HEAD>
<BODY>

<TABLE bgColor=#996666 cellSpacing=3 cellPadding=15 width=80% height=100% border=0 align="center">
<TR bgColor=#eae1d9><TD valign=top>


Пример оформления зимнего форума с использованием скина "Красный"

 Отправлено: 30.11.10 13:02. Заголовок: Как всегда утащила н..

Как всегда утащила на свой форум) Красотища

 Отправлено: 18.12.10 00:21. Заголовок: http://amadina.forum..

 Отправлено: 02.02.11 23:32. Заголовок: Спасибо!!! http://i..

Спасибо!!! Взяла красный набор, жаль что ширина фиксированная . Вот click here<\/u><\/a>

 Отправлено: 04.02.11 19:07. Заголовок: Chanel, здесь как ра..

Chanel, здесь как раз ширина резиновая.
В инструкции написано:

цитата:

Цифру, выделенную в коде зеленым, можно менять по своему усмотрению (желательно в пределах от 80 до 90%)

Т.е. ширина таблицы прописана в процентах и ее вы можете менять, как угодно. Я просто забыла выделить ее в кодах зеленым цветом, но уже исправила.