№620 Неон

[Lina~Hitagi]

Этот дизайн был первой пробой пера в создании дизайнов с картиночной обводкой поста.
С ним я возилась несколько дней. Чтобы сносно смотрелась лента избранного, комменты, черновики и т д. Именно поэтому 2.png встречается в коде трижды.
Конечно есть некоторые недостатки, например заголовок поста большеват (ну это на любителя), узковат (хотя в разрешении 1024*768 смотрится отлично) и т д. Но я ещё работаю над кодом, и постараюсь чтобы следующие подобные дизайны исправили эти недостатки.
А пока буду рада комментам ))

Красный

Настройки

-------------------------------------------------------------------------------------------------------------------------
Дизайн доступен в Каталоге оформлений с АВТОМАТИЧЕСКОЙ УСТАНОВКОЙ - тут
-------------------------------------------------------------------------------------------------------------------------


Настройки:
Шрифт Trebuchet MS
Заголовки 16 жирный
Текст 14 обычный
Цвет заголовка и записи #353535
Ссылки #272727
Оффтопик #999
Все границы - #

2.png встречается в коде трижды, будьте внимательны.

Картинки:
Фон - static.diary.ru/userdir/8/8/6/4/886437/53217629...
Фон2 - static.diary.ru/userdir/8/8/6/4/886437/53505440...
Меню - static.diary.ru/userdir/8/8/6/4/886437/53505452...
1 - i051.radikal.ru/1005/57/af5a2842154a.png
2 - s58.radikal.ru/i162/1005/b1/0a1dcc3d1884.png
3 - s41.radikal.ru/i091/1005/32/9a9a7872519e.png

body{ padding:0 !important; background:#45494D url('ФОН') repeat-x !important; background-attachment:fixed !important;}
 #wrapper {background: url('ФОН2') center top no-repeat !important; background-attachment:fixed !important; min-width:795px!important;width:795px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 #extratop { height: 100px; margin-top:0px !important; }
 #page-t {margin-top:0px !important;padding:0 !important;width:720px !important; }
 #page-c { padding:0 !important;width:720px !important; }
 #side { background: url('МЕНЮ') center no-repeat; width:696px !important; height: 95px;z-index:1 !important; position:absolute !important; margin-top:-100px !important; margin-left:45px;font-size:8pt !important;}
 .menuSection_title, #iAmQuit a {font-size:10pt !important;}
 #side h1 a{position:absolute; margin-top:-50px !important;font-size:8pt !important; font-weight:lighter !important; margin-left:-200px !important; }
 #side li {float:left !important; padding-left:20px !important}
 #side ul {width:700px !important; padding-top:13px !important; position:absolute !important; left:30px !important;}
 #iAmQuit a, .menuSection_title {color:#c94141 !important}
 .menuSection a{color:#c94141; margin-top:70px !important; }
 .menuSection a:hover{color:#a75959 !important}
 .menuSection {taxt-align:left !important;margin-top:-10px !important; margin-left:70px;}
 .postTitle span {margin-left:80px;text-align:center}
 .postDate {margin-top:-20px !important; height: 0px;}
 .postDate span {font-size:15pt !important; color:#a75959; }
 .countSecond .postTitle, .countFirst .postTitle { background: url('1.png') center; width:795px !important;height: 140px; margin-bottom:0px !important;font-family:"Monotype Corsiva"; font-size: 30px; color: #a75959; font-weight:bold; padding: 0px 0 0 0px; line-height:5em;text-shadow: 1px 1px 1px #000;text-align:center}
 .postActionLinks {padding-right:80px;margin-top:50px; }
 .postContent { background: url('2.png') center; width:795px !important;padding-right:0px !important}
 .postInner {width:620px !important;padding-left:90px;}
 #JournalComments .postInner, #JournalFavorite .postInner, #JournalDraft .postInner { position: relative; left:-80px; width:620px !important; }
 #JournalComments .authorName, #JournalFavorite .authorName, #JournalDraft .authorName { background: url('2.png') center; width:795px !important; margin-left:-3px !important}
 #JournalComments .authorName a, #JournalFavorite .authorName a, #JournalDraft .authorName a {padding-left:100px}
 #JournalComments .commentAuthor, #JournalFavorite .commentAuthor, #JournalDraft .commentAuthor {padding-left:90px;width:120px !important;}
 #JournalFavorite .communityName { margin-left:-3px !important;width:795px !important;margin-top:0px !important;background: url('2.png') center; width:795px !important;;}
 #JournalFavorite .communityName a { position: relative;padding-left:500px;top:-100px !important;color:#ccc;}
 .commentAuthor {width:295px !important; padding-left:90px;}
 #addCommentArea, #commentsArea_title {color:#fff;padding-left:80px; text-align:center; }
 .postLinksBackg {background: url('3.png') center; margin-top:-1px; width:796px !important;height: 93px;margin-left:-6px !important}
 .postLinks {margin-right:85px !important; margin-left:80px !important;}
 .urlLink {margin-left:80px !important;}
 span.quote_text {display: block; padding-left:20px; border-left:6px solid #45494D; }
 #message, #htmlbox , #msgTitle, #postTitle, #atMusic, #atMood, #tags { border:1px dotted #ccc !important;left:25px !important; color:#fff}
 #msg_form {color:#ccc }
 #msg_form a {color:#a75959}
 #epigraph, #epigraph .singlePost, #epigraph .postContent {background:none !important; color:#ccc}
#epigraph a {color:#8facc1; }
 .avatar img { width:80px !important; min-width:80px !important; max-width:80px!important; border-width:3px; border-color:#45494D; border-style: inset; padding:1px; display: block;}
 #myLinksLink, #albumLink, #authorAlbum, #communityCatalogueLink, #authorName, #photolibLink, #myCommunity, #favListLink, #unsubscribeEmail, #pchs, #login_form, #authorFav, #more_login, #diarySpiritLink, #myProfileLink, #optionsLink, #myLinksLink, #myLinks_title, #myLinks, #YaSearch, #bottomNav, #rssLink, #upInChart, #thisDiaryLinks, #epigraph .postActionLinks, .order_button, .prevnext {display:none!important}

Синий

Настройки

-------------------------------------------------------------------------------------------------------------------------
Дизайн доступен в Каталоге оформлений с АВТОМАТИЧЕСКОЙ УСТАНОВКОЙ - тут
-------------------------------------------------------------------------------------------------------------------------

Настройки:
Шрифт Trebuchet MS
Заголовки 16 жирный
Текст 14 обычный
Цвет заголовка и записи #353535
Ссылки #272727
Оффтопик #999
Все границы - #

2.png встречается в коде трижды, будьте внимательны.

Картинки:
Фон - static.diary.ru/userdir/8/8/6/4/886437/53217629...
Фон2 - static.diary.ru/userdir/8/8/6/4/886437/53504732...
Меню - static.diary.ru/userdir/8/8/6/4/886437/53504795...
1 - i082.radikal.ru/1005/fd/9475761d560a.png
2 - s001.radikal.ru/i193/1005/34/247576dbbd36.png
3 - s11.radikal.ru/i184/1005/45/f9b8e28fff3e.png

body{ padding:0 !important; background:#45494D url('ФОН') repeat-x !important; background-attachment:fixed !important;}
 #wrapper {background: url('ФОН2') center top no-repeat !important; background-attachment:fixed !important; min-width:795px!important;width:795px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 #extratop { height: 100px; margin-top:0px !important; }
 #page-t {margin-top:0px !important;padding:0 !important;width:720px !important; }
 #page-c { padding:0 !important;width:720px !important; }
 #side { background: url('МЕНЮ') center no-repeat; width:696px !important; height: 95px;z-index:1 !important; position:absolute !important; margin-top:-100px !important; margin-left:45px;font-size:8pt !important;}
 .menuSection_title, #iAmQuit a {font-size:10pt !important;}
 #side h1 a{position:absolute; margin-top:-50px !important;font-size:8pt !important; font-weight:lighter !important; margin-left:-200px !important; color:#eeeeee !important; }
 #side li {float:left !important; padding-left:20px !important}
 #side ul {width:700px !important; padding-top:13px !important; position:absolute !important; left:40px !important;}
 #iAmQuit a, .menuSection_title {color:#b6ccdc !important}
 .menuSection a{color:#6a92ae; margin-top:70px !important; }
 .menuSection a:hover{color:#b6ccdc !important}
 .menuSection {taxt-align:left !important;margin-top:-10px !important; margin-left:70px;}
 .postTitle span {margin-left:80px;text-align:center}
 .postDate {margin-top:-20px !important; height: 0px;}
 .postDate span {font-size:15pt !important; color:#8facc1; }
 .countSecond .postTitle, .countFirst .postTitle { background: url('1.png') center; width:795px !important;height: 140px; margin-bottom:0px !important; color: #4b4c5d; font-weight:bold; padding: 0px 0 0 0px;font-family:"Monotype Corsiva"; font-size: 30px; line-height:5em;text-shadow: 1px 1px 1px #000;text-align:center}
 .postActionLinks {padding-right:80px;margin-top:50px; }
 .postContent { background: url('2.png') center; width:795px !important;padding-right:0px !important}
 .postInner {width:620px !important;padding-left:90px;}
 #JournalComments .postInner, #JournalFavorite .postInner, #JournalDraft .postInner { position: relative; left:-80px; width:620px !important; }
 #JournalComments .authorName, #JournalFavorite .authorName, #JournalDraft .authorName { background: url('2.png') center; width:795px !important; margin-left:-3px !important}
 #JournalComments .authorName a, #JournalFavorite .authorName a, #JournalDraft .authorName a {padding-left:100px}
 #JournalComments .commentAuthor, #JournalFavorite .commentAuthor, #JournalDraft .commentAuthor {padding-left:90px;width:120px !important;}
 #JournalFavorite .communityName { margin-left:-3px !important;width:795px !important;margin-top:0px !important;background: url('2.png') center; width:795px !important;;}
 #JournalFavorite .communityName a { position: relative;padding-left:500px;top:-100px !important;color:#ccc;}
 .commentAuthor {width:295px !important; padding-left:90px;}
  #addCommentArea, #commentsArea_title {color:#fff;padding-left:80px; text-align:center; }
 .postLinksBackg {background: url('3.png') center; margin-top:-1px; width:796px !important;height: 93px;margin-left:-6px !important}
 .postLinks {margin-right:85px !important; margin-left:80px !important;}
 .urlLink {margin-left:80px !important;}
   #epigraph, #epigraph .singlePost, #epigraph .postContent {background:none !important; color:#ccc}
 span.quote_text {display: block; padding-left:20px; border-left:6px solid #45494D; }
 #message, #htmlbox , #msgTitle, #postTitle, #atMusic, #atMood, #tags { border:1px dotted #ccc !important;left:25px !important; color:#fff}
 #msg_form {color:#ccc }
 #msg_form a {color:#4b4c5d }
#epigraph a {color:#4b4c5d; }
 .avatar img { width:80px !important; min-width:80px !important; max-width:80px!important; border-width:3px; border-color:#45494D; border-style: inset; padding:1px; display: block;}
 #myLinksLink, #albumLink, #authorAlbum, #communityCatalogueLink, #authorName, #photolibLink, #myCommunity, #favListLink, #unsubscribeEmail, #pchs, #login_form, #authorFav, #more_login, #diarySpiritLink, #myProfileLink, #optionsLink, #myLinksLink, #myLinks_title, #myLinks, #YaSearch, #bottomNav, #rssLink, #upInChart, #thisDiaryLinks, #epigraph .postActionLinks, .order_button, .prevnext {display:none!important}
 

Золотистый

Настройки

-------------------------------------------------------------------------------------------------------------------------
Дизайн доступен в Каталоге оформлений с АВТОМАТИЧЕСКОЙ УСТАНОВКОЙ - тут
-------------------------------------------------------------------------------------------------------------------------

Настройки:
Шрифт Trebuchet MS
Заголовки 16 жирный
Текст 14 обычный
Цвет заголовка и записи #353535
Ссылки #272727
Оффтопик #999
Все границы - #

2.png встречается в коде трижды, будьте внимательны.

Картинки:
Фон - static.diary.ru/userdir/8/8/6/4/886437/53217629...
Фон 2 - static.diary.ru/userdir/8/8/6/4/886437/53506226...
Меню - static.diary.ru/userdir/8/8/6/4/886437/53506319...
1 - s002.radikal.ru/i197/1005/32/459327836b9f.png
2 - s12.radikal.ru/i185/1005/3c/a77f85b6ef0a.png
3 - s003.radikal.ru/i201/1005/d6/532b193a6fd0.png

body{ padding:0 !important; background:#45494D url('ФОН') repeat-x !important; background-attachment:fixed !important;}
 #wrapper {background: url('ФОН2') center top no-repeat !important; background-attachment:fixed !important; min-width:795px!important;width:795px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 #extratop { height: 100px; margin-top:0px !important; }
 #page-t {margin-top:0px !important;padding:0 !important;width:720px !important; }
 #page-c { padding:0 !important;width:720px !important; }
 #side { background: url('МЕНЮ') center no-repeat; width:696px !important; height: 95px;z-index:1 !important; position:absolute !important; margin-top:-100px !important; margin-left:45px;font-size:8pt !important;}
 .menuSection_title, #iAmQuit a {font-size:10pt !important;}
 #side h1 a{position:absolute; margin-top:-50px !important;font-size:8pt !important; font-weight:lighter !important; margin-left:-200px !important; }
 #side li {float:left !important; padding-left:20px !important}
 #side ul {width:700px !important; padding-top:13px !important; position:absolute !important; left:30px !important;}
 #iAmQuit a, .menuSection_title {color:#9f8b4f !important}
 .menuSection a{color:#9f8b4f; margin-top:70px !important; }
 .menuSection a:hover{color:#fff !important}
 .menuSection {taxt-align:left !important;margin-top:-10px !important; margin-left:70px;}
 .postTitle span {margin-left:80px;text-align:center}
 .postDate {margin-top:-20px !important; height: 0px;}
 .postDate span {font-size:15pt !important; color:#9f8b4f; }
 .countSecond .postTitle, .countFirst .postTitle { background: url('1.png') center; width:795px !important;height: 140px; margin-bottom:0px !important; color: #9f8b4f; font-weight:bold; padding: 0px 0 0 0px;font-family:"Monotype Corsiva"; font-size: 30px; line-height:5em;text-shadow: 1px 1px 1px #000;text-align:center}
 .postActionLinks {padding-right:80px;margin-top:50px; }
 .postContent { background: url('2.png') center; width:795px !important;padding-right:0px !important}
 .postInner {width:620px !important;padding-left:90px;}
 #JournalComments .postInner, #JournalFavorite .postInner, #JournalDraft .postInner { position: relative; left:-80px; width:620px !important; }
 #JournalComments .authorName, #JournalFavorite .authorName, #JournalDraft .authorName { background: url('2.png') center; width:795px !important; margin-left:-3px !important}
 #JournalComments .authorName a, #JournalFavorite .authorName a, #JournalDraft .authorName a {padding-left:100px}
 #JournalComments .commentAuthor, #JournalFavorite .commentAuthor, #JournalDraft .commentAuthor {padding-left:90px;width:120px !important;}
 #JournalFavorite .communityName { margin-left:-3px !important;width:795px !important;margin-top:0px !important;background: url('2.png') center; width:795px !important;;}
 #JournalFavorite .communityName a { position: relative;padding-left:500px;top:-100px !important;color:#ccc;}
 .commentAuthor {width:295px !important; padding-left:90px;}
 #addCommentArea, #commentsArea_title {color:#fff;padding-left:80px; text-align:center; }
 .postLinksBackg {background: url('3.png') center; margin-top:-1px; width:796px !important;height: 93px;margin-left:-6px !important}
 .postLinks {margin-right:85px !important; margin-left:80px !important;}
 .urlLink {margin-left:80px !important;}
   #epigraph, #epigraph .singlePost, #epigraph .postContent {background:none !important; color:#ccc}
 span.quote_text {display: block; padding-left:20px; border-left:6px solid #45494D; }
 #message, #htmlbox , #msgTitle, #postTitle, #atMusic, #atMood, #tags { border:1px dotted #ccc !important;left:25px !important; color:#fff}
 #msg_form {color:#ccc }
 #msg_form a {color:#9f8b4f }
#epigraph a {color:#9f8b4f; }
 .avatar img { width:80px !important; min-width:80px !important; max-width:80px!important; border-width:3px; border-color:#45494D; border-style: inset; padding:1px; display: block;}
 #myLinksLink, #albumLink, #authorAlbum, #communityCatalogueLink, #authorName, #photolibLink, #myCommunity, #favListLink, #unsubscribeEmail, #pchs, #login_form, #authorFav, #more_login, #diarySpiritLink, #myProfileLink, #optionsLink, #myLinksLink, #myLinks_title, #myLinks, #YaSearch, #bottomNav, #rssLink, #upInChart, #thisDiaryLinks, #epigraph .postActionLinks, .order_button, .prevnext {display:none!important}
  

При использовании дизайна просьба ставить баннер сообщества.
Enjoy ~

Comments

просто и красиво. во всех цветовых сочетаниях)

[Новаки ласковый и с пирожным]

Лично для меня - тяжеловат, но сам он смотрится шикарно )))

[Nita.]

Очень красиво! Даже цсс захотелось подключить)).

[Legenda]

ушла ставить красный диз, посмотрим-с, как у меня смотреться будет ^^
спасибо!

[Алонсо Кехана]

Мне очень нравится!

[Lina~Hitagi]

Спасибо всем огромное ^^ Я старалась )
Legenda
Поставьте - гляньте. Смотрится он на реальных дневниках всё равно чуть по другому нежели на скриншотах, хотя заскриншотен именно он. ^^

[катя сэм]

Lina~Izumi , я просто обажаю ваши дизайны ^_____^ Они - потрясающи!

[Legenda]

пока вставляю ссылки... и где же фон2 повторяется три раза? в коде дан он один раз т_Т

[Алонсо Кехана]

А почему цвет текста во всех одинаковый? Так надо? оО На скринах ведь разный.

[Cordy Jones]

первый вариант - шикарен! Как соберусь вернуть ЦСС - обязательно поставлю

[Lina~Hitagi]

Legenda
Фон заиписи имелся ввиду.. Сорри щас испрравлю в записи.
Вот раз :
.postContent { background: url('2.png') center; width:795px !important;padding-right:0px !important}
Вот два:
#JournalComments .authorName, #JournalFavorite .authorName, #JournalDraft .authorName { background: url('2.png') center; width:795px !important; margin-left:-3px !important}
Вот три:
#JournalFavorite .communityName { margin-left:-3px !important;width:795px !important;margin-top:0px !important;background: url('2.png') center; width:795px !important;;}

Первый делает фон записи на главной странице и в комментах, второй убирает пустую строку authorName-ах в ленте избранного и комментах, а третий этот же код вставляет в название сообщества в ленте избранного.
Да муторно, но я думала двое суток, пробовала разные варианты чтобы минимально его задействовать, так ничего лучше и не придумала.(
Логины-то то не уберёшь из дизайна хД

[Legenda]

повторяется не фон2 а просто 2

[Lina~Hitagi]

Alonzo Silvery
Самое интересное что цвет текста везде одинаков, а цвет заголовков, даты поста и меню указывается в кодинге )

[Lina~Hitagi]

джер.ри
Спасибо) вы мне льстите ^^`

Cordy W-P
Ставьте, конечно )) Рада что понравилось)

[Legenda]

Lina~Izumi, да я ж нашла уже)
немного пришлось изменить цифры слева-направо подвинуть и наоборот, на 1-2 пикселя, теперь везде блоки ровные )

[Lina~Hitagi]

Legenda
Ага.. Подтягивала я подтягивала а всё равно на пару пикселей сместилось. Уже вижу сорри ^^

[Legenda]

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

[Lina~Hitagi]

Legenda
Пофиксила вроде.. На тестовом дневнике всё ровно ^^```

очень красивые, все три. Как надоест нынешний диз, примерю ваш синенький.

[Леди Лу]

класс!!!

[Sfajra]

*тихо ревёт* мне ДИКО нравится третий... я НА ВСЁ согласна, на любые баннеры и так далее, только, умоляю, кто-нибудь, поясните мне, КАК ЭТО ВСТАВИТЬ? Каким макаром, боком и куда? Век буду благодарна!

[Ritskin]

Вы такую красоту делаете для платных дневников, что уже хочется заплатить за дизайн и иметь такой же дизайн прекрасный)

[Безумный Светлячок]

Красивый дизайн. Видела его в работе, очень неплохо смотрится.

[Legenda]

Sfajra, на всё не надо, надо:
- поставить баннер сообщества в профиль.
- оплатить css
- прочитать инструкцию dizain-by-shokolad.diary.ru/p92730332.htm?from=... там все довольно просто)

[Before the dawn]

Lina~Izumi красиво очень)) взяла красный)
только вот при установке эпиграф залезает куда-то в правый верхний угол, к меню "выход"((
Firefox, 1280x800

[Listad_V]

Потярсающе*_* Ярко и просто обязательно возьму себе красненький =)))

[Lina~Hitagi]

Before the dawn
Замените строчку
#epigraph, #epigraph .singlePost, #epigraph .postContent, #epigraph .postInner {background:none; !important;width:550px !important;padding-left:65px; padding-right:20px; margin-top:-50px; color:#ccc; }
На
#epigraph, #epigraph .singlePost, #epigraph .postContent {background:none !important; color:#ccc}

Плохая была идея с позиционированием

В посте код исправлен.

[Lina~Hitagi]

Спасибо всем огромное-огромное
Берите, конечно. Если возникнут какие-то проблемы - пишите)

[Before the dawn]

Lina~Izumi спасибо))

Очень красиво и стильно. Все три, но третий - особенно.