№1375 Маки

[La mignonne]

В общий доступ



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

КОММЕНТАРИИ

— Дизайн в единственном экземпляре.
— Проверен в браузерах: Opera, Chrome, Firefox, IE (все последние версии)
— Разрешение экрана: 1024х800 и выше
— Динамика: Дизайн не динамический
— Меню: статично. Есть анимация на ссылках - при наведении плавно немного уезжают в бок.
— Ссылка "Комментарии" перенесена наверх рядом с временем написания поста. Ссылка картинкой, при наведении появляется надпись "Комментировать".
— При необходимости можно будет внести небольшие правки по Вашему желанию.
— Картинки: анимация, анимация 2, страница комментариев, страница комментариев 2

Настройки

Настройки

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

Дизайн - блочный, меню - справа
ссылки - #7DA382
текст - #22332C
заголовок - #FE1D19
офф - #999
Остальное #

код

html {background: #E4F0E6 url("ФОН-1") repeat;background-attachment: fixed!important;}
 body{background: url("ФОН-2") repeat-x;padding: 0!important;}
 #extratop {background: url('ЭКСТРАТОП') 0px bottom no-repeat; height: 193px; width: 805px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; -webkit-box-shadow: 0px 0px 0px 2px #303B37, 0px 0px 0px 11px rgba(71,123,120,0.22); box-shadow: 0px 0px 0px 2px #303B37, 0px 0px 0px 11px rgba(71,123,120,0.22); margin: 75px 0 0px 0; position:relative; z-index:10!important; top: -40px;}
 {----------------------------}
 {----------------------------}
 img { max-width: 700px !important; max-height: auto;}
 .avatar img {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; -webkit-box-shadow: 0px 0px 0px 2px #303B37, 0px 0px 0px 11px rgba(71,123,120,0.22); box-shadow: 0px 0px 0px 2px #303B37, 0px 0px 0px 11px rgba(71,123,120,0.22); margin: 10px 0px 0 10px; max-width: 100px!important; height: auto; }
 .blockquote img { max-width: 600px !important; }
 a:hover, .postLinksBackg a:hover {color: #174A37!important; text-decoration: none!important;}
 .postContent {overflow-x: auto!important;}
 #w18p {position: absolute; right:30%; top:0; height: 10px; padding: 0!important;}
 #w18p a {color: #618C70;}
 .text, #message {border: 3px solid #EB593C!important; padding: 5px!important;}
 #add_block1 { position:fixed; width:100%; left:0px; bottom:0px; background: #EB593C; height: 5px;}
 #add_block5 { position:absolute; width:165px; left:50%; top:228px; background: #EB593C; height: 25px;z-index:1; margin-left: 325px;}
 .quote_text {background: #CDDFC7;}
 .submit {padding: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
 .submit:hover {background: #CDDFC7;}
 {-------------записи--------------------}
 #wrapper{width:980px;padding: 0!important;position: relative;background: url('/userdir/1/3/0/8/1308297/81176860.png') 800px 50px repeat-y;top: 40px!important;padding-bottom:40px!important;}
 #page-t {width: 810px;}
 #postsArea, #commentsArea, #addCommentArea {padding: 0px 40px 0px 0px; margin-top: 30px;}
 .singlePost {position: relative; margin-bottom: 80px!important;}
 .singleComment {position: relative; margin-bottom: 40px!important;}
 #epigraph .singlePost{margin: 0!important}
 #epigraph {margin-top: -30px!important;}
 .header h2 {text-transform: uppercase; font:20px Garamond,Times New Roman; position:absolute; left:0; bottom: 25px; }
 .header span {font:bold 13px Arial; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #303B37; padding: 4px 15px 3px 15px; color: #E9592B;}
 .postDate {position: absolute;right:0px;text-transform: uppercase; font:15px Garamond,Times New Roman!important; color: #FD3805!important; top: 8px;}
 .header {position :relative;}
 .postLinksBackg {text-transform: uppercase; font:9px Arial; float: left; color: #7DA382;}
 .atTag em a {text-transform: uppercase; font: bold 9px Arial; color: #7DA382; text-decoration: none!important; font-style: normal!important;}
 .atMood em, .atMusic em{text-transform: uppercase; font: normal 9px Arial; color: #7DA382; text-decoration: none!important; font-style: normal!important;}
 .atTag em {color: #7DA382; margin: 0 0 0 -4px; }
 .paragraph div{min-height:20px!important;}
 .postActionLinks {top: -25px; position:absolute; right: 0;}
 #addCommentArea_title, #commentsArea_title, #new_post_title {text-align: center;text-transform: uppercase; font:20px Garamond,Times New Roman; padding: 0px 0 20px 0;}
 .postActionLinks {position:relative; top: -15px;z-index: 10;}
 {------------меню-----------------------}
 #side {width: 160px; margin-right: 10px; margin-top: -80px!important;}
 #side a {color: #22332C; font: normal 12px Verdana;line-height: 1.5;}
 .menuSection ul li {width: 155px;-webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;}
 .menuSection ul li:hover { background: #97C29D; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;width: 150px;margin:0px 0 0px -10px!important; padding: 0px 0 1px 15px!important; }
 #myDiaryLink, #allDiaryLink, #all_links, #pchs_title, #lastComments_title{background: #709483; padding: 3px 0 3px 10px!important; width: 155px; margin: 0px 0 5px -10px!important; }
 #mainpageLink {position :absolute; top:112px;z-index:5; margin-left: 3px!important;}
 #mainpageLink a{font: normal 18px Times New Roman!important;white-space: nowrap!important; }
 #mainpageLink:hover { background: none!important; transition: none!important; margin:0px 0 0px 3px!important;padding:0!important;}
 #side h1 {position:absolute!important; top:-100px; white-space: nowrap!important; left: 0; }
 #side h1 a {color: #A00515!important; font: normal 36px Times New Roman;text-shadow: -1px -1px #40534C, 1px 1px #AACAB0; }
 #authorName {position: absolute; top: 42px;font: normal 20px Times New Roman!important; color:#455542!important; width: 130px!important;white-space: pre-line!important;text-align: center!important; right: 22px;text-shadow: -1px 1px #AACAB0;}
 #TagsList ul li{background: none!important;margin:0px!important; padding: 0 0 5px 0!important;}
 #TagsList ul li a:hover {color: #D0E1C9!important;}
 #TagsList ul a {line-height: 1;}
 a#menuNewUmails, a#menuNewDescussions, #myDiaryLink span.count_box a, #myCommunityLink span.count_box a, #myDraftLink span.count_box, #tagslistlink span.count_box a, #myAccountLink .count_box a{font: bold 13px Arial; color: #F43605;}
 #side h1 a:hover, #authorName:hover { color: #CD3007!important;}
 {---}
 #Journal .comments a { background: url('/userdir/1/3/0/8/1308297/81159926.png') 0px 0px no-repeat; white-space: nowrap!important;line-height:11px; height: 24px !important; text-decoration: none; width: 28px;display:block !important;overflow: hidden; color:#7E8086!important; position:absolute; top: 2px; left: 70px;}
 #Journal .comments a:hover{ background: url('/userdir/1/3/0/8/1308297/81159927.png') 0px 0px no-repeat;overflow:visible; text-decoration:none; white-space: nowrap!important; }
 #Journal .comments a span {position: relative; top: 3px; float: left; height: 10px;background:#174A37!important; left: 30px; padding: 4px; color: #D7E9DA; z-index: 100;}
 #Journal .comments_count_link a:first-child {color: #FD3805!important; font: bold 18px Arial!important; position: absolute; top: 4px!important; left: 102px!important; background: none!important; display: block !important; text-decoration: none!important; text-align: left!important; padding:0;}
 #Journal .comments_count_link a:hover:first-child {color: #174A37!important;}
 #Journal .comments_count_link { font-size: 0 !important;}
 {----------none--------------}
 #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #myProfileLink, #albumLink, #postsCalendar, #rssLink, #myLinksLink, #YaSearchForm_title, #YaSearch, #thisDiaryPhoto, .atTag span, .order_button, .prevnext, .Attention, .sign{display: none!important;}
 

картинки
ФОН-1 static.diary.ru/userdir/1/3/0/8/1308297/8114829...
ФОН-2 static.diary.ru/userdir/1/3/0/8/1308297/8114830...
ЭКСТРАТОП static.diary.ru/userdir/1/3/0/8/1308297/8114831...

Все исходники принадлежат их авторам

Comments

[Литари]

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

[Kiriren Mellow]

Очень нежный и милый. Утащила поносить!

[Харука.]

какой приятный

[=Linna=]

нравится! возьму наверно спасибо большое!

[kittymara]

Красотень.

[La mignonne]

Литари, со ссылкой на оригинал)
kittymara, =Linna=, Izanami., Kiriren Mellow, спасибо

[Литари]

La mignonne, безусловно) спасибо)

[ash-sand.]

Взял, спасибо!
Баннер поставил в профиль.

[Илатан]

Душевно!

[-ARISU-]

Очень красивый

[La mignonne]

ash-sand., -ARISU-, Илатан,

[Before the dawn]

Спасибо!) взяла поносить)

[Каньелан]

Отличный. Спасибо, унесла.)

[La mignonne]

Before the dawn, Каньелан, пожалуйста)

[Найотри]

Спасибо! Взяла поносить.

[Ноябрьская.]

Спасибо, взяла поносить.