Геометрия

[Skazochnik & Volshebnik]

Сказочником рисовалось это, глядючи на фото современного спортивного зала, Волшебник утверждает что пахнет морем - сошлись на геометрии.



Если берете дизайн, ставьте, пожалуйста, в профиле один из наших баннеров

Примерить

Открытое меню и комменты


Изображения
Картинка 1
Картинка 2
Картинка 3
Картинка 4
Картинка 5
Картинка 6

Код

body {background: #fbf9ec; padding: 0px !important;font-family:Corbel,Tahoma,Helvetica,sans-serif; font-size:14px !important; width:100%; height:100%;}
 #wrapper{width:950px;min-width:0; margin: 0 auto 10 !important;padding:0px !important; position:relative !important;}
 #add_block1 {background: url('КАРТИНКА1') repeat-x; width: 50%; height:200px !important; position:absolute; top: 0px; z-index:-2 !important;}
 #add_block2 {background: url('КАРТИНКА2') repeat-x; width: 50%; height:200px !important; position:absolute; top: 0px; left:50%; z-index:-2 !important;}
 #add_block3 { position: absolute; width: 50%; height: 77px; right: 0%; margin-top:-77px !important;background: url('КАРТИНКА4') repeat-x 100% 100%; z-index:-2 !important;}
 #add_block4 { position: absolute; width: 50%; height: 30px; right: 50%; margin-top:-30px !important;background: url('КАРТИНКА3') repeat-x 100% 100%; z-index:-2 !important;}
 #extratop {background: url('КАРТИНКА5') no-repeat !important; height:200px; width:950px; }
 #extrabottom {background: url('КАРТИНКА6') 0 0 no-repeat; height:77px;width:950px;}
 #page-c {width:950px !important; padding:0 !important;padding:0 !important; padding:0px !important; padding-bottom:20px !important;}
 #page-t { margin:0 !important;}
 #postsArea, #commentsArea, #addCommentArea {width:950px; padding:0;}
 .singlePost .postTitle.header {display:inline-block; width:950px; background:#616778 !important; min-height:30px !important; }
 .singlePost .postTitle span {display:block; width:65px; height:30px; background:#71d7fa !important; color:#000; font-size:24px; font-weight:bold; text-align:center; font-family:Constantia;}
 .singlePost .header h2{font-size:20px; text-transform:uppercase; margin-top:-41px; padding-left:70px; display:block; }
 .singleComment {border-bottom:7px solid #cbced5 !important; padding-bottom:23px !important; }
 #epigraph .postTitle{display:block; height:0px !important; width:950px; background: transparent !important;}
 #epigraph, #epigraph .singlePost {border:none !important;}
 #postsArea {margin-top:50px !important;}
 .singlePost {margin-top:10px !important;}
 .singlePost .postDate {font-size:14px; color:#299bcc; text-transform:uppercase; display:block; height:7px !important;}
 .paragraph a{color:#299bcc;}
 #favGroups {display:block; height:27px; width:945px; background:#616778 !important; padding-left:5px; padding-top:3px;}
 #favGroups a{font-size:20px; color:#cccccc; font-family:Constantia;}
 #favGroups strong{font-size:20px; color:#71d7fa; font-family:Constantia;}
 #favGroups a:hover {color:#71d7fa; text-decoration:none;}
 #JournalFavorite .avatar img {width:80px; height:80px; margin:1px 1px; position:absolute;border:4px solid #71d7fa;}
 #JournalFavorite .avatar{background:#616778; width:90px; height:90px;}
 #JournalFavorite .postTitle {position:absolute; margin-top:0px; margin-left:0px; z-index:0; height:90px !important;}
 #JournalFavorite .header h2{padding-left:160px; position:absolute; margin-top:-41px !important;}
 #JournalFavorite .postTitle span {margin-left:97px; background:none !important; margin-top:25px; color:#71d7fa;}
 #JournalFavorite .postActionLinks {z-index:10;}
 #JournalFavorite .authorName {position:absolute; margin-top:5px; margin-left:100px;z-index:10 !important; font-size:20px; font-family:Constantia; font-weight:lighter;}
 #JournalFavorite .communityName{position:absolute; margin-top:-22px; z-index:10 !important; font-size:18px;margin-left:0px; font-family:Constantia;}
 #JournalFavorite .authorName a{color:#cccccc;}
 #JournalFavorite .communityName a{color:#299BCC;}
 #JournalFavorite .sign{display:none;}
 #JournalFavorite .paragraph {margin-top:110px; margin-left:0;}
 #JournalFavorite .singlePost {margin-top:30px !important;}
 #commentsArea .postLinksBackg{position:absolute; display:block; width:950px !important}
 .postLinksBackg a{font-size:14px; text-transform:uppercase; height:18px !important; display:inline-block}
 .postLinksBackg a:hover {text-decoration:none; color:#299bcc; }
 #commentsArea .postLinksBackg a:hover {text-decoration:none; color:#2693b8; border-bottom:7px solid #71d7fa;}
 .comments, .comments a {color:#299bcc; }
 #JournalComments #postsArea .avatar img {width:80px; height:80px; margin:1px 1px; position:absolute;border:4px solid #71d7fa;}
 #JournalComments #postsArea .avatar{background:#616778;}
 #JournalComments #postsArea .postTitle {position:absolute; margin-top:0px; z-index:0; height:90px !important;}
 #JournalComments #postsArea .header h2{padding-left:170px; position:absolute; margin-top:-41px !important;}
 #JournalComments #postsArea .postTitle span {margin-left:97px; background:none !important; margin-top:30px; color:#71d7fa;}
 #JournalComments #postsArea .postActionLinks {z-index:10;}
 #JournalComments #postsArea .authorName {position:absolute; margin-top:10px; margin-left:100px;z-index:10 !important; font-size:20px; font-family:Constantia; font-weight:lighter;}
 #JournalComments .authorName a {color:#cccccc;}
 #JournalComments #postsArea .sign{display:none; }
 #JournalComments #postsArea .commentAuthor {width:700px; position:absolute; height:100px;}
 #JournalComments #postsArea .paragraph {margin-top:110px; margin-left:0;}
 #commentsArea_title, #addCommentArea_title {display:block; height:27px; width:950px; background:#616778 !important;font-size:20px; text-transform:uppercase; text-align:center; padding-top:3px;}
 #addCommentArea_title{margin-top:20px;}
 #commentsArea .avatar img {width:80px; height:80px; margin:1px 1px; position:absolute;border:4px solid #71d7fa;}
 #commentsArea .avatar{background:#616778; width:90px; height:90px;}
 #commentsArea .sign{display:none !important;}
 #commentsArea .paragraph {margin-top:50px; margin-left:105px;}
 #commentsArea .postTitle {position:absolute; display:block; width:845px; color:#2ca1dd; margin-left:105px; font-size:18px;font-weight:bold; margin-top:25px;font-family:Constantia;}
 #commentsArea .authorName {position:absolute; margin-top:0px; margin-left:105px; z-index:10 !important; font-size:20px; font-family:Constantia; font-weight:lighter; }
 #commentsArea .authorName a{color:#252525;}
 #commentsArea .singleComment {margin-top:20px;}
 .calHeader, #new_post_title {display:block; height:27px; width:950px; background:#616778 !important;font-size:20px; text-transform:uppercase; text-align:center !important; padding-top:3px;}
 #JournalCalendar #content {padding-left:200px; font-size:16px;}
 .cal-mnth a{text-transform:uppercase; color:#299bcc; font-weight:bold;}
 .calnd a small {color:#299bcc;}
 .tags_header {font-size:18px; background: #616778 !important; display:block; height:27px; padding-top:3px;}
 .tags_header a{color: #c8ccd9 !important; font-size:20px; text-transform:uppercase; font-weight:normal !important;}
 .tags_ul_all li:hover{color:#71d7fa !important; background: #616778 !important; }
 .tags_ul_all a:hover{color:#71d7fa !important; text-decoration:none; }
 .tags_header a:hover{color: #c8ccd9 !important;}
 p.atMood em span {display:none !important; color: #fff; }
 p.atMusic em span {display:none !important; color: #fff; }
 p.atTag em span{display:none !important; color: #fff; }
 .atTag em:before {content: "темы:"; font-size: 14px; color:#299bcc; text-transform:uppercase; }
 .atMusic em:before {content: "музыка:"; font-size: 14px; color:#299bcc; text-transform:uppercase; }
 .atMood em:before {content: "настроение:"; font-size: 14px; color:#299bcc; text-transform:uppercase; }
 .atMood em, .atMusic em{font-style:normal; font-size: 14px;}
 .atTag a, .atTag em {font-style:normal; font-size: 14px; color:#363636;}
 .text, #message, #my_tags {background: #e0e1dd !important;}
 input.submit, .submit {background: #cbced5 !important; opacity:1.0 !important;}
 #bottomNav {position:absolute; display:block; width:910px; text-align:left; padding-left:0 !important; margin-left:-5px; bottom:20px;}
 #bottomNav a{color:#363636 !important; text-transform:uppercase; font-size:14px;}
 #bottomNav a:hover{text-decoration:none; color:#299bcc !important;}
 #bottom_up{border-right:2px solid #363636; display:inline-block !important; width:55px !important; height:8px !important; padding-bottom:5px !important; line-height:14px !important;}
 #bottom_mainlink {border-right:2px solid #363636; display:inline-block !important; width:67px !important; height:8px !important; padding-bottom:5px !important; margin-left:-6px !important; line-height:14px !important;}
 #bottom_randomlink {border-right:2px solid #363636; display:inline-block !important; width:154px !important; height:8px !important; padding-bottom:5px !important; margin-left:-6px !important; line-height:14px !important;}
 #bottom_spiritlink {border-right:2px solid #363636; display:inline-block !important; width:159px !important; height:8px !important; padding-bottom:5px !important; margin-left:-6px !important; line-height:14px !important;}
 #bottom_faqlink {margin-left:-6px !important;}
 #Stats a{font-size:24px; font-weight:bold;font-family:Constantia;text-transform:capitalize !important; color:#909ab4 !important; position:absolute; margin-top:-5px !important; right:10px; }
 #Stats a:hover{color:#909ab4 !important;}
 #Stats a+a{display:none !important;}
 #side {position:absolute; top:50px; width:950px !important;}
 #side h1 a{position:absolute;color:#909ab4 !important; font-size:36px;font-family:Constantia; font-weight:bold; display:block; width:330px; line-height:30px; left:0px; top:-35px;}
 #side h1 a:hover{text-decoration:none;}
 .menuSection_title, #iAmQuit a{font-size:18px; text-transform:uppercase;background:#393e49; color:#d7d7d7;}
 .menuSection_title b, #iAmQuit b{font-weight:normal !important;color:#d7d7d7;}
 #thisDiaryOwner {position:absolute; right:200px; top:-15px;}
 #myDiaryLinks, #login_form{position:absolute; right:143px; top:8px;}
 #globalLinks {position:absolute; right:134px; top:31px;}
 #iAmQuit{position:relative; margin-top:24px; margin-left:660px;}
 .menuSection ul{text-align:right !important;}
 .menuSection ul a, .menuSection ul li{color:#000; font-size:12px; text-transform:lowercase; line-height:11px !important;}
 .menuSection ul a:hover{text-decoration:none; color:#fff;}
 #thisDiaryOwner:hover #thisDiaryOwner_title b, #myDiaryLinks:hover #myDiaryLinks_title b, #globalLinks:hover #globalLinks_title b, #iAmQuit a:hover, #login_form:hover #login_form_title b{color:#71d7fa !important; text-decoration:none;}
 #thisDiaryOwner ul{position:absolute;right:75px !important;top:-12px !important; padding-right:10px !important;}
 #myDiaryLinks ul, #sign{position:absolute;right:132px !important;top:-35px !important; padding-right:10px !important;}
 #globalLinks ul{position:absolute;right:141px !important;top:-57px !important; padding-right:10px !important;}
 #authorName{color:#697187;font-size:24px !important; font-family:Constantia !important;}
 #thisDiaryInfo{display:block; width:950px !important; height:40px !important; margin-top:135px !important;}
 #pageBar {display:block; height:30px; width:950px; background:#616778 !important; margin-top:20px; padding-top:0px; padding-bottom:12px;}
 #pageBar a{color:#c8ccd9; font-size:16px;}
 #pageBar strong, #pageBar a:hover{font-size:16px !important; color:#71d7fa !important; text-decoration:none;}
 #JournalLinks .header h2 {color:#393E49 !important;}
 #JournalLinks a:hover, #JournalLinks .header h2:hover, #linksGroups b {text-decoration:none; color:#299bcc !important;}
 #thisDiaryLinks, #thisDiaryPhoto, #YaSearch, #pchs, #myLinks, #lastComments, #more_login, #photolibLink, #side h1 a .opac6, .prevnext, #TagsList ul,#albumLink{display:none !important;}
  

Цвета
заголовок #c8ccd9
ссылки #333333
записи #393e49
оффтопик #9fa7bc
фон и границы #

Примечание
Дизайн блочный. Навигация вверху.

@темы: можно носить

Comments

[Skazochnik & Volshebnik]

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

[Вэл.]

Skazochnik & Volshebnik ничего страшного)))

[Вэл.]

Skazochnik & Volshebnik да, вот у меня уже несколько человек спросили, нельзя ли что-то с меню сделать?
вот пишут, что
подменю соскальзывают быстро. видимо область реагирования слишком маленькая. жалуются, что не могут выйти из дневника.
я так понимаю - это из-за браузера? или все-таки можно тут что-то сделать. в общем, больше приставать не буду мне уже неудобно, но если можно исправить, то будет здорово.

[Skazochnik & Volshebnik]

ValkiriyaV , замените еще раз код с того же места. теперь заголовки можно писать любой длины (даже на 2 строки)+подправили меню так, чтобы было удобно по крайней мере, так должно быть.

[Вэл.]

Skazochnik & Volshebnik спасибо, поправила! у меня ссылка есть на ваше соо в профиле, но сейчас еще пост напишу. Может кто-то тоже захочет поносить ваши дизайны.

[Skazochnik & Volshebnik]

ValkiriyaV, носите с радостью

[Slevin Kelebra]

Skazochnik & Volshebnik
Очень красивый дизайн. Лаконичный и изящный. Кроме того, очень импонирует сочетание функциональной и визуальных составляющих.
Спасибо.

Наглость

А можно я добавлю в код строчку

img {max-width: 600px !important;}

чтобы крупноформатные изображения не лезли за границы записи?

[Skazochnik & Volshebnik]

Анхель - Пресвятой бухгалтер, добавляйте, мы не против. И носите с удовольствием!

[Slevin Kelebra]

Skazochnik & Volshebnik
спасибо =)

[Сван_]

олаа, это круто *_____*
Я возьму поносит?

[Skazochnik & Volshebnik]

Rainbow fairies nach , так для "поносить" и делалось. Конечно можно.))

[Сван_]

Конечно можно.))

хах, спасибо)))

[Benj]

а вот этот в коллекцию возьму.
ещё раз спасибо авторам))

[Skazochnik & Volshebnik]

Прелесть) беру)

[Olivia_L]

Блин у меня не получается открытое меню и комменты сделать!((
SOS!

[polishastik]

Olivia_L, не поняла проблему.
вы вообще ни одной картинки в дизайн не установили.

[Olivia_L]

polishastik проехали...
я нашла уже другое сообщество , где куча дизайнов и всё объяснили по-человечески.

[polishastik]

Olivia_L, поздравляю!
но вообще какой вопрос, такой и ответ.

[Mauritz van Nederland]

Вау, замечательный дизайн! Добавлю в цитатник, такую красоту нельзя упускать)) Спасибо огромное мастерам!

[.Vozduh]

Mauritz van Nederland, пожалуйста.))