мечта *___*

[Skazochnik & Volshebnik]

Опера обновилась до нужной кондиции, и мы можем представить вам работу прошлого лета. Очень этого ждали. А всё потому…
Знаете, как в детстве! Одни мечтали о пышных платьях и балах, вторые о путешествиях на воздушном шаре, третьи о горе шоколадных батончиков, четвёртые о возможности читать чужие мысли (особенно в период контрольных), пятые о беременной барби, шестые тоже, наверняка, о чём-то мечтали, впрочем как и седьмые. Вот и мы мечтали о растягивающемся фоне. *____* И нам повезло! Пусть и не сразу.
Фоны, конечно же, меняются на ваш вкус.

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

Примерить

Комментарии


Изображения
Картинка 1 (Картинка 1.1)
Картинка 2
Картинка 3
Картинка 4
Картинка 5
Картинка 6
Картинка 7
Картинка 8
Картинка 9
Картинка 10
Аватар (Аватар 1.1) - загружается в стандартных настройках.

Код

 
 html {background: url('Картинка 1') center center fixed no-repeat !important; }
 body, #JournalComments {background:url('Картинка 1')center center fixed no-repeat !important; -o-background-size: 100% 100% !important; -moz-background-size: 100% 100% !important; background-size: 100% 100% !important; padding: 0px !important;font-family:Candara,Tahoma,Helvetica,sans-serif; font-size:14px !important; margin:0px !important;}
 #wrapper{background: url('Картинка 2') repeat-y;width:950px; min-width:0; margin: 0 auto 10 !important; padding:0px !important; position:relative !important;}
 #page-c {width:700px !important; padding:0 !important;padding:0 !important; padding:0px !important;}
 #page-t { margin:0 !important;}
 #side {width:250px; margin-top:50px;}
 #extrabottom {background: url('Картинка 3') 0 0 no-repeat; height:75px;width:200px; margin-left:750px; }
 {------posts------}
 #postsArea, #commentsArea, .addCommentArea{padding-right:15px; padding-left:15px;}
 #postsArea{margin-top:225px;}
 #postsArea .postDate {font-size:20px; color:#c2c2c2; text-transform:lowercase;}
 #postsArea .postTitle {font-size:20px; text-transform:uppercase; display:block; min-height:30px !important; width:700px; background: url('Картинка 4'); padding-top:5px; margin-left:-15px;}
 .singlePost .header h2 {font-weight:bold; padding-left:75px !important; display:block; margin-top:-25px; min-height:30px !important;}
 #postsArea .postTitle span {position:absolute; diasplay:block; width:55px; background: url('Картинка 4'); height:30px !important;padding-top:5px; padding-left:15px; margin-top:-5px; color:#c2c2c2;}
 #epigraph .postTitle {background:none; min-height: 1px !important; }
 #epigraph {background: url('Картинка 4'); width:670px; margin-left:-15px !important; padding:0px 15px !important;}
 .postLinksBackg {line-height:14px !important; font-size:14px!important; background: url('Картинка 5'); display:block; width:670px; height:25px; margin-left:-15px; padding-top:10px !important; padding-left:15px !important; padding-right:15px !important;}
 .postLinksBackg a{text-transform:lowercase; color:#c2c2c2 !important; opacity:0.4;}
 .postLinksBackg a:hover{text-decoration:none; color:#9ecf5c !important; opacity:1.0;}
 .comments_count_link{color:#c2c2c2 !important; opacity:0.4;}
 .prevnext{display:none !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:#fff799; font-weight: bold; }
 .atMusic em:before {content: "музыка:"; font-size: 14px; color:#fff799; font-weight: bold; }
 .atMood em:before {content: "настроение:"; font-size: 14px; color:#fff799; font-weight: bold; }
 .atMood em, .atMusic em{font-style:normal; font-size: 14px;}
 .atTag a, .atTag em {font-style:normal; font-size: 14px; color:#9ecf5c;}
 {-------menu-------}
 .menuSection_title, #Stats a {display:block; text-align:center; font-size:17px; text-transform:uppercase; background: url('Картинка 6'); height:28px; width:235px; padding-top:7px; margin-top:-5px; font-weight:lighter; color:#fff;}
 .menuSection_title b{font-weight:lighter !important; }
 .menuSection a, .menuSection{color:#c2c2c2; font-size:14px;}
 #side ul li {list-style-type:square; margin-left:35px;}
 #side ul {padding-top:15px;}
 #pchs {visibility:hidden;}
 #pchs a { clear:both; width:100%; display:block; visibility:visible; margin-top:-10px;}
 #pchs_title {visibility:visible;}
 #side h1 a{position:absolute; top:0px; left:13px; font-size:48px; text-align:left; line-height:30px; border-top:10px solid #e1e1e1; padding-top:10px; color:#fff !important;}
 #thisDiaryInfo {background: url('Картинка 6'); width:225px; padding-top:15px; margin-left:5px; padding-bottom:5px;}
 #authorName {position:absolute; color:#fff; font-size:24px; top:25px; border:1px solid transparent; display:block; width:235px; margin-left:-5px;}
 .menuSection ul li:hover {list-style-type:square; color:#9ecf5c; background: url('Картинка 6') !important; width:200px;}
 .menuSection a:hover{text-decoration:none; color:#9ecf5c;}
 #lastComments ul li:hover, #pchs ul a:hover{background: url('Картинка 6') !important; display:block !important; color:auto !important;}
 #lastComments ul, #pchs ul {width:235px !important;}
 #lastComments li span{margin-left:-20px !important;}
 #side h1 a:hover {text-decoration:none;}
 #YaSearchForm {display:block !important;visibility:visible !important; margin-top:15px}
 #YaSearch .submit, #sign .submit{height:19px !important;}
 #sign{margin-top:15px;}
 #usrlog, #usrpass {width:105px;}
 {-------JournalComments--------}
 #JournalComments #postsArea {margin-top:191px !important;}
 #JournalComments #postsArea .avatar img {width:80px; height:80px; margin:10px 15px; position:absolute;}
 #JournalComments #postsArea .avatar {width:110px; height:100px; background: url('Картинка 4');}
 #JournalComments .singlePost .postTitle {position:absolute; margin-top:0px; margin-left:-15px; z-index:0; height:95px !important;}
 #JournalComments .singlePost .header h2{padding-left:115px !important; position:absolute; margin-top:0px !important; line-height:0.9;}
 #JournalComments .singlePost .postTitle span {margin-left:100px; background:none; margin-top:-5px;}
 #JournalComments #postsArea .postActionLinks {z-index:10;}
 #JournalComments #postsArea .authorName {position:absolute; margin-top:-30px; z-index:10 !important; font-size:20px;}
 #JournalComments #postsArea .sign{display:block; width:600px; margin-left:115px !important; z-index:10 !important; margin-top:-45px; font-size:14px !important;}
 #JournalComments #postsArea .commentAuthor {width:700px; position:absolute; margin-left:-15px; height:110px;}
 #JournalComments #postsArea .paragraph {margin-top:110px; margin-left:0;}
 #commentsArea_title{font-size:20px; text-transform:uppercase; display:block; height:30px !important; width:580px; background: url('Картинка 7'); padding-top:5px; margin-left:-15px; font-weight:bold; padding-left:120px; margin-top:-15px;}
 #addCommentArea_title{font-size:20px; text-transform:uppercase; display:block; height:30px !important; width:580px; background: url('Картинка 7'); padding-top:5px; margin-left:-10px; font-weight:bold; padding-left:120px; margin-top:-15px;}
 #new_post_title {font-size:20px; text-transform:uppercase; display:block; height:30px !important; width:580px; background: url('Картинка 7'); padding-top:5px; margin-left:-15px; font-weight:bold; padding-left:120px;}
 #commentsArea .avatar img {width:80px; height:80px; margin:10px 15px; position:absolute;}
 #commentsArea .avatar {width:110px; height:100px; background: url('Картинка 7');}
 #commentsArea .commentAuthor {margin-left:-15px; }
 #commentsArea .sign{display:none !important;}
 #commentsArea .paragraph {margin-top:30px; margin-left:105px;}
 #commentsArea .postTitle {position:absolute; display:block; width:570px; color:#fff799; margin-left:105px; font-size:14px; margin-top:35px;}
 #commentsArea .authorName {font-size:20px;}
 #commentsArea .postLinksBackg {line-height:14px !important; font-size:14px!important; background: url('Картинка 7'); display:block; width:670px; height:25px; margin-left:-15px; padding-top:10px; padding-left:15px; padding-right:15px;}
 {---------JournalFavorite-----------}
 #favGroups {line-height:14px !important; font-size:14px!important; background: url('Картинка 5'); display:block; width:670px; height:25px; margin-left:-15px; padding-top:10px !important; padding-left:15px !important; padding-right:15px !important;}
 #JournalFavorite .avatar img, #JournalQuote .avatar img {width:80px; height:80px; margin:10px 15px; position:absolute;}
 #JournalFavorite .avatar, #JournalQuote .avatar {width:110px; height:100px; background: url('Картинка 4');}
 #JournalFavorite .postTitle, #JournalQuote .postTitle {position:absolute; margin-top:0px; margin-left:-15px; z-index:0; height:95px !important;}
 #JournalFavorite .header h2, #JournalQuote .header h2{padding-left:165px !important; position:absolute; margin-top:3px !important; display:block; width:530px; overflow:hidden !important; height:30px; }
 #JournalFavorite .postTitle span, #JournalQuote .postTitle span {margin-left:100px; background:none; margin-top:23px;}
 #JournalFavorite .postActionLinks, #JournalQuote .postActionLinks {z-index:10;}
 #JournalFavorite .authorName, #JournalQuote .authorName {position:absolute; margin-top:-30px; z-index:10 !important; font-size:20px;}
 #JournalFavorite .communityName, #JournalQuote .communityName{position:absolute; margin-top:5px; z-index:10 !important; font-size:20px;margin-left:100px;}
 #JournalFavorite .sign, #JournalQuote .sign{display:block; width:600px; margin-left:115px !important; z-index:10 !important; margin-top:-45px; font-size:14px !important;}
 #JournalFavorite .commentAuthor, #JournalQuote .commentAuthor {width:700px; position:absolute; margin-left:-15px !important; height:110px;}
 #JournalFavorite .paragraph, #JournalQuote .paragraph {margin-top:110px; margin-left:0;}
 #JournalFavorite .singlePost, #JournalQuote .singlePost {margin-top:50px;}
 #JournalFavorite #postsArea, #JournalQuote #postsArea {margin-top:175px;}
 {---------Calendar----------}
 .cal-mnth a{font-size:16px; font-weight:bold;}
 .calHeader{font-size:20px; text-transform:uppercase; display:block; height:30px !important; width:625px; background: url('Картинка 4'); padding-top:5px !important; font-weight:bold; margin-left:-15px !important; padding-left:75px !important;}
 #JournalCalendar {font-size:16px !important; }
 #JournalCalendar #content {margin-left:60px;}
 {-----------tags_all-----------}
 .tags_ul_all a{color:#c2c2c2 !important;}
 .tags_header a{font-size:16px; color: #9ecf5c !important;}
 .tags_ul_all li{list-style-type:square;}
 .tags_ul_all li:hover{color:#9ecf5c !important; background: url('Картинка 6') !important; }
 .tags_ul_all a:hover{color:#9ecf5c !important; text-decoration:none; }
 .text, #message, #my_tags {background: url('Картинка 6') !important; color:#c2c2c2 !important;}
 input.submit, .submit {background: url('Картинка 6') !important;color:#c2c2c2 !important; opacity:1.0 !important; height:30px !important; padding-bottom:5px !important;}
 {-------quote-------}
 .TagJIco {background: url('Картинка 8') no-repeat scroll 0 -1px transparent; display: inline-block; padding-left: 13px;position: relative;text-decoration: none !important; margin-left:5px;}
 .TagL{color:#9ecf5c !important; text-decoration:none; margin-left:5px;}
 .TagL a:hover {color:#9ecf5c !important; text-shadow: 0px 0px 5px #ff0019, 0px 0px 5px #88031b !important; text-decoration:none;}
 .quote_text{background: url('Картинка 9') 15px 5px no-repeat !important; display: block; font-style:normal !important; }
 .quote_text{margin: 0px 15px 0px 0px; overflow:hidden; padding:10px 10px 10px 40px;}
 .blockquote {margin-left:-30px;}
 .opac6 {width: 0; height: 0; background: url('Картинка 10') no-repeat 0 -1px; padding: 15px 20px 5px 1px !important; opacity:1.0 !important;}
 {-----display:none-------}
 #side h1 a .opac6, #YaSearchForm_title {display:none !important;}

Шрифты
заголовок обычный 12
тест обычный 12
гарнитура Ариал

Цвета
заголовок #9ecf5c
ссылки #9ecf5c
записи #c2c2c2
оффтопик #fff799

Примечание
Дизайн блочный, навигация справа.

Внимание! Некоторые изображения встречаются в коде не один раз!

Примерка дизайна

http://АДРЕС ДНЕВНИКА/?design=3503381

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

Comments

[neks]

[Пони Моника]

Здорово. Я ваш фанат!
Поставила второй вариант, вроде не криво...

UPD: нашла! Если пост без заголовка, то текст наезжает на поле с временем. Это я? Или такая особенность?

[polishastik]

Пони Моника, вы не все поставили)) не все картинки. там некоторые в коде несколько раз.
про заголовок щас покумекаю.

[Пони Моника]

polishastik странно...пишет, что все замены проведены. Сейчас перепишу

[polishastik]

Пони Моника, это был мой косяк, извините. вот тут:
.menuSection_title, #Stats a
должна быть картинка 6.

[Пони Моника]

polishastik это я методами тыка и "не полагайся на автозамену и читай код" нашла)))

[polishastik]

Пони Моника, про заголовок. в код .singlePost .header h2 добавьте в конце min-height:30px !important;

[Пони Моника]

polishastik

[polishastik]

Пони Моника, красота же *____*?

[Пони Моника]

polishastik ды не то слово, красота!

унёс))) большое спасибо)

[polishastik]

terra alba., носите с удовольствием)

[wonder~woman]

Это прекрасно!!!!
Я возьму?))

[polishastik]

wonder~woman, конечно берите! и носите с радостью))

[wonder~woman]

polishastik, он великолепен!) Поставила, не могу нарадоваться!)))))) Спасибо огромное.)

[polishastik]

wonder~woman, уфф как приятно такое слышать))) мы очень рады

[fake_rainbow]

взяла) спасибо)

[Rhun]

Очень красивый диз *_* Взяла, спасибо!

[Береннис]

взяла носить со вторым фоном.
такой вопрос: я могу потом поставить какой-нибудь свой фон?

[.Vozduh]

Ренн, можете.))

[Береннис]

mahini спасибо)) лето закончится, дизайн останется, только уже с другим фоном)

[кин.]

Вот и мы мечтали о растягивающемся фоне

не подскажите, такое возможно в мозиле?

[polishastik]

Kin., возможно во всех последних версиях браузеров, даже ИЕ-9 поддерживает!

Какая красота
С удовольствием поношу такой диз)))
Спасибо большое авторам!

[Nocuus]

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

картинка

Оно так и задумано?!

[polishastik]

Nocuus
я не вижу у вас в дневнике проблемы, честно.
зашла в первую попавшуюся мне запись с длинным заголовком и там все ок
nocuus.diary.ru/p148373096.htm?from=0

[Nocuus]

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

[polishastik]

Nocuus
я посмотрю, в чем проблема.

[andre;]

спасибо огромное, дизайн невероятен) вы и в самом деле волшебники *___*

[Skazochnik & Volshebnik]

andre;, носите с радостью))) нам очень-очень приятно)