№1252 - типа-Новогодний

[Invisible]

Пример

Настройки

Внимание! Для того, чтобы дизайн правильно встал, при загрузка изорбажений в БИ у вас должна быть включена функция "Увеличение размера и веса картинок".

---

Дизайн - табличный, меню - сверху
Шрифт - Verdana
заголовок - обычный, 16, цвет #bababa
текст - обычный, 13, цвет #111424
ссылки - цвет #1e244d
оффтоп - цвет #9a9ca4

---

картинки
ЭКСТРАТОП
ПОЛОСА1
ПОЛОСА2
СНЕГ
КРУГ

---

код

 body{margin:0px !important; padding:0px !important; background: #fff; overflow-x:hidden;}
 {-----------------------------ВСЕ КАРТИНКИ ЗДЕСЬ-----------------------------------------}
 #add_block1{background: #111424 url('ЭКСТРАТОП') center no-repeat; position:absolute; top:0px; height:486px; width:100%; z-index:-1;}
 #add_block2{background: url('ПОЛОСА1') center repeat-x; position:absolute; top:460px; height:64px; width:100%; z-index:-1; }
 #add_block4{background: url('ПОЛОСА2') center repeat-x; position:static; bottom:0px; height:84px; width:100%; z-index:-1; }
 #add_block3{background: url('СНЕГ') center; position:absolute; top:0px; height:486px; width:100%; z-index:-1;}
 .header span {background: url('КРУГ') left no-repeat; color:#fff !important; font-size:11px !important; height:46px !important; padding:25px 7px 25px 7px !important; margin-left:-7px; }
 #add_block5 {position:absolute; top:640px; height:4px; width:100%; border-top:1px solid #c2c2c2; z-index:3; }
 {----------------------------------------------------------------------}
 #wrapper {margin-top:610px; }
 #page-c{margin-bottom:30px !important; }
 #page-t{padding-right:8%; padding-left:8%; padding-top:20px;}
 #epigraph {margin-top:-20px;}
 #page-t a, .postActionLinks {position:relative; z-index:3;}
 {----------------------------------------------------------------}
 #upInChart, #allDiaryLink, #Stats, #authorLiks, #communityCatalogueLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #albumLink, #topNav, #myProfileLink, #upInChart, #bottom_spiritlink, #bottom_faqlink, #bottom_randomlink, #photolibLink, #subscribeEmail, #authorAlbum, #writeToAuthor, #pchListLink, #myCommunitiesLink, #postsCalendar, #headlineList, #rssLink, #faqLink, #myAccountLink, #referenceLink, #bottomNavLinks, #favListLink,  #myLinks, #YaSearch, #thisDiaryPhoto {display:none !important}
 #side { position:absolute; margin-top:-105px !important; padding-left:50%; margin-left:-250px; z-index:4;}
 #side a{color:#171c3a; font-size:12px; }
 a:hover, #side a:hover, .postLinks a:hover {color:#94a7bd; text-decoration:none;}
 #myDiaryLinks ul, #thisDiaryOwner ul, #globalLinks ul, #thisDiaryLinks ul {display:block; visibility:visible; }
 #side li {margin-bottom:10px !important; background: # no-repeat; padding-left: 25px!important;margin-left:-25px !important;}
 #TagsList ul {width:200px; margin-left:-17px; background-color:#fff; filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -o-border-radius: 5px; border: 1px solid #e2d5c1;}
 #TagsList li{white-space:pre-wrap;margin-bottom:5px !important; }
 .menuSection {margin-right:100px;}
 .menuSection_title {display:none !important;}
 #myLinks, #YaSearch, #thisDiaryPhoto {display:none}
 {-----------------------------------------------------------------------}
  #myDiaryLink, #myCommunityLink, #myNotepadLink {position:absolute; left:-140px !important;}
 #tagslistlink {position:absolute; left:-20px;}
 #myFavLink, #myQuotLink, #discussionLink {position:absolute; left:155px;}
 #myFavLink {top:7px;}
 #writeThisDiary, #myDraftLink , #umailLink {position:absolute; left:15px;}
 #myDraftLink, #discussionLink, #tagslistlink { top:53px;}
 #iAmQuit {padding:0px 10px 0px 25px!important; position:relative; left:26px; top: 58px;}
 #iAmQuit a {font-weight:normal;}
 #umailLink, #myQuotLink, #myNotepadLink, #optionsLink { top:30px !important;}
 #thisDiaryLinks {position:absolute; margin-left:-220px;}
 #addToFavA, #delFromFav {position:absolute; top:75px; }
 #delFromFav, #addToFavA { left:275px;}
 #authorQuot {position:absolute; left:355px; top:75px;}
 #authorFav{position:absolute; left:200px; top:75px;}
 #mainpageLink {position:absolute; left:160px; top: 7px;}
 #optionsLink {position:absolute; left:280px;}
 {------------------------имя-дневник-------------------------}
 #authorName{position:absolute; margin-top:-470px; padding-top:15px; position:absolute; margin-left:-150px; font: bold italic 15pt book antiqua !important;color:#fff!important;}
 #side h1 a{position:absolute; margin-top:-510px; padding-top:15px; margin-left:150px; position:absolute; font: bold italic 20pt book antiqua !important;color:#f8e19d !important; text-shadow: 1px 1px 4px #000;}
 #authorName:hover, #side h1 a:hover{color:#fff !important; text-shadow: 0px 0px 8px #fff, 0px 0px 3px #fff !important;}
 {----------------------------------ссылки-------------------------------------}
 .postLinksBackg {position:absolute; border-bottom: 1px solid #c2c2c2; width:100%; left:0px; padding-bottom:15px; }
 ul.postLinks {margin-right:8% !important; padding-right:10px !important; }
 .postLinks li:after {padding-left:10px; line-height:10px; color:#bbc1c7; font-size:14px; content: " •"; }
 .quote_post:after, .quote_comment:after {content:none !important;}
 .urlLink{margin-left:8% !important;}
 .postLinks a {color:#514944; font-weight:bold;}
 .prevnext {display:none !important;}
 {--------------------------------}
 .header h2 { font-size:18px !important; font-weight:bold !important; position:relative; top:2px;}
 .hdr{padding-top:30px; font-size:18px !important; font-weight:bold !important;}
 .postTitle {padding-bottom:20px !important; margin-top:70px !important;}
 .postDate {color:#bbc1c7!important; font:12px "Verdana" !important; position:absolute; right:8%;}
 #commentsArea_title {padding-top:50px; margin-bottom:-30px; font-size:18px !important; font-weight:bold !important;}
 #addCommentArea_title {padding-top:50px; font-size:18px !important; font-weight:bold !important;}
 .postInner{padding-bottom:30px;}
 .postActionLinks{margin-top:-30px;}
 #pageBar{margin-top:50px;}
 #epigraph .postActionLinks{margin-top:30px;}
 #sortOrder {padding-top:35px;margin-bottom:-35px;}
 textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text {background:#ececec; border: 1px solid #bdbcbc !important;}
 .quote_text {padding:3px; background: #f0f0f0; border-left:2px solid #aaaaaa;}
 {--------------------JournalComments---------------}
 #commentsArea .postTitle {padding-bottom:5px !important; margin-top:40px !important;}
 #commentsArea .header span {background: none; color:#bababa !important; font-size:14px !important; padding:0px !important; margin:0px; }
 #commentsArea .postActionLinks {margin-top:0px;}

---

КАК ЗАМЕНИТЬ "БЛОКНОТ" на "ССЫЛКИ", если кому-то надо:
1) Находим в коде поиском "#myNotepadLink" и заменяем на "#myLinksLink" (в 2-х местах!!!)
2) Чтобы скрыть ссылку "Блокнот" добавляем в новой строчке: #myNotepadLink{display:none;}
вуа-ля

Comments

[Тайлер Блейк]

[Mr.Alf]

Какая красота!

[волчарка]

Отличный! Работал бы интернет не только на телефоне, забрала бы. А так, увы((((

[Sectumsempra.]

можно поменять экстратоп?

[Ласточка]

я стащу! это просто волшебно! спасибо вам огроменнейшее

[Тайя.]

Волшебно!

[~Horseman~]

Invisible,
Спасибо большое! Зимний дизайн
***
только менюшки куда-то передвинулись... может я что-то неправильно сделал?

[~Horseman~]

теперь кажется все хорошо) ещё раз спасибо большое)

[Aleanna]

Ух ты!) И волшебно,и таинственно!))))

[misspillow]

волшедно ♥
очень красиво

[Araphel]

спасибо. очень красиво

[moon_cat~]

очень красиво

[Vida_Winter]

Очень красивый дизайн! Спасибо

[Rilka]

Чудесный) Взяла поносить.

[Invisible]

Очень рада, что вам нравится, спасибо большое!
Сейчас будем править баги

Во-первых, я вижу, у некоторых съехала ссылка "блокнот", и встревает не к месту опция поиска по дневнику, так что если вы у себя это наблюдаете, пожалуйста, замените всю часть кода, которая идет после блока "ВСЕ КАРТИНКИ ЗДЕСЬ" (т.е. ссылки еще раз проставлять не придется).

Если это не поможет, будем разбираться дальше.

Во-вторых, пожалуйста, обращайте внимание на то, что написано в настройках.

Иов, у вас ужался экстратоп, посмотрите пожалуйста внимательно что написано в посте:

Внимание! Для того, чтобы дизайн правильно встал, при загрузка изорбажений в БИ у вас должна быть включена функция "Увеличение размера и веса картинок".

[Rilka]

Во-первых, я вижу, у некоторых съехала ссылка "блокнот", и встревает не к месту опция поиска по дневнику, так что если вы у себя это наблюдаете, пожалуйста, замените всю часть кода, которая идет после блока "ВСЕ КАРТИНКИ ЗДЕСЬ" (т.е. ссылки еще раз проставлять не придется).

Мне помогло - "Поиск" пропал)

[Invisible]

RilkaMiy,
вот и ура

[~Девочка-Солнечный Свет~]

Очень красиво! Спасибо!! Взяла носить!)

[Darta]

Может, я совсем тупая и простите за глупый вопрос, но я не понимаю куда выставлять ссылки на картинки?

Просто, я помню, когда-то давно я ставила себе css и там были обозначения места в коде, куда их вставлять

[Darta]

Извините за дурацкий вопрос уже сама разобралась, оказывается у меня все исчезло при копировании.
Зато узнала что почему-то картинка должна быть загружена именно в би. Разводилово какое-то >< почему я не могу загрузить их на другое хранилище где у меня уже есть аккаунт, а обязательно платить здесь за то, что у меня и так есть?(

[Invisible]

Sectumsempra., сорри, забыла ответить, хотела сказать, что на ваш страх и риск и тогда пожалуйста не ставьте ссылок ни на сообщество, ни на меня, я не хочу за это нести ответственности =)

Darta, сорри, это не я правила устанавливаю

[Sectumsempra.]

Invisible, спасибо)

[Darta]

Invisible, я знаю, просто ворчу. Диз ваш внезапно оказался именно тем, что я сейчас хочу, и попытавшись установить платный впервые за много лет, обнаружила много внезапных неприятностей)

[sassy assassin]

очень красивый дизайн, спасибо взяла поносить)))

[kittymara]

[Darta]

У меня таки какая-то беда с вашим дизайном. Думала, что я накосячила при установке, - сделала все заново проблема осталась.
вот скриншоты:
static.diary.ru/userdir/1/0/8/3/108367/80139961...
static.diary.ru/userdir/1/0/8/3/108367/80130861...

[Araphel]

Darta, а вы изображения в БИ все сохранили? ссылочки проверили? там для каждого рисунка своя ссыль будет.
У меня такая беда была как раз из-за ссылок и БИ

[Darta]

Araphel, да я сама сперва подумала что проблема в этом, поэтому начала все заново внимательно проверяя что куда ко пирую, и не помогло(

[Araphel]

Darta, а подключили "увеличение объема и веса изображений", или как-то так называется эта услуга?

[Carmine de Vita]

замечательный диз! очень хочется его себе)))
размер изображений увеличила, все картинки загнала в БИ
но я никогда не устанавливала такие дизайны, поэтому возникли совершенно тупые вопросы по коду, приношу свои извинения.
итак: как вставлять эти картинки и куда, что означает в коде фраза "все картинки здесь" и что ставить туда, где в скобочках ничего не написано, только черта из тире и фигурные скобки? в другом месте написано "ссылки" - что именно туда ставить? только названия ссылок или что? что вот это означает: "JournalComments" и что туда надо?