#1292. Вместе веселей

[La mignonne]

Автор дизайна  Тайя, которая душит романтиков


Установить автоматически
Важно!
Ширину/высоту ника и названия возможно понадобится подстраивать под Вас!
В таком случае дизайн нужно будет установить вручную!

Настройки

Блочный вверху
Заголовок #96B14E
Ссылки #2d367f
Записи #2d367f
Офф #96C238

КАРТИНКИ

{---------------------КАРТИНКИ-------------------}
 #add_block1 {width: 100%; height: 277px; position: absolute; top: 0; left: 0; z-index: -1; background: url('БЛОК-1') repeat-x #D0F1FB;}
 #extratop {background: url('ЭКСТРАТОП') top left repeat-x; height: 277px; margin: -1px 0px !important; padding: 0; opacity: 0; transition: 1.5s ease; -moz-transition: 1.5s ease; -webkit-transition: 1.5s ease; -o-transition: 1.5s ease;}
 #extratop:hover {background: url('ЭКСТРАТОП') top left repeat-x; height: 277px; margin: -1px 0px !important; padding: 0; opacity: 1;}
 a#authorName {width: 250px; position: fixed; top: 49px; left: -270px; background: url('НИК') no-repeat 97% 50% rgba(255,255,255,0.6); padding: 8px 45px 8px 15px !important; border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0;transition: 1s ease; -moz-transition: 1s ease; -webkit-transition: 1s ease;-o-transition: 1s ease; text-align: left;}
 #side h1 {width: 250px; font-size: 16px !important; font-weight: bold !important; position: fixed; top: 6px; left: -260px; background: url('НАЗВАНИЕ') no-repeat 97% 50% rgba(255,255,255,0.6); padding: 8px 40px 9px 10px !important; border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; transition: 1s ease; -moz-transition: 1s ease; -webkit-transition: 1s ease; -o-transition: 1s ease; text-align: left;}
 #YaSearch {width: 250px !important; position: fixed !important; top: 93px !important; left: -261px; background: url('ПОИСК') no-repeat rgba(255,255,255,0.5) 97% 50%; padding: 4px 40px 6px 12px; transition: 1s ease; -moz-transition: 1s ease; -webkit-transition: 1s ease; -o-transition: 1s ease; border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0;}
 .countFirst .postLinksBackg {background: url('ИКОНКА-6') no-repeat top left;}
 .countSecond .postLinksBackg {background: url('ИКОНКА-1') no-repeat top left;}
 #bottom_up a {background: url('НАВЕРХ') no-repeat rgba(255,255,255,0.6); position: absolute; left: 0; bottom: 41px; padding: 3px 17px 0 !important; font-size: 0; color: transparent; border-radius: 0px 5px 0 0; -moz-border-radius: 0px 5px 0 0; -webkit-border-radius: 0px 5px 0 0;}
 #bottom_mainlink a {background: url('ИКОНКА-3') no-repeat; padding: 17px 17px !important; font-size: 0; color: transparent;}
 #bottom_randomlink a {background: url('ИКОНКА-2') no-repeat; padding: 15px 14px !important; font-size: 0; color: transparent;}
 #bottom_spiritlink a {background: url('ИКОНКА-5') no-repeat; padding: 19px 14px !important; font-size: 0; color: transparent;}
 #bottom_faqlink a {background: url('ИКОНКА-4') no-repeat; padding: 18px 15px !important; font-size: 0; color: transparent;}
 #extrabottom {width: 305px; height: 405px; position: absolute; bottom: 0; right: 0; background: url('ЭКСТРАБОТ') no-repeat; z-index: -1;}
 #Stats a {position: absolute !important; right: -40px !important; background: url('СТАТИСТИКА) no-repeat; padding: 0px !important; font-size: 0;}
 {--------------основные блоки------------------}
 body {background: #4fccf0; background: -moz-linear-gradient(left, #4fccf0 0%, #ccf188 15%, #ccf188 50%, #ccf188 85%, #4fccf0 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4fccf0), color-stop(15%,#ccf188), color-stop(50%,#ccf188), color-stop(85%,#ccf188), color-stop(100%,#4fccf0)); background: -webkit-linear-gradient(left, #4fccf0 0%,#ccf188 15%,#ccf188 50%,#ccf188 85%,#4fccf0 100%); background: -o-linear-gradient(left, #4fccf0 0%,#ccf188 15%,#ccf188 50%,#ccf188 85%,#4fccf0 100%); background: -ms-linear-gradient(left, #4fccf0 0%,#ccf188 15%,#ccf188 50%,#ccf188 85%,#4fccf0 100%); background: linear-gradient(to right, #4fccf0 0%,#ccf188 15%,#ccf188 50%,#ccf188 85%,#4fccf0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fccf0', endColorstr='#4fccf0',GradientType=1 ); margin: 0; padding: 0;}
 #page-t {min-width: 900px !important; width: 900px !important; margin: 0 auto !important;}
 #JournalDraft .singlePost.list_box {display: none;}
 .header.order_button {margin-top: -60px !important;}
 #post0 {margin: 0 -20px; position: relative; z-index: -1 !important;}
 #post0 .postLinksBackg {display: none;}
 img { max-width: 850px !important; }
 #epigraph {background: none; padding-bottom: 30px !important; margin-bottom: -2px !important; border: none !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
 #sortOrder {margin-top: 5px;}
 {-----------меню---------------}
 #side {position: absolute; top: 0; left: 24%;}
 #side h1:hover {left: -2px;}
 #side h1 a:hover {text-shadow: 0 0 0 !important;}
 a#authorName:hover {left: -5px; color: #2d367f !important;}
 #YaSearch:hover {left: 0px !important;}
 #yaquery.text {font-family: Arial; color: #606060; background: rgba(255,255,255,0.6); box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
 .submit {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
 .opac6 {display: none;}
 #side a {text-decoration: none; text-shadow: 0 0 0px #4D58BF;}
 a:hover, .urlLink a:hover, .Attention a:hover {text-decoration: none !important; text-shadow: 0 0 0 #CCF188; color: #2C3F07;}
 #iAmQuit {margin-left: 5px;}
 #iAmQuit a {text-shadow: none !important;}
 #iAmQuit a:hover {text-shadow: none !important; color: #2d367f !important;}
 #login_change {background: rgba(255,255,255,0.6) !important; margin: 14px -61px !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px outset rgba(255,255,255,0.3);}
 .text {background: rgba(255,255,255,0) !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px inset rgba(255,255,255,0.6) !important; color: #2d367f;}
 #login_change h3, label {color: #2d367f;}
 #sign {background: rgba(255,255,255,0.6) !important;}
 a {outline: none;}
 .advertising {position: absolute; z-index: 1; top: 256px; left: 28%; font-size: 9px; font-family: Verdana; text-shadow: 0 0 1px #000;}
 .advertising a {color: #fff !important; font-weight: bold;}
 .advertising a:hover {text-decoration: none;}
 {-----------------пункты меню--------------------}
 .menuSection_title, #iAmQuit {width: 140px; text-align: center; background: rgba(255,255,255,0.6); padding: 10px 0; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-right: solid 2px rgba(255,255,255,0.7); border-bottom: solid 2px rgba(255,255,255,0.2); border-top: solid 2px rgba(75,157,73,0.5); border-left: solid 2px rgba(75,157,73,0.5);}
 .menuSection ul {width: 126px; text-align: center; background: rgba(255,255,255,0.6) !important; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-left: solid 2px rgba(75,157,73,0.5) !important; border-bottom: solid 2px rgba(255,255,255,0.5) !important; border-right: solid 2px rgba(255,255,255,0.6) !important;}
 #TagsList ul {width: auto; background: rgba(255,255,255,0.8) !important; margin-left: 40px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
 #lastComments, #pchs {display: none;}
 #side ul {transition: 1s ease; -moz-transition: 1s ease; -webkit-transition: 1s ease; -o-transition: 1s ease; display: block; visibility: hidden; position: fixed; top: -250px;}
 #side .menuSection:hover ul {visibility: visible; position: absolute; top: 50px;}
 #myAccountLink, #photolibLink, #diarySpiritLink, #addToFav {white-space: pre-wrap;}
 #thisDiaryPhoto {display: none !important;}
 #thisDiaryLinks, #thisCommunityMember, #thisCommunity {position: absolute; top: 60px; left: 240px;}
 #thisDiaryLinks:hover ul, #thisCommunityMember:hover ul, #thisCommunity:hover ul {position: absolute; top: 40px !important;}
 #thisCommunityMember a, #thisCommunity a{white-space: pre-wrap;}
 #myLinks {display: none;}
 #myDiaryLinks:after{display:block !important; content: "Мой дневник" !important;width: 140px; text-align: center; background: rgba(255,255,255,0.6); padding: 10px 0; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-right: solid 2px rgba(255,255,255,0.7); border-bottom: solid 2px rgba(255,255,255,0.2); border-top: solid 2px rgba(75,157,73,0.5); border-left: solid 2px rgba(75,157,73,0.5); font-weight: bold;}
 #myDiaryLinks_title {display: none;}
 {----------посты-----------------------}
 .singlePost, .singleComment, #msg_form {background: rgba(255,255,255,0.6); padding: 7px 20px 10px !important; margin-bottom: 50px !important; border-left: 2px ridge rgba(174,213,94,0.1) !important; border-top: 2px ridge rgba(174,213,94,0.1) !important; border-radius: 10px; box-shadow: 1px 0px 6px rgba(174,213,94,0.7); -moz-box-shadow: 1px 0px 6px rgba(174,213,94,0.7); -webkit-box-shadow: 1px 0px 6px rgba(174,213,94,0.7);}
 #message {border: 1px inset rgba(166,231,46,0.3) !important; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
 #JournalComments #message {background: rgba(192,238,106,0.65);}
 .postLinksBackg {height: 62px; margin-bottom: -45px !important; padding: 0 0 0 50px !important; color: #A5CD52 !important; text-shadow: 1px 1px 0px #fff;}
 .postLinksBackg a {font-size: 11px; font-family: Tahoma; color: #A5CD52 !important; text-shadow: 1px 1px 0px #fff;}
 .postLinksBackg a:hover {color: #7A9E2E !important;}
 .header, .header h2 {text-align: center;}
 .postDate, .header {text-shadow: 1px 1px 0px #fff;}
 .postTitle.header:before, .postTitle.header:after {content:"~";}
 .prevnext {background: none !important;}
 #commentsArea_title.header {margin-top: -55px;}
 #commentsArea_title.header, #addCommentArea_title label, #draft_title.header, .header.calHeader, .header.left {text-shadow: 1px 1px 0px #E6F8C2; color: #96B14E !important;}
 .pages {margin-top: -40px;}
 #addCommentArea_title {margin-top: 10px; }
 #addCommentArea {margin-top: -50px;}
 .atTag em, .atMood em, .atMusic em,.atTag a, .atMood a, .atMusic a,.atTag span, .atMood span, .atMusic span {text-decoration: none; font-style: normal; font-size: 11px; color: #A5CD52 !important; text-shadow: 1px 1px 0px #fff;}
 #epigraph .header {display: none;}
 .quote_text {display: inline-block; color: #3D570B; background: #E0F5B4; border: inset 1px rgba(139,201,24,0.35); box-shadow: 0 0 1px rgba(255,255,255,0.9); -moz-box-shadow: 0 0 1px rgba(255,255,255,0.9); -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.9); padding: 1px 8px 2px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
 {------------нижнее меню--------------}
 #bottomNav {width: 100%; background: rgba(255,255,255,0.6); position: fixed; bottom: -35px !important; transition: 1s ease; -moz-transition: 1s ease; -webkit-transition: 1s ease; -o-transition: 1s ease;}
 #bottomNav:hover {position: fixed; bottom: 0px !important; }
 #bottom_up a:hover, #bottom_mainlink a:hover, #bottom_randomlink a:hover, #bottom_spiritlink a:hover, #bottom_faqlink a:hover {text-shadow: none !important;}
 #Stats img {visibility: hidden;}
 #Stats a+a {display: none;}
 

Пояснение по названию дневника и нику.
Эти пункты не подстраиваются автоматически, нужно регулировать ширину в зависимости от длины названия и ника.

#side h1 {width: 250px; font-size: 16px !important; font-weight: bold !important; position: fixed; top: 6px; left: -260px; background: url('/userdir/3/2/1/3/3213535/80515728.png') no-repeat 97% 50% rgba(255,255,255,0.6); padding: 8px 40px 9px 10px !important; border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; transition: 1s ease; -moz-transition: 1s ease; -webkit-transition: 1s ease; -o-transition: 1s ease; text-align: left;}

a#authorName {width: 250px; position: fixed; top: 49px; left: -270px; background: url('/userdir/3/2/1/3/3213535/80515732.png') no-repeat 97% 50% rgba(255,255,255,0.6); padding: 8px 45px 8px 15px !important; border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0;transition: 1s ease; -moz-transition: 1s ease; -webkit-transition: 1s ease;-o-transition: 1s ease; text-align: left;}

Изменяться должна ширина и позиция на равное количество пикселей! Например:
было: width: 250px; left: -260px
стало: width: 300px; left: -310px
или:
было: width: 250px; left: -270px
стало: width: 200px; left: -220px

Вопросы автору можно задавать в комментариях.

Если дизайн после установки отображается некорректно - просьба добавлять комментарии к этой записи.

Comments

[дождь из пепла]

какой офигенный _

[Тайя.]

Hemlock, спасибо

[Evika9]

Винни Пух!!!!! Красота какая

[SeLena its the Moon]

Тайя, которая душит романтиков, просто огромное спасибо.

[Тайя.]

Evika9, SeLena its the Moon, спасибо!)

SeLena its the Moon, у вас "Мой дневник" корректно отображается или глючно?

[SeLena its the Moon]

Тайя, которая душит романтиков, ох, глючно, но, когда я переходила по ссыле, чтобы корректно все отображалась, но через некоторое количество времени диз вылетает (((

[Тайя.]

SeLena its the Moon, нужно поставить диз из каталога www.diary.ru/designdir/?ext=rub&rub_id=0&author... (если еще не)

В списке ваших дизов www.diary.ru/options/diary/?designlib он сохранится под названием "Копия: ...и все-все-все"
Теперь в настройки CSS нужно внести следующий код, он исправит ошибку:

#myDiaryLinks:after { content: "Мой дневник" !important;}

[SeLena its the Moon]

Тайя, которая душит романтиков, Спасибо за совет!

[Тайя.]

SeLena its the Moon, если не получится, пишите, сделаем пошагово

[SeLena its the Moon]

Тайя, которая душит романтиков, Ура, все получилось, спасибо!!!
Если что-то будет не так, я у вас тогда все спрошу.

[Тайя.]

SeLena its the Moon, ура!
Пишите, если что)

[Fey_xo]