№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

здорово, очень нравится, что широкий дизайн, не узким столбиком))
возьму в цитатник, потом буду носить)
с баннером, ага))
спасибо)

[La_mignonne]

сэра ффитч оке)

[Anna_aka_Scouser]

и я в цитатник
потом поношу, но сейчас я влюблен в вашего волка *____*

[La_mignonne]

Anna_aka_Scouser ладыыы

[Orange]

Отличный дизайн, помогите только настроить новичку, вот в поля url('ЗАЛИВКА') и так далее нужно вставить ссылку просто или как оно делается, не получается. Извините за глупый вопрос (

[captain alinchus]

вааа, какой классный **

[fuckyeah!summerlover!]

Красотааа!) Тоже в цитатник))
La mignonne, спасибо!

[Elle J.]

Вах и вах! Просто, со вкусом и в мои любимых цветах. Взяла без раздумий. к осени переоденусь.

Отличный дизайн. Видимо, сам где-то косячу, никак не получается поле записей нормальным сделать.

[lesnoe]

уу, какая красота.. возьму надолго))

[lesnoe]

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

то же самое(

Очень дизайн понравился, хотела взять, но есть парочка моментов:

- фон записей, как тут уже написали, отличается от макета
- пункты меню "главное меню" и "темы записей" - сами картинки в jpg, а надо бы в png, а то фон белый под буквами получается.

В остальном вроде все хорошо работает

дизайн действительно крут, любуюсь

[Werr.]

Очень хорошо получилось!) Занесла в цитатник, поставлю позднее.

[La_mignonne]

спасибо, я рада, что понравился))
картинки я вечером поправлю, посмотрю что там не так. ))

[Orla_Dark]

просто по ссылке заливка пустая картинка=(

[Alexxandrina]

Красота какая!

[lesnoe]

Orla_Dark
там в самом уголке такой мааленький серенький квадратик, я так понимаю, это оно
только у меня сомнения насчёт того, что эта заливка играет в дизайне о_О

[Orla_Dark]

Ryoko Eiri, не вижу квадратик(

[lesnoe]

Orla_Dark
он маааленький совсем. открывает?

[Orla_Dark]

Ryoko Eiri, аааа, понятно. Но явно это не то)

[Orange]

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

[free_fall]

Оплачу CSS и возьму поносить. Красота. Спасибо!

[La_mignonne]

Orangee-kun dizain-by-shokolad.diary.ru/p92730332.htm?from=...
темы никак, они задуманы открытыми. Могу только помочь поправить

картинки обновлены.
ЗАМЕНИТЕ НА НОВЫЕ все, у кого диз отличается от макета.

спасибо все за коменты))

[Orla_Dark]

La mignonne, диз потрясающий) Но все же картинка главного меню с белым фоном, а не прозрачным

[La_mignonne]

Orla_Dark а так?) i071.radikal.ru/1108/d8/ca6ab60193ef.png

[Elle J.]

Поставила дизайн. Немного вверх съехало меню "темы записей". Выставила блочный - поехало все вкривь и вкось. Поставила табличный все выровнялось.

[Orla_Dark]

La mignonne, спасибо, теперь все в порядке)))

установил, но "темы записей" съехали выше, чем нужно

[La_mignonne]

Очешуйня
вот в этой строчке уменьшите на свой вкус значение, выделенное жирным
#TagsList li {display:block; float:left; width:120px!important; margin-right:12px!important; !important; line-height: 0.2em !important; margin-bottom: 7px !important; }

Эль
поставьте диз, я посмотрю и подправлю
настройки те, что указаны в посте. Меню вверху, диз блочный