№990. Urban

[La_mignonne]

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



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

Настройки

УСТАНОВИТЬ АВТОМАТИЧЕСКИ
Если при установке дизайна вылезают баги, просьба сообщать в комментарии

настройки

КАК УСТАНОВИТЬ ДИЗАЙН
или
"что это за код и куда его вставлять, памагити!?"
Инструкция по установке - читать


Дизайн - блочный, меню - вверху
Шрифт - Arial
ссылки - #4e5254
текст - #dad5c9
заголовок - #435a79
Остальные цветовые настройки не нужны!!! Не нужно их самостоятельно вставлять!
Проверьте, чтобы все остальные поля, не указанные тут, были пустыми!

код

  {----------------КАРТИНКИ----------------}
body {background: #000000 url('ФОН') repeat; padding: 0!important; }
 #extratop{ background: url('ЭКСТРАТОП') no-repeat; width:980px; height:351px;}
 .singlePost, .singleComment, #addCommentArea, .section { background: url('ЗАЛИВКА') repeat; width:890px; margin-top: 4% !important; padding: 15px !important;}
 #postsArea .header {background: url('ЗАГОЛОВОК') no-repeat scroll 0 0 transparent; height: 40px; margin-left: -20px !important; margin-top: -25px !important; width: 932px;}
 #globalLinks_title {display:block; width:95px; height:28px; line-height:500px; overflow:hidden; background: url('ГЛАВНОЕ') 2px 4px no-repeat; }
 #myDiaryLinks_title, #myCommunityLink_title {display:block; width:90px; height:28px; line-height:500px; overflow:hidden; background: url('МОЙ ДНЕВ') 2px 4px no-repeat;}
 #tagslistlink {display:block; width:97px; height:20px; line-height:500px; overflow:hidden; background: url('ТЕМЫ') 2px 4px no-repeat; }
 #globalLinks ul, #myDiaryLinks ul, #myCommunityLink ul {background: url('МЕНЮ') repeat;}
{------------------------------------}

 #wrapper {min-width:980px!important; width:980px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important;}

 a:hover {color: #405f74 !important; text-decoration: none;}
 #Journal img { max-width:95%!important; }
 img { max-width: 90% !important; }
 #Journal .blockquote img {max-width: 95%!important;}
 .blockquote img {max-width: 90%!important;}
 #w18p a{color: #435A79!important;}
 #w18p {position :absolute; top:0; right: 0; width: 100px;}
 {------------------------записи------------------}
 #postsArea {margin-top: -55px; margin-left: 20px;}
 #addCommentArea {margin-left: 30px;}
 #commentsArea {margin-left: 20px;}
 .header span {font: bold 14px Arial; color: #171515 !important;}
 #postsArea .header span {top: 12px; position: relative; left: 5px;text-shadow: #4f6582 1px 1px 0px; top: 12px; }
 .header h2 {color: #1b1a1a; font: bold 14px Arial !important; text-shadow: #4f6582 1px 1px 0px; top: 12px; position: relative; left: 15px;}
 .postDate {text-transform: lowercase;color: #1b1a1a !important; font: normal 14px Arial !important;top: -13px; position: relative; right: -10px; right: -10px;}
 .postActionLinks {position: relative; top: 10px; right: 10px;}
 #epigraph, #epigraph .header {background: none !important; padding: 0px!important; margin: 0;}
 #epigraph .editPostLink {margin-right: 20px !important;}
 #postsArea .postLinksBackg {position: absolute; margin-top: 7px; text-transform: lowercase; font: normal 14px Arial; color: #4e5254; text-align: center!important; width: 890px; }
 .postLinksBackg a{color: #4e5254;}
 .atMusic em, .atMood em, .atTag em {text-transform: lowercase;color: #1c1a1a !important; font: normal 14px Arial !important; text-shadow: #3d3a3a 1px 0px 1px;}
 .atTag a {color: #110f0f !important; font: normal 14px Arial !important; text-shadow: #3d3a3a 1px 0px 1px; text-decoration: none;}
 .atTag a:hover {color: #405f74 !important;}
 #Stats {margin-top: 7px; margin-right: 25px !important;}
 .avatar img {border: 2px solid #151313;}
 #addCommentArea_title, #commentsArea_title, .tags_header {font: bold 20px Arial; text-shadow: #151313 1px 0px 1px; color: #435a79 !important;}
 .quote_text {color: #435a79; font: italic bold 16px Arial;}
 .text, #message{ padding: 5px 0px 5px 5px !important; border: 1px solid #000000 !important;}
 #JournalAlbum #postsArea {margin-top: 20px;}
 #JournalAlbum .header {background: none !important; font: bold 20px Arial; text-shadow: #151313 1px 0px 1px; margin-left: 0px !important; }
 #JournalLinks .header {background: none !important; }
 #JournalLinks #postsArea {margin-top: 20px;}
 #JournalLinks a{text-shadow: none !important;}
 .tags_ul_all {margin-top: 60px;}
 {-----------------------меню---------------------------}
 #side{position: absolute; top: -30px; right: 0;}
 #thisDiaryOwner ul {visibility:visible !important; display:block;background: none !important;}
 #TagsList a{width:20px!important; white-space: pre-line;}
 #TagsList{display:block !important;visibility:visible !important;}
 #TagsList ul {right: -55px;position: absolute;top: 70px;}
 #TagsList span{padding: 5px 0px 0px 0px; color: #2d3032;}
 #TagsList ul a{text-transform: lowercase; color:#3e4143; font: normal 12px Arial;}
 #TagsList li {display:block; float:left; width:120px!important; margin-right:12px!important; !important; line-height: 0.2em !important; margin-bottom: 7px !important; }
 #TagsList ul {width: 430px; padding:0px !important;}
 #myDiaryLinks, #myCommunityLink {position: absolute; right: 315px; top: 45px;}
 #globalLinks {position: absolute; right: 183px; top: 45px; z-index: 50;}
 #tagslistlink {margin-left: 130px !important; margin-top: 8px !important;}
 #side h1 a{font: normal 23px Impact; position: absolute; top: 320px; left: -645px; text-shadow: #000000 1px 1px 1px;}
 #authorName {position: absolute; top: 305px; right: 30px; font: normal 23px Impact !important; text-shadow: #000000 1px 1px 1px;}
 #globalLinks li, #myDiaryLinks li, #myCommunityLink li {float:left !important; margin-left:10px !important; width:160px}
 #globalLinks ul{left:-139px; width:374px !important; height: 178px;}
 #myDiaryLinks ul, #myCommunityLink ul {left:-12px; width:374px !important; height: 178px;}
 #globalLinks li, #myDiaryLinks li, #myCommunityLink li {padding: 3px 5px 5px !important; border-bottom: 1px solid #283b48;}
 #writeToAuthor {position: absolute; top: 297px; left: -390px;}
 #subscribeEmail {position: absolute; top: 297px; left: -240px;}
 #addToFav {position: absolute; top: 297px; left: -90px;}
 #writeToAuthor a, #subscribeEmail a, #addToFav a,#unsubscribeEmail a{font: normal 15px Arial; color:#3e4143 !important; text-transform: lowercase;}
 #writeToAuthor a:hover, #subscribeEmail a:hover, #addToFav a:hover {color: #435a79 !important;}
 {----------------------------none---------------------}
 #YaSearch, #myLinks, #lastComments, #pchs, #iAmQuit, #thisDiaryOwner_title, #postsCalendar, #rssLink, #upInChart, .order_button, #Stats a+a, .prevnext, #new_post_title, #thisDiaryLinks, #headlineList {display: none !important;}
 

картинки

Картинки, используемые в дизайне
s39.radikal.ru/i086/1108/d8/8c81b456693c.jpg
Все исходники принадлежат их авторам

Comments

[mysteryofobscurity]

La mignonne, спасибо огромное!

[Снарт]

Очень-очень.
Спасибо большое за красоту :3
*утащу*

[La mignonne]

marvel_lo, пжалста)))

[DarDegen]

утащено на поносить. С баннером )

[.ishi]

Картинка "меню" не открывается.

[La mignonne]

Мадлин, установите пока через каталог, все картинки оттуда скопируются) я позже обновлю

[.ishi]

La mignonne, через каталог нет возможности опустить "темы".) Ну ладно, пока так похожу.)

[.ishi]

La mignonne, кстати, почему под "главным меню" проглядывает "список заголовков"? Я сама с каскадом не знакома, как-то лапы не добираются.)

[La mignonne]

Мадлин, если через каталог, то дизайн с кодом копируется к Вам в библиотеку дизайнов и можно корректировать код
очень странно что картинка съехала

"главным меню" проглядывает "список заголовков

добавьте в конец кода

#headlineList {display: none!important;}

[.ishi]

La mignonne, Вот смешно, не смешно, а поле под код девственно чистое.)

[La mignonne]

Мадлин, попробуйте нажать "сохранить оформление" вместо установки

[.ishi]

La mignonne, вот в том и беда - я так и сделала. не совсем теперь понимаю, в чем заключается проблема, потому что поле с кодом все равно пустое. может в браузере дело? опера достаточно капризная тетка.

[La mignonne]

Мадлин, может быть, потому что обычно код появляется

[.ishi]

La mignonne, Гугл хром проблему не решил - пусто. так что мне по прежнему нужна картинка меню х)

[La mignonne]

Мадлин, вечером дома буду - обновлю)

[.ishi]

La mignonne, Хорошо, жду.)

[.ishi]

Вы так и не обновили?

[La mignonne]

Мадлин, не было возможности)
ловите так пока static.diary.ru/userdir/2/9/3/3/2933292/7356677...

[.ishi]

La mignonne, о, спасибище.)