№644. Летний

[La_mignonne]

Давно не делала css для всеобщего доступа)))
Итак - летний, яркий и солнечный дизайн. Двигается только текст, уезжает под блок с ником и названием))
Комменты-комменты-комменты =))

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

Настройки

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


Дизайн - табличный, меню - вверху
Шрифт - Verdana
ссылки - #cdd704
текст - #157290, 13
заголовок - #b33412
Остальные цветовые настройки не нужны!!! Не нужно их самостоятельно вставлять!
Проверьте, чтобы все остальные поля, не указанные тут, были пустыми!

код

  html {background:#6084c0 url('ФОН-1') top repeat-y; background-position: 50% 0;background-attachment: fixed; z-index: -1;}
 body {background: url('ФОН-2') top repeat-y; background-position: 50% 0;background-attachment: fixed; height:600%;z-index:2;}
 #globalLinks_title {display:block; width:138px; height:48px; line-height:500px; overflow:hidden; background: url('ГЛОБАЛ') 2px 4px no-repeat; }
 #myDiaryLinks_title, #myCommunityLink_title {display:block; width:138px; height:48px; line-height:500px; overflow:hidden; background: url('МАЙ ДАЙРИ') 2px 4px no-repeat;}
 #thisDiaryOwner_title {display:block; width:138px; height:48px; line-height:500px; overflow:hidden; background: url('ДАЙРИ') 2px 4px no-repeat;}
 #thisDiaryLinks, #more_login, #myLinks, #myLinksLink, #bottomNavLinks, #Stats, #iAmQuit, #sortOrder {display: none !important;}
 #wrapper{min-width:900px!important; width:900px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important;}
 #side {position:fixed; top:0px !important;z-index:5;}
 #addCommentArea, #commentsArea{width:750px !important;margin-left: 20px !important;margin-top: 70px !important;}
 #JournalComments #postsArea, #JournalFavorite #postsArea, #JournalQuote #postsArea {width:750px !important;margin-left: 20px !important;margin-top: 130px !important;}
 #postsArea {width:750px !important;margin-left: 20px !important;margin-top: 70px !important;}
 .singlePost {border: 1px solid #a3c5e1; margin-top: 6% !important; background: url('ЗАЛИВКА') repeat;}
 .header span, .header h2{font-family:"Verdana"; font-size: 14px; font-weight:bold !important;}
 #thisDiaryOwner {position:absolute; top: 150px;left:772px;}
 #myDiaryLinks, #myCommunityLink {position:absolute; top: 195px;left: 770px;}
 #globalLinks {position:absolute; top: 105px;left: 775px;}
 #authorName {position: absolute; left:440px; top:9px !important;}
 #authorName{color: #eaf1f7;font-weight: bold !important;font-family:"Verdana"; font-size: 48px !important;;white-space:nowrap;text-shadow: 3px 4px 4px #9a9999;}
 #side h1 a {position: absolute; left:15px; top:26px !important;color: #eaf1f7;font-weight: bold !important;font-family:"Verdana"; font-size: 48px;white-space:nowrap;text-shadow: 3px 4px 4px #9a9999; text-transform: lowercase;}
 .postLinksBackg {font-family:"Verdana"; font-size: 12px; text-transform: lowercase;color: #cdd704;}
 a:hover{TEXT-DECORATION: none !important; text-transform: lowercase !important;}
 a:hover, a:active{color:#b33412 !important;}
 #side ul {background: #e6eff5; width:180px;margin-left: 5px;margin-top: -4px;border: 1px #d4e90e solid;padding-top:5px !important;-moz-opacity:.70 !important;opacity:.70 !important; filter:alpha(opacity=70); !important;}
 #globalLinks ul {background: #e6eff5; width:146px;margin-left: -16px;margin-top: -4px;border: 1px #d4e90e solid;padding-top:5px !important;-moz-opacity:.90 !important;opacity:.90 !important; filter:alpha(opacity=90); !important;text-align:center;}
 #myDiaryLinks ul, #myCommunityLink ul{background: #e6eff5; width:146px !important;margin-left: -11px;margin-top: -4px;border: 1px #d4e90e solid;padding-top:5px !important;-moz-opacity:.90 !important;opacity:.90 !important; filter:alpha(opacity=90); !important;text-align:center;}
 #thisDiaryOwner ul {background: #e6eff5; width:146px;margin-left: -13px;margin-top: -4px;border: 1px #d4e90e solid;padding-top:5px !important;-moz-opacity:.90 !important;opacity:.90 !important; filter:alpha(opacity=90); !important;text-align:center;}
 #myDiaryLinks ul a, #myCommunityLink ul a {white-space: pre-line}
 #add_block1 { background: url('ДОП БЛОК') top no-repeat; height:110px; position:fixed; left:50%;margin-left:-513px; top:-0px; width:1048px; z-index: 1;}
 #extrabottom {background: url('НИЗ') no-repeat; width:750px; height: 17px; margin-left: -90px; margin-top: -35px; }
 #postsArea .postTitle span{margin-left:0px;margin-top:-20px !important; position: absolute; }
 #postsArea .header h2 {margin-left:55px;margin-top:-20px !important; position: absolute; width:450px;height:50px; }
 #postsArea .postDate {margin-top:-18px !important; position: absolute; right:130px;}
 #addCommentArea, #commentsArea{border: 1px solid #a3c5e1; margin-top: 7% !important; background: url('ЗАЛИВКА') repeat;margin-top:20px !important;}
 #commentsArea .postLinksBackg {border-bottom: 1px #a3c5e1 solid; padding-bottom: 3px;}
 span.quote_text {background: #b7cde4; display: block; border-left:3px solid #cedc0d; font-style:italic !important;color: #fff;}
 span.quote_text {background:none no-repeat scroll 6px 8px #8b7cde4; margin: 0 25px 0 25px; overflow:hidden; padding:10px; }
 #new_post_title, .block_design .section {margin-top:130px; }
 .text {border: 1px solid #678eba !important}
 #message {border: 1px solid #678eba !important; background: #e2eef6}
 #content .tags_ul_all {width:700px !important;margin-left: 0px !important;margin-top: 130px !important;}
 #postsArea .postActionLinks {padding-right:180px !important;margin-top:-21px !important; }
 #postsArea .postContent {margin-top: -10px;}
 #postsArea .postLinksBackg{margin-top: -8px;}

картинки
НИЗ static.diary.ru/userdir/1/3/0/8/1308297/5644818...
ДОП БЛОК static.diary.ru/userdir/1/3/0/8/1308297/5644763...
ЗАЛИВКА (в коде 2 раза) static.diary.ru/userdir/1/3/0/8/1308297/5644452...
ФОН-1 static.diary.ru/userdir/1/3/0/8/1308297/5644423...
ФОН-2 static.diary.ru/userdir/1/3/0/8/1308297/5637121...
МАЙ ДАЙРИ static.diary.ru/userdir/1/3/0/8/1308297/5637016...
ГЛОБАЛ static.diary.ru/userdir/1/3/0/8/1308297/5637014...
ДАЙРИ static.diary.ru/userdir/1/3/0/8/1308297/5637015...


Если у вас съехал ник и название днева
В следующих строках в коде замените числа, выделенными жирным (top - расстояние от верха, left - отступ слева, font-size - размер текста)
Ник
#authorName {position: absolute; left:440px; top:9px !important;}
#authorName{color: #eaf1f7;font-weight: bold !important;font-family:"Verdana"; font-size: 48px !important;;white-space:nowrap;text-shadow: 3px 4px 4px #9a9999;}
Название
#side h1 a {position: absolute; left:15px; top:26px !important;color: #eaf1f7;font-weight: bold !important;font-family:"Verdana"; font-size: 48px;white-space:nowrap;text-shadow: 3px 4px 4px #9a9999; text-transform: lowercase;}

Картинки, используемые в дизайне
s39.radikal.ru/i085/1006/d0/36ea3a04821a.jpg
Все исходники принадлежат их авторам

Comments

[La_mignonne]

берите)))