Дополнение к FAQ

[La_mignonne]

Дорогие участники! )))

1. Обратите внимание (особенно новички) на новый пункт в FAQ - Элементы CSS дизайна
Очень полезно прочесть перед заказом и установкой CSS дизайна, чтобы четче сформулировать требования и легче разбираться в установке кодов.
Если заметили какие-то ошибки, поправьте меня.

2. Так же, я проиллюстрировала пункт "Как установить дизайн CSS"


Надеюсь, кому-то это пригодится в работе в дизайном.))
Если есть дополнительные вопросы по элементам или на другие темы, задайте их здесь

---

№190 Falling Sky

[Archmage]

Всем доброго вечера.
Это моя первая работа. Хотелось чего-то ностальгически-пасмурного, но, в то же время, без надрыва, спокойное. Получилось или нет - судить вам.

Общий вид

как это работает

Эпиграф


Фон


Аватары



Настройки

В работе использована иллюстрация Anry "Falling Sky".

---

Заказ для Dfan. Urban sky

[Сумасшедший Шляпочник ака Хима]

Urban sky

more

Exstratop



Фон (превью)



Цветовые настройки
Заголовок: #180bbf
Ссылки: #4648ab
Запись: #042546
Оффтоп: #49908f
Фон записей: #9bc1e8
Фон дневника: #9ba7c8

Css code

#wrapper{min-width:900px!important;width:900px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 #side{width:100px !important;margin:0 !important}
 #page-c{width:800px !important;padding:0 !important;padding:0 !important}
 #page-t {margin:0 !important}
 #wrapper{background: #9bc1e8 !important;}
 #side a{color:#042546; font-size:11px;}
 .menuSection {text-align:center; }
 #wrapper{overflow:hidden}
 #side{overflow:hidden}
 body{ background-attachment:fixed;}
 #extratop {background: url('адрес картинки Exstratop из Вашей БИ') 0 0 no-repeat; height:250px; width:100%;}
 #message{background: #f2caaf !important;}
 .header {font-family:Perpetua Titling MT; font-size:15px}
 .postDate, .header {font-family:Perpetua Titling MT; font-size:15px}
 .avatar img, .avatarNew img{ FILTER: Black; opacity: 0.5; -moz-opacity: 0.5; m: (this.onmouseover = new ("this.className = 'hover';")); }
 .avatar img.hover, .avatarNew img.hover{FILTER: none; m: (this.onmouseout = new ("this.className = '';")); }
 .avatar img:hover, .avatarNew img:hover{ opacity: 1.0; -moz-opacity: 1.0;}
 a:link {text-decoration: none !important;}
 a:visited {text-decoration: none !important;}
 a:active {text-decoration: none !important;}
 #upInChart {display:none}
 #favListLink {display:none}
 #photolibLink {display:none}
 #communityCatalogueLink {display:none}
 #diarySpiritLink {display:none}
 #diarySupportLink {display:none}
 #paySupportLink {display:none}
 #faqLink {display:none}
 #myProfileLink {display:none}
 #myAlbumLink {display:none}
 #albumLink {display:none}
 #rssLink {display:none}
 .paragraph div:first-letter { font-size: large; font-family: 'Georgia'; color: #603c1c; text-align: justify; line-height: 1.3em; font-variant: inherit; text-indent: 1.8em; text-transform: uppercase; letter-spacing: 1px; }
 div.menuSection, div.pageBar, .calnd { background: #9bbfc8; border-width:1px; border-color:#034353; border-style:solid; padding:7px;}
 a:hover,a:active{color:#849cb4 !important}
 A:hover {TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width: 2px; border-bottom-color: #6c7f93;}
 A:HOVER{ font-family: Monotype Corsiva; }
 .comments a {color: #82ad98; font-size: 12px;}
 .subscribe a {color: #82ad98; font-size: 12px;}
 .addToQuote a {color: #82ad98; font-size: 12px;}
 .quote_post {color: #82ad98; font-size: 12px;}
 #sortFromBegin{display:none}
 #sortFromEnd{display:none}
 #sortFromLastComment {display: none}
 .avatar img, .avatarNew img{ FILTER: Black; opacity: 0.5; -moz-opacity: 0.5; m: (this.onmouseover = new ("this.className = 'hover';")); }
 .avatar img.hover, .avatarNew img.hover{FILTER: none; m: (this.onmouseout = new ("this.className = '';")); }
 .avatar img:hover, .avatarNew img:hover{ opacity: 1.0; -moz-opacity: 1.0;}
 .header { text-align:left; margin-bottom:-2px; font-family: 'Verdana'; font-size: 15px}
 .header h2 { text-align: left; margin-bottom:-2px; font-family: 'Verdana'; font-size: 16px;}

---

189. Elegant Fire

[Сумасшедший Шляпочник ака Хима]

Elegant Fire

more

Extratop



Фон



img 1


img 2


img 3


img 4


img 5


img 6


Шрифты и размеры

Заголовок: обычный; 17
Запись: обычный; 13
Шрифт: Tahoma

Цветовые настройки

Заголовок: #a93b46
Запись: #dadada
Ссылки: a93b46
Оффтопик: #f5945b
Фон записи: #737373

CSS Code

#wrapper{min-width:600px!important;width:600px;margin: 0 auto !important;padding:0 !important;}
 #page-c{width:600px !important;padding:0 !important;padding:0 !important}
 #page-t {margin:0 !important}
 #side a{color:#000000; font-size:15px;}
 .menuSection {text-align:center; }
 .avatar img, .avatarNew img{ FILTER: Black; opacity: 0.5; -moz-opacity: 0.5; m: (this.onmouseover = new ("this.className = 'hover';")); }
 .avatar img.hover, .avatarNew img.hover{FILTER: none; m: (this.onmouseout = new ("this.className = '';")); }
 .avatar img:hover, .avatarNew img:hover{ opacity: 1.0; -moz-opacity: 1.0;}
 a:link {text-decoration: none !important;}
 a:visited {text-decoration: none !important;}
 a:active {text-decoration: none !important;}
 #wrapper{background: #737373 !important;}
 #wrapper{overflow:hidden}
 body{ background-attachment:fixed;}
 #extratop {background: #737373 url(' Extratop ') 0 0 no-repeat; height:376px; width:100%;}
 .header {font-family:a_MachinaOrtoSht, Arial; font-size:17px}
 #postsArea, #commentsArea {font-family: AG_Futura, "Times New Roman"; }
 .postDate, .header {font-family:a_MachinaOrtoSht, Arial; font-size:19px}
 a:hover,a:active{color:#ab2a2f !important}
 A:hover {TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width: 2px; border-bottom-color: #fe5200;}
 A:HOVER{ font-family: Monotype Corsiva; }
 #side{font-family: a_BosaNovaCpsBrk, Arial; }
 #YaSearch, #upInChart, #favListLink, #communityCatalogueLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #myAlbumLink, #albumLink, #rssLink, #subscribeEmail, #unsubscribeEmai, #myLinks, #iAmQuit , #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #myProfileLink, #myAlbumLink, #albumLink, #rssLink{display:none}
 .postLinksBackg {display:block !important; border-bottom: 1px dashed #ab2a2f; margin-top: 10px !important; padding:10px 0 !important;}
 .sign {font-size:10px !important;}
 .atTag em, .atMood em, .atMusic em {font-style: normal;font-size:11px !important;}
 .atMusic SPAN {display:block; width:20px;height:20px; line-height:500px; float:left; overflow:hidden; background: #737373 url(' img1 ') 2px 4px no-repeat;}
 .atMood SPAN {display:block; width: 20px; height:20px; line-height:500px; float:left; overflow:hidden; background: #737373 url(' img 2') 2px 4px no-repeat;}
 .comments {background: url(' img 3 ') no-repeat; padding:0 0 0 20px !important; display:block; height:16px; }
 .subscribe {background: url(' img 4 ') no-repeat; padding:0 0 0 20px !important; display:block; height:16px; }
 .addToQuote {background: url(' img 5 ') no-repeat; padding:0 0 0 20px !important; display:block; height:16px; }
 .atTag SPAN {display:block; width:20px; height:20px; line-height:500px; float:left; overflow:hidden; background: #737373 url(' img 6 ') 2px 4px no-repeat;}

P.S. Внимание, в дизайне используются нестандартные шрифты. Скачать их можно по этой ссылке. Устанавливать их вот сюда: C:\WINDOWS\Fonts. Все img должны быть залиты в вашу Библиотеку изображений. Графическое оформление их в коде вот такое: url('/userdir/8/0/7/8/807813/39778076.png') (Это пример из моей БИ). Если возникнут проблемы с установкой — пишите в ICQ.

---

Заказ для Заблудившийся котенок. Vanity

[Сумасшедший Шляпочник ака Хима]

Vanity

more

Картинка №1



Картиинка №2



Картинка №3



Картинка №4



Картинка№5



Картинка №6


Картинка№7


Картинка №8


Фото дневника



Шрифты и размеры
Заголовок: жирный; 15
Текст: обычный; 11
Шрифт: Tahoma

Цветовые настройки:
Заголовок: #e47216
Записи: #3a3626
Ссылки: #bd7041
Оффтопик: #d1c576
Фон записи: #537162

CSS Code

body {background: #537162 url(' Адрес Картинки №1 из БИ ';) fixed left bottom no-repeat;}
 #wrapper{min-width:600px!important;width:600px;padding:0 !important; background: url(' Адрес Картинки №2 из БИ ';) ; float:right!important;}
 #side{position:absolute; width:100px !important; margin:0 !important}
 #page-c{width:500px !important;padding:0 !important;padding:0 !important}
 #page-t {margin:0 !important}
 #extratop {background: #537162 url(' Адрес Картинки №3 из БИ ';) 0 0 no-repeat; height:43px; width:600px;}
 #extrabottom {background: #537162 url(' Адрес Картинки №4 из БИ ';) 0 0 no-repeat; height:43px; width:600px;clear: both}
 .menuSection {text-align:center; }
 .countFirstDate,.countSecondDate {text-align:center; font-family: 'Monotype Corsiva'; font-size: 15px}
 .header { text-align:left; margin-bottom:-2px; font-family: 'Monotype Corsiva'; font-size: 15px}
 .header h2 { text-align: left; margin-bottom:-2px; font-family: 'Monotype Corsiva'; font-size: 16px;}
 .paragraph div:first-letter { font-size: large; font-family: 'Georgia'; color: #603c1c; text-align: justify; line-height: 1.3em; font-variant: inherit; text-indent: 1.8em; text-transform: uppercase; letter-spacing: 1px; }
 .singlePost {padding-bottom: 40px !important; background: url(' Адрес Картинки №5 из БИ ';) center bottom no-repeat;margin: 0; padding:0 }
 .comments a {color: #eadb9f; font-size: 10px;}
 .subscribe a {color: #eadb9f; font-size: 10px;}
 .addToQuote a {color: #eadb9f; font-size: 10px;}
 .quote_post {color: #eadb9f; font-size: 10px;}
 textarea, .#but{width:500px !important; overflow: auto;}
 nobr {white-space: normal !important;}
 #sortFromBegin{display:none}
 #sortFromEnd{display:none}
 #sortFromLastComment {display: none}
 .atMusic em { font-size: 0 px; background: url(' Адрес Картинки №6 из БИ ';) no-repeat 0px 0px ; padding-left: 50px !important; }
 .atMusic em SPAN { position: absolute; left:-1000px; }
 .atMood em { font-size: 0 px; background: url(' Адрес Картинки №7 из БИ ';) no-repeat 0px 0px ; padding-left: 70px !important; }
 .atMood em SPAN { position: absolute; left:-1000px; }
 .atTag em { font-size: 0 px; background: url(' Адрес Картинки №8 из БИ ';) no-repeat 0; padding-left: 15px !important;}
 .atTag em SPAN { position: absolute; left:-1000px;}
 .atTag em a { font-size: 10px; text-color: #d0d891; font-style: normal}
 #upInChart {display:none}
 #favListLink {display:none}
 #photolibLink {display:none}
 #communityCatalogueLink {display:none}
 #diarySpiritLink {display:none}
 #diarySupportLink {display:none}
 #paySupportLink {display:none}
 #faqLink {display:none}
 #myProfileLink {display:none}
 #myAlbumLink {display:none}
 #albumLink {display:none}
 #rssLink {display:none}
 div#myDiaryLinks {background: #82ad98; border-width:2px; border-color:#efb46f; border-style:dotted; padding:5px !important;}
 a:hover,a:active{color:#87ee8c !important}
 A:hover {TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width: 2px; border-bottom-color: #cdee87;}
 A:HOVER{ font-family: Monotype Corsiva; }
 #wrapper{overflow:hidden}
 #side{overflow:hidden}
 body{ background-attachment:fixed;}
 a:link {text-decoration: none !important;}
 a:visited {text-decoration: none !important;}
 a:active {text-decoration: none !important;}
 .avatar img, .avatarNew img{ FILTER: Black; opacity: 0.5; -moz-opacity: 0.5; m: (this.onmouseover = new ("this.className = 'hover';";)); }
 .avatar img.hover, .avatarNew img.hover{FILTER: none; m: (this.onmouseout = new ("this.className = '';";)); }
 .avatar img:hover, .avatarNew img:hover{ opacity: 1.0; -moz-opacity: 1.0;}

P.S. Адрес картинок должен быть именно из вашей Библиотеки Изображений и оформляться графически должен вот так: url('/userdir/8/0/7/8/807813/42782942.png'

Отредактировано  La mignonne
Скрин должен быть не меньше 400px

---

КОНКУРС №1

[La_mignonne]

Дорогие участники, что вы такие вялые? неужели никто не хочет халявных денег?
ПРИЕМ ОКОНЧЕН!!!

Принято 13 работ

Итак, начинаем наш Конкурс №1

Тема: Солнечные цветы
Обратите внимание на прилагательное "солнечные". Вы должны как-то обыграть этот нюанс, а не только раскрыть цветочную тему.

Правила приема работ и участия в конкурсе: учавствовать могут ВСЕ зарегистрированные пользователи.
Общие правила проведения конкурсов читайте здесь. Вы должны внимательно прочитать все пункты правил, т.к. незнание правил в случае нарушений не освобождает Вас от дисквалификации.

Тип дизайна: для всех пользователей\ для бесплатного аккаунта

Время приема работ: 8 июня - 21 июня.

Исходники: В дизайне должен использоваться хотя бы один из представленных исходников.

Смотреть картинки

Работы присылайте на u-mail  La mignonne
Всем удачи!

---

Диз№185

[Sleepy Hollow]

Пример


Или

>>>>>>>

Эпиграф


Фото




Фоны



Цветовые настройки

---

Памятка для мастеров

[[ShokolaD]]

Оформление записи

1. В одной записи - 1 дизайн (большой наглядный скриншот),
либо несколько маленьких скриншотов.
Если дизайн адаптирован и под CSS и под бесплатник, оба дизайна публикуются в одном посте (2 наглядного скрина).
Остальные картинки прячьте под more!
Наличие авки, фона и цветовых настроек - обязательно. Цветовые настройки - НЕ картинкой, ТОЛЬКО текст.

2. Скрин (превью) должен быть размером не меньше 400 px!!! (и не больше 550px)
Меньше установленного размера грузить не разрешается, тк дизайн должен быть показан наглядно!

3. Загрузка картинок
СТРОГО ТОЛЬКО НА ЯНДЕКС
Логин - [email protected]
Пароль - по запросу.

4. Дизайн должен быть целым
Нельзя выкладывать дизы с приписками типа "Остальные берите тут/там/ и тому подобные"

5. По поводу оформления записей:
→ в заголовке пишите номер диза по порядку (сверяйтесь с последним номером выставленных дизов. Нумерованный список общий, а не отдельный для каждого мастера)
→ дизайны, выполненные на заказ, не нумеруются. Заголовок для них - "Заказ для...".
→ всегда указывайте теги ( как можно больше подходящих по смыслу дизайна тем), свое авторство тоже нужно указывать в темах.
→ запись выравнивается по центру

6. Авторство исходников
В запись с дизайном обязательно нужно добавлять пункт с исходником, который Вы используете в своем дизайне и его автором.
→ Ссылка на исходник должна быть
→ Строчку с автором вы можете писать по-своему - "автор: ник\ссылка", "автор не известен", "все исходники принадлежат их авторам", "на авторство исходников не претендую" и пр., но она так же должна быть

7. Автоустановка
Если Вы сохраняете в свой Библиотеке оформлений созданные дизайны, можете давать ссылку на автоустановку.
Для этого нужен код дизайна, который идет в адресной строке после ID
и вставить этот код нужно сюда

<a href="http://pay.diary.ru/designdir/?ext=setup&design=КОД ДИЗАЙНА" target=_blank><img src="http://img-fotki.yandex.ru/get/6511/62306769.7/0_9820b_687e6a94_orig" /></a>

8. Шаблон записи
Можно использовать уже готовый шаблон для создания новой записи в сообществе. Это не обязательно, но, на мой взгляд, очень удобно и экономит время.

→ Как создать:
Заходите сюда pay.diary.ru/options/site/?buttons
Это настройка кнопок, в поле "название" и "обозначение" ставим, к примеру, "диз"
А в поле "значение" вставляем это:

Код для дизайна CSS
<div align="center">бла-бла Ваш комментарий СКРИН При использовании дизайна просьба ставить <a href="http://dizain-by-shokolad.diary.ru/p67092305.htm" target=_blank>баннер</a> сообщества [MORE=Настройки] <a href="http://pay.diary.ru/designdir/?ext=setup&design=КОД ДИЗАЙНА" target=_blank><img src="http://img-fotki.yandex.ru/get/6511/62306769.7/0_9820b_687e6a94_orig" /></a> [MORE=Настройки] <span class="offtop"><b>КАК УСТАНОВИТЬ ДИЗАЙН</b> </span> или <span class="offtop"><b>"что это за <i>код</i> и куда его вставлять, памагити!?"</b></span> Инструкция по установке - <a href="http://dizain-by-shokolad.diary.ru/p92730332.htm" target=_blank>читать</a> Дизайн - , меню - Шрифт - ссылки - текст - заголовок - офф - <b>Остальные цветовые настройки не нужны!!!</b> Не нужно их самостоятельно вставлять! Проверьте, чтобы все остальные поля, не указанные тут, были пустыми! <b>код</b> &lt;textarea class="code">&lt;/textarea> <b>картинки</b> <b>Картинки, используемые в дизайне</b> *ссылко* Все исходники принадлежат их авторам [/MORE][/MORE]

Код для бесплатного дизайна
<div align="center">ббла-бла Ваш комментарий *скрин* При использовании дизайна просьба ставить <a href="http://dizain-by-shokolad.diary.ru/p67092305.htm" target=_blank>баннер</a> сообщества [MORE=Настройки] <span class="offtop"><b>КАК УСТАНОВИТЬ ДИЗАЙН</b> </span> Инструкция по установке - <a href="http://dizain-by-shokolad.diary.ru/p92730332.htm" target=_blank>читать</a> Автоматичсеки установить цвета и фон - <a href="http://pay.diary.ru/designdir/?ext=setup&design=КОД ДИЗАЙНА" target=_blank>ЖМИ</a> [MORE=Цветовые настройки] <span class="offtop">Если хотите менять цвета в дизе, то настройки нужно будет ставить вручную.</span> Дизайн - блочный заголовок - текст - ссылки - фон записи - границы - офф - <b>ФОН</b> *ссылко*[/MORE] <b>ЭПИГРАФ</b> (ссылку нужно вставлять в поле для эпиграфа, в html вкладку) &lt;textarea class="code"><div align="center"><img src="ССЫЛКО"></div>&lt;/textarea> <b>АВА</b> *ссылко* <b>Картинки, используемые в дизайне</b> *ССЫЛКО* Все исходники принадлежат их авторам[/MORE]

Текст в шаблоне можно менять "под себя", как Вам удобно.
И теперь у вас на панельке будет помимо стандартных кнопок, кнопка "диз", нажав на которую у вас уже появится шаблон записи, останется лишь добавить свои ссылки.

Организационные моменты

1. Права и обязанности
Если Вы публикуете дизайн в нашем сообществе, то в других аналогичных соо работу публиковать уже нельзя!
В противном случае - Ваш дизайн будет удален из DESIGN+.

Администрация имеет право размещать работы из сообщества на свое усмотрение в официальном сообществе дизайнов и официальном каталоге дизайнов сайта diary.ru - тут и тут, а также использовать работы в различных целях сообщества.
Администрация обязуется указывать кредит при использовании работ.

2. Заказы
Если беретесь выполнять заказы, то создаете себе темку в сообществе (такую, к примеру)
Ответственны перед заказчиком вы - указывайте сроки, требования, причины задержек и тд - главное, чтобы заказчики не ждали дизайн месяц, если вы договорились на неделю.
→ Совет: подписывайтесь на темки остальных мастеров, чтобы знать, не продублировали ли Ваш заказ еще нескольким мастерам - цените свое время.
→ Брать заказы могут только мастера сообщества.

---

Книга отзывов и предложений

[[ShokolaD]]

В книге отзывов и предложений Вы можете
* высказать свои предложения по улучшению сообщества,
* повозмущаться тому, что вас не устраивает здесь
* либо, наоборот, сказать в наш адрес что-нибудь приятное =)

Вперед, не стесняйтесь!

---

Диз№184

[Sleepy Hollow]

Пример


P.S Извиняюсь за долгое отсутствие

>>>>>>>

Эпиграф


Фото




Фоны


Цветовые настройки

---

Заказ для [рок.альный]

[Касатик]

Скрин:

>>>>

Эпиграф:


Фон:








Очень надеюсь, что вам понравится)) Мне почему то нравится)) Если нужны авки: пишите)) С удовольствием сделаю))

---

Заказ для Saharissa. Urban romance

[Сумасшедший Шляпочник ака Хима]

Urban romance

more

Экстратоп


Фон



Код

#wrapper{min-width:550px!important;width:550px;margin: 0 auto !important;padding:0 !important;}
 #page-c{width:550px !important;padding:0 !important;padding:0 !important; }
 #page-t {margin:0 !important;}
 #side a{color:#000000; font-size:15px;}
 #wrapper{background: #f2cabe !important;}
 #wrapper{overflow:hidden}
 .menuSection {text-align:center; }
 .avatar img, .avatarNew img{ FILTER: Black; opacity: 0.5; -moz-opacity: 0.5; m: (this.onmouseover = new ("this.className = 'hover';")); }
 .avatar img.hover, .avatarNew img.hover{FILTER: none; m: (this.onmouseout = new ("this.className = '';")); }
 .avatar img:hover, .avatarNew img:hover{ opacity: 1.0; -moz-opacity: 1.0;}
 a:link {text-decoration: none !important;}
 a:visited {text-decoration: none !important;}
 a:active {text-decoration: none !important;}
 body{ background-attachment:fixed;}
 .header {font-family: Arial; font-size:15p; xtext-align:center;}
 #postsArea, #commentsArea {font-family: Verdana; text-align:center; }
 .postDate, .header {font-family: Arial; font-size:17px; text-align:center;}
 a:hover,a:active{color:#ab2a2f !important}
 A:hover {TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width: 2px; border-bottom-color: #fe5200;}
 A:HOVER{ font-family: Monotype Corsiva; }
 #side{font-family: Times New Roman ; }
 #extratop {background: #ffffff url('/userdir/8/0/7/8/807813/41982185.png') 0 0 no-repeat; height:392px; width:100%;}
 .postLinksBackg {display:block !important; border-bottom: 1px dashed #ab2a2f; margin-top: 10px !important; padding:13px 0 !important;}
 .side {font-size:15px !important; background: url('/userdir/8/0/7/8/807813/41981747.png') 0 0 no-repeat; height:100%; width:100%;}
 #YaSearch, #upInChart, #favListLink, #communityCatalogueLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #myAlbumLink, #albumLink, #rssLink, #subscribeEmail, #unsubscribeEmai, #myLinks, #iAmQuit{display:none}
 , #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #myProfileLink, #myAlbumLink, #albumLink, #rssLink, #authorName {display:none}

Аватары

---

Заказ для Marie Mereckaya. Romantic Paris

[Сумасшедший Шляпочник ака Хима]

Romantic Paris

more

Экстратоп



Фон


Код

#wrapper{min-width:1000px!important;width:1000px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 #side{width:124px !important;margin:0 !important}
 #page-c{width:866px !important;padding:0 !important;padding:0 !important}
 #page-t {margin:0 !important}
 div.menuSection, div.pageBar, .calnd { background: #ecd7c7; border-width:1px; border-color:#dab5ac; border-style:solid; padding:7px;}
 #side a{color:#8b444f; font-size:11px;}
 .menuSection {text-align:center; }
 .menuSection {#allDiaryLink; #mainpageLink; #authorFav; #favListLink; #pchListLink; #communityCatalogueLink; #myCommunitiesLink; #randomDiaryLink; #diarySpiritLink; #diarySupportLink; #paySupportLink; #faqLink; #iAmQuit; right: -866 px; }
 .postLinksBackg {display:block !important; border-bottom: 2px dotted #8b444f; margin-top: 10px !important; padding:10px 0 !important;}
 #wrapper{overflow:hidden}
 #side{overflow:hidden}
 body{ background-attachment:fixed;}
 #message{background: #e6cabe !important;}
 #extratop {background: url('/userdir/8/0/7/8/807813/41139047.png') 0 0 no-repeat; height:159px; width:100%;}
 .header {font-family:Perpetua Titling MT; font-size:18px; text-align:center}
 .postDate, .header {font-family:Perpetua Titling MT; font-size:18px; text-align:center}
 .avatar img, .avatarNew img{ FILTER: Black; opacity: 0.5; -moz-opacity: 0.5; m: (this.onmouseover = new ("this.className = 'hover';")); }
 .avatar img.hover, .avatarNew img.hover{FILTER: none; m: (this.onmouseout = new ("this.className = '';")); }
 .avatar img:hover, .avatarNew img:hover{ opacity: 1.0; -moz-opacity: 1.0;}
 a:link {text-decoration: none !important;}
 a:visited {text-decoration: none !important;}
 a:active {text-decoration: none !important;}
 a:hover,a:active{background: #c56171; color:#cfbec1 !important}

Получилось не совсем то, что Вы заказывали, ибо как я не билась с позиционированием меню, оно у меня не вышло. Возможно Вы захотите обратиться в другое сообщество или к другому мастеру.
Еще раз прошу прощения.

---

Дизайн 182

[cpt. jack harkness]

Очень простой, но css)
Итак..

Эпиграф


Фон


взято у  chambertin

Настройки
Что есть.
фон записи - cad8c8
границ - b3ccac
текст заголовка - 993921
текст записи - e8e3a3
ссылка - f2fed0
оффтоп - 8f706b
если что-то смотрится некрасиво - пишите.

Меню - либо справа, либо слева. Главное не вверху.
Тип - блочный.
Код

body {background: url('ссылка на фон из вашей библиотеки изображений'); background-attachment:fixed; }
 #wrapper{min-width:660px!important;width:660px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 #side{width:160px !important;margin:0 !important}
 #page-c{width:490px !important;padding:0 !important;padding:0 !important}
 #page-t {margin:0 !important}
 #extratop {height: 480px; background: url('ссылка на эпиграф по типу фона') no-repeat;}
 

Аватаров нет, но если нужно, можете дать исходники - сделаю)
Кстати. Для любителей "ой, как же плохо, что у меня нет css!!!". Есть два пути. Либо вы просто покупаете ксс, либо - внимание! - ставите этот дизайн как самый обыкновенный. Так он будет смотреться хуже, но тут уж как Вы решили)

---

№181 - Выпьем?

[Маньяковский]

Эпиграф

лицезреть

Аватары




Фон


Цветовые настройки:

Дизайн - блочный,
Навигационная панель - слева,

Цвет текста:
Заголовка - #df9cd7
Ссылки - #fffaec
Записи - #fef8f1
Оффтопика - #181300

Цвет фона и границ:
Фона дневника - #fe2709
Фона записи - #fe2709
Фона заголовка - #fe2709
Границы - #ffffff

---

[Касатик]

Простите друзья-товарищи все кому не выполнила заказ....времени ни на что не хватает...(( Так что до конца сессии-практики скорей всего заказы принимать не буду, как только время появится - отпишусь! Но просто выкладывать дизы постараюсь. А если кого то интересуют отдельные элементы дизайна (в основном авы) заходите ко мне в дневник, всегда рада!! )))) До новых встреч!!

---

Заказ для Рил

[Касатик]

Эпиграф:

Тык!

Основная картинка:



Фон:



Авы:

1		2		3		4
5		6		7		8
9		10		11		12

Наверно, на ближайшее время это последний заказ который я делаю....времени не хватает...(((

---

Диз №178. Лес

[La_mignonne]

Пример

Отмечайтесь, пожалуйста, если берете

Код за спасибо

Если дизайн устанавливается криво, просьба написать мне в комменты - я все поправлю.
блочный слева
цвета
#f5f1af - заголовок
#246005 - ссылка
#96b979 - текст
#0a2703 - фон днева

 {--------------------КАРТИНКИ-------------------------}
 body {background:#0a2703 url('ФОН') repeat-x}
 #extratop { background: url('ЭКСТРАТОП') repeat-x; !important; width: 900px; height:483px; line-height: 100% !important;}
 .singlePost {padding-bottom: 50px !important; background: url('РАЗДЕЛИТЕЛЬ') center bottom no-repeat;}
 {-----------------------------------------------------------------------}
 {-----------------------------------------------------------------------}
 {-----------------------------------------------------------------------}
 #wrapper{min-width:900px!important; width:850px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important}
 #Journal img { max-width: 800px!important; }
 img { max-width: 700px !important; }
 #Journal .blockquote img {max-width: 700px!important;}
 .blockquote img {max-width: 600px!important;}
 #w18p {position:absolute; top: 0px; width: 150px; right: 0;z-index: 50;}
 #side {width:900px !important; margin:0 !important}
 #page-c {width:500px !important; padding:0 !important; margin:0 !important}
 body{ background-attachment:fixed; }
 #page-t {margin:0 !important;}
 a:link,a:visited{text-decoration:none !important;}
 A:hover {text-decoration: underline overline; color: #3e2812;}
 #side{font-variant: small-caps; }
 a:hover,a:active{color:#BDA053 !important text-decoration: overline underline !important;}
 #wrapper{min-width:900px!important; width:900px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 #side{width:200px !important;margin:0 !important}
 #page-c{width:700px !important;padding:0 !important;margin:0 !important}
 #page-t {margin:0 !important}
 #wrapper{background:#0a2703 !important;}
 .header {text-align:left !important;}
 .postDate {text-align:center !important;}
 #side .menuSection{background: none;border:none; max-height: 15px; height: 15px !important;heigth:auto;overflow: hidden;position:absolute;display:block;z-index:1;width: 120px !important;}
 #side .menuSection:hover {max-height: 1000px;height: 400px;overflow: visible;position: relative;z-index:3; background: none; border: none;}
 .menuSection ul {border: 0px dotted #000000;}
 .menuSection ul ul{background: none; border: none;}
 #side div{margin:0px;padding:0px;}
 #side{background: none; border:none !important;}
 #globalLinks { position:absolute; top: -10px; left:162px;font-weight: bold; font-style:italic}
 #myDiaryLinks{ position:absolute; top: -10px; left:310px;font-weight: bold; font-style:italic}
 #thisDiaryOwner { position:absolute; top: -10px; left:465px;font-weight: bold; font-style:italic}
 #Stats{ position:absolute; top: -10px; left:650px;font-weight: bold; font-style:italic}
 #side .menuSection{background: transparent;}
 #side .bordered {background: transparent;}
 .left #wrapper { margin:0 auto !important; padding:0 !important; width:900px; overflow:hidden !important; }
 #bordered, .left #side { padding:0 !important; margin:0 !important; }
 .left #side .bordered { width:0px; margin: 0 !important; padding: 0!important; position:absolute; top:30px ; }
 .left #page-t {margin-left: 0px !important;}
 #thisDiaryInfo{ position:absolute; top: 400px; left:px;font-weight: bold; font-style:}
 #page-c{min-width: 900px !important;}
 #side h1{ position:absolute; top: 290px; left:10px;font-weight: bold; width: 600px; text-align: left!important; line-height: 0.8;}
 #side h1 a{font-size:52px;color: #e3f062;}
 #authorName {color: #e3f062; font-size:15px; }
 #sortOrder, #sortFromLastComment,#sortFromBegin, #sortFromEnd, .order_button{display:none!important}
 .block_design #side h1 a{color: #e3f062;}
 #thisDiaryInfo a{font-family:"Courier New" !important;}
 #side h1 a{font-family:"Drakkar","Courier New" !important;font-style:italic}
 #epigraph .singlePost, #post0 {background: none !important; }
 #authorFav,#authorQuot,#authorLiks,#authorAlbum,#authorRSS,#subscribeEmail,#unsubscribeEmail,#delFromFav,#lastComments, #pchs, #YaSearch, #thisDiaryPhoto{display:none!important}
 

эпиграф с надписью- img-fotki.yandex.ru/get/15570/62306769.18/0_c44...
эпиграф без надписи - img-fotki.yandex.ru/get/15570/62306769.18/0_c44...
разделитель - img-fotki.yandex.ru/get/17934/62306769.18/0_c44...
фон - img-fotki.yandex.ru/get/16162/62306769.18/0_c44...

---

Диз №177

[La_mignonne]

Пример


Отмечайтесь, пожалуйста, если берете
Если будут недочеты - пишите, поправлю

Код за спасибо

Если на вашем дневнике диз смотрится не так как на примере, обязательно пишите мне! Не оставляйте его перекошенным, я прихожу в ужас когда такое вижу.

дизайн блочный, меню слева
цвета
Заголовка и ссылки - #69425e
Текст - #8e7171
Оффтоп - #c27777

Код

  {--------------------КАРТИНКИ-------------------------}
 /*----------1---------*/    #page-t, #page-c {background: url('ЗАЛИВКА');}
 /*----------2---------*/   #extratop {background: url('ЭКСТРАТОП') no-repeat; width: 900 px; height: 505px; }
 {-----------------------------------------------------------------------}
 {-----------------------------------------------------------------------}
 {-----------------------------------------------------------------------}
 #Journal img { max-width: 800px!important; }
 #w18p {position:absolute; top: 0px; width: 150px; right: 0;z-index: 50; }
 #w18p a{color: #262239;}
 img { max-width: 700px !important; }
 #Journal .blockquote img {max-width: 700px!important;}
 .blockquote img {max-width: 600px!important;}
 #epigraph {border-style: none;}
 .postDate {background: #8e7171 !important;}
 .header {text-align:center !important;}
 .postDate {text-align:center !important;}
 #thisDiaryLinks, #YaSearch, #pchListLink, #allDiaryLink, #diarySpiritLink, #myLinks, #postsCalendar, #upInChart, #albumLink, #subscribeEmail, #headlineList, #tagslistlink, #lastComments, #myFavLink ~ #mySFavLink,#thisDiaryPhoto {display:none!important}
 .left #wrapper { margin:0 auto !important; padding:0 !important; width:900px; overflow:hidden !important; }
 #bordered, .left #side { padding:0 !important; margin:0 !important; }
 .left #side .bordered { width:900px; margin: 0 !important; padding: 0!important; position:absolute; top:1px ; }
 .left #page-t {margin-left: 0px !important;}
 #wrapper{min-width: 900px !important;}
 #side .menuSection{background: transparent;}
 #side .bordered {background: transparent;}
 a:link {text-decoration: none !important;}
 a:active {text-decoration:none !important; }
 A:hover {text-decoration: underline overline; color: #ca808d !important;}
 a:visited {text-decoration: none; }
 #addToFav { position:absolute; top:460px; left:165px;}
 #writeToAuthor { position:absolute; top:480px; left:170px;}
 #side h1 a{position:absolute; top:30px; left:0px; font-size:30px;width: 310px; line-height: 0.6; height: 40px;text-align: center!important; color: #262239!important;}
 #side h1 {text-align: center!important;}
 #authorName { position:absolute; top:420px; left: 155px;color: #6e2b54; font-size:30px; }
 #side h1 a{font-family:"Monotype Corsiva" !important;}
 #side ul a {color: #262239!important;}
 #side {border:none;}
 #page-t {border:none;}
 #writeToAuthor a{text-align:center; color: #25213c;}
 #addToFav a{text-align:center;color: #25213c;}
 #myDiaryLinks {position:absolute; top:63px; left:145px; font-size:; }
 #globalLinks{position:absolute; top:250px; left:160px; font-size:; }
 body {background: # no-repeat; background-attachment:fixed;}
 #Stats{position:absolute; top:375px; left:180px; font-size:; }
 #globalLinks, #myDiaryLinks {text-align:center;}
 #globalLinks a{font-family:"Courier New";font-size: 11px}
 #Stats a{font-family:"Courier New";font-size: 11px;color: #262239!important;}
 #myDiaryLinks a{font-family:"Courier New"; font-size: 11px}
 #thisDiaryInfo a{font-family:"Monotype Corsiva" !important;}
 #wrapper {border:2px solid #8e7171 !important;}
 #globalLinks a{color: #25213c;}
 

экстратоп - img-fotki.yandex.ru/get/16129/62306769.18/0_c44...
заливка - img-fotki.yandex.ru/get/5816/62306769.18/0_c447...
ФОНЫ НА ВЫБОР (грузятся в стандартные настройки)
img-fotki.yandex.ru/get/15559/62306769.18/0_c44...
img-fotki.yandex.ru/get/15521/62306769.18/0_c44...
img-fotki.yandex.ru/get/16167/62306769.18/0_c44...
img-fotki.yandex.ru/get/15499/62306769.18/0_c44...
img-fotki.yandex.ru/get/5816/62306769.18/0_c447...

---

Диз 174. El Tango De Roxanne.

[cpt. jack harkness]

Эпиграф

>>>>>>>

Авы


Фоны
Для этого дизайна не предусмотрены.

Настройки
Цвет текста:
заголовок - 650604
ссылка - DCC8A7
оффтоп - 000000
запись - 982F2C

Цвет фона:
дневника! - B0774A
записи - #
границ - 725438