№ 805

[.candy mummy]

вариант с фоном

смотреть

всё необходимое

-------------------------------------------------------------------------------------------------------------------------
Дизайн доступен в Каталоге оформлений с АВТОМАТИЧЕСКОЙ УСТАНОВКОЙ - тут
-------------------------------------------------------------------------------------------------------------------------

Настройки

менюшка подвижная, т.е. с перемещением по странице всегда будет видна.
при наведении на запись меняется цвет текста; каждый блок меню имеет определенный цвет, соответствующий цвету его названия.
скрин при наведении на меню и запись:

дизайн блочный, навигационная панель вверху

#wrapper{min-width:950px!important; width:950px; margin: 0 auto !important; padding:0 !important; overflow:visible !important;}
 #page-c {padding-top: 100px !important;}
 #page-t {margin:0 !important;}
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width: 650px; margin: 0px 0px 0px 200px !important; }
 #page-t { background: #262525; margin: 0px 0px 0 90px !important; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 30px; border-top-left-radius: 0px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; }
 {---------------меню--------------}
 #side {position: absolute; top: 0px}
 #side {font:12px Verdana !important; }
 #side {min-width:100px !important;}
 A:HOVER{ color:#fff !important; text-decoration: none; }
 #authorName, #side h1 a {color: #f6ba39 !important;}
 a:hover{cursor: crosshair;}
 #side LI A {white-space:nowrap;}
 #side h1 a{font-weight: bold;}
 #side h1 {position: relative; top: 70px !important; left: 50px; font: bold 11px Georgia !important;}
 #authorName {position: relative; top:50px !important; right: 186px; font: bold 12px Georgia !important;}
 #side h1:hover, #authorName:hover {text-transform: lowercase;}
 #side h1 {white-space: nowrap;}
 .menuSection a:hover {font-weight: bold; text-transform: lowercase;}
 {--------------------------------менюшка----------------------------------------}
 #thisDiaryOwner_title {display:block; width:40px; height: 108px; line-height: 250px; overflow:hidden; background: url('ЛИНКС') 0px 0px no-repeat; }
 #myDiaryLinks_title {display:block; width: 40px; height:108px; line-height:250px; overflow:hidden; background: url('ДАЙРИ') 0px 0px no-repeat;}
 #globalLinks_title {display:block; width:40px; height:110px; line-height:250px;overflow:hidden; background: url('ГЛОБАЛ') 2px 4px no-repeat; }
 #iAmQuit a{display:block; width:40px; height:110px; line-height:250px; overflow:hidden; background: url('ВЫХОД') 0px 0px no-repeat; }
 #myDiaryLinks_title:hover{ background: url('ДАЙРИ 2') 0px 0px no-repeat;}
 #globalLinks_title:hover{ background: url('ГЛОБАЛ 2') 0px 0px no-repeat;}
 #iAmQuit a:hover{ background: url('ВЫХОД 2') 0px 0px no-repeat;}
 {-------}
 #thisDiaryOwner {position:fixed; margin-top: 56px; margin-left: 43px;}
 #myDiaryLinks {position:fixed; margin-top: 165px; margin-left: 43px;}
 #globalLinks {position:fixed; margin-top:270px; margin-left: 42px;}
 #iAmQuit b {position:fixed; margin-top: 383px; margin-left:43px;}
 {-------}
 #side ul{width:200px; top: 0px; text-align:center; font-size:12px;}
 #side ul { margin-left: 55px !important; background:# !important; padding: 0px !important}
 #side li { margin-right:10px!important; padding-top: 10px !important; padding-bottom:0px !important; margin-left: 0px !important; }
 {--------}
 #thisDiaryOwner ul{display: block; position:absolute;left:-20px; color: #e52689 !important;}
 #myDiaryLinks ul{position:absolute; left:-20px; top: 80px; color:#e52689 !important;}
 #myDiaryLinks ul a:hover {color: #fff !important;}
 #myDiaryLinks a{color:#e52689 !important;}
 #globalLinks a{color:#0a71ef !important;}
 #globalLinks ul a:hover {color: #fff !important;}
 #globalLinks ul{position:absolute; left:-20px;}
 {---------}
 #TagsList {padding-top: 0px !important; margin-top: 0px !important; margin-left:-250px !important; position:absolute;}
 #TagsList LI {border-bottom: 1px dashed #fff; height: 20px;float:left; width:200px!important; background-color: #f6ba39 !important; z-index: 50 !important; color: #fff !important;}
 #TagsList ul{width: 450px !important;}
 #TagsList LI a:hover {color: #000 !important; }
 #TagsList LI:hover {background-color: #fff !important;}
 #TagsList a{color: #fff !important;}
 {---------------------------------------------аватар-------------------------------------------------}
 #thisDiaryPhoto {position:absolute; right: 245px !important; top: 20px !important; }
 #thisDiaryPhoto img { padding: 3px; background: #fff; border: 1px solid #cccbcb; -moz-border-radius: 6px; border-radius: 5px; width: 100px; height: 100px; -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; -o-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 5px #000; }
 {--------------запись--------------}
 .postDate{color: #126510 !important; padding-left: 10px!important; padding-top: 10px !important; background-color: #1b1a1a !important; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius:5px; border-top-right-radius: 5px; border-bottom-right-radius:5px; border-bottom-left-radius: 5px; height:25px !important; width: 630px !important;}
 .postDate { text-align: left; font: bold 11px Verdana !important; text-transform: lowercase; }
 .header h2 { font: bold 14px Georgia !important; display: block !important; line-height: 15px !important; overflow: hidden !important; height: 16px !important;}
 .header h2{border-bottom: 1px dashed #f6ba39; padding-bottom: 3px; width: 600px !important; }
 .singlePost {font:12px Verdana !important; }
 .postLinksBackg { text-align: right; margin: 0 !important; text-transform: lowercase; padding: 0px 0 0 0 !important; width: 630px !important; font: bold 10px Verdana !important;}
 .postLinks a {color:#f6ba39;}
 .postLinks a:hover, .postLinks a:active, .authorName a:hover, .authorName a:active {color: #126510 !important; text-decoration: none !important;}
 a:link,a:visited{text-decoration:none !important;}
 .header{ font: bold 14px Verdana !important; text-transform: lowercase;}
 .atTag em:before {content: "темы:"; font-size: 13px; color:#f6ba39;font-weight:bold; text-transform:uppercase; }
 p.atTag em span{display:none !important; color: #f6ba39; }
 .atTag em{font-style:normal; font-size: 11px; color:#fff;}
 .atTag a{text-decoration: none; color:#fff !important }
 .atTag a:hover {color: #f6ba39 !important;}
 .comments_count_link a{ font-weight:bold; font-family: georgia !important;font-size: 18px; }
 #pageBar a, #pageBar strong{background:#f6ba39 !important; height: 20px !important; display:inline-block; border:1px solid #000 !important; }
 #pageBar table {border-collapse:separate;}
 #pageBar a{color: #000 !important;}
 #pageBar{margin-top:20px; line-height:18px !important}
 .pageBar { font-weight:bold; font-family: georgia !important;}
 .singleComment .header span { float:left; font: 14px Georgia !important; color: #e52689 !important; margin: 5px 0px 0px 15px !important; background: none; padding: 0 !important; text-shadow: none;}
 #JournalComments .avatar img {width:90px; height:90px;-moz-box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; -o-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000; }
 #JournalFavorite .avatar img, #JournalQuote .avatar img {width:90px; height:90px; -moz-box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; -o-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000; }
 #JournalCalendar #content a{color: #f6ba39;}
 #JournalCalendar #content a:hover, .tags_header a:hover {text-decoration:none;}
 .postInner:hover{color: #f6ba39; }
 #Journal .header {background: url('ЧАСЫ') 0px -2px no-repeat; }
 .postDate span:before{content:'Дата: ' !important; color:#f6ba39;}
 #Journal .header {padding-left: 40px !important;}
 .postActionLinks {position: relative; top: 15px !important;}
 {--------------none--------------}
 #bottomNav,#more_login,.urlLink ,#favListLink , .order_button , #YaSearch,.pages_str, #myLinks, #thisDiaryLinks {display: none !important;}

линкс i013.radikal.ru/1011/d1/89ab575a85f8.png
дайри s011.radikal.ru/i315/1011/29/ef151040a0d7.png
дайри 2 s009.radikal.ru/i307/1011/bd/dd3fc98b5d17.png
глобал s014.radikal.ru/i327/1011/a9/587d183df689.png
глобал 2 s39.radikal.ru/i083/1011/01/0c553f8812fd.png
выход s009.radikal.ru/i308/1011/93/a9ffa453a229.png
выход 2 s015.radikal.ru/i332/1011/5c/7a059dc2d7ae.png

часы i018.radikal.ru/1011/1f/74fd7b469ccc.png
фон s013.radikal.ru/i323/1011/64/889aa9946991.jpg (ставится в общих настройках/можно взять любой другой)

настройки
цвет текста ссылок/заголовка/ #f6ba39
записи #fff
цвет фона дневника #363535
всё остальное #

Comments

[Natella]

О, SUPER. можно же взять в коллекцию ?

[.candy mummy]

Natella... ))нужно

[Natella]

Olia M. Пасиб большое. Очень классный. Обязательно одену потом (недавно просто новый одела)

[.candy mummy]

Natella... надеюсь, будет удобно))

[Natella]

Olia M. Я отпишу

[.candy mummy]

буду ждать))

[Ars_Wolf]

о, интересный) возьму на пробу)

[Ars_Wolf]

единственное не хватает картинки на первый выход.
и нужна ли вторая картинка линкс, так как в коде..нет ее места.

[SoHm]

Замечательный, стильный дизайн. Голосую.

[Звездочёт.]

Шикарное меню совершенно!))) Один в один такое, которое я недавно думала сделать.)))

[.candy mummy]

Takanori_Maya спасибо)
Takanori_Maya второй линкс был, но я его удалила) и забыла удалить отсюда)
выход добавлю. спасибо)
SoHm спасибо!))
Звездочет. спасибо)) чуть опередила) но своим ноухау естественно не считаю

[Ars_Wolf]

Olia M. спасибо, очень нравиться дизайн)

[.candy mummy]

Takanori_Maya не за что))

[Звездочёт.]

Olia M., ничего, переделаю. ^^
Но классно получилось, правда.

[.candy mummy]

Звездочет. да ну, зачем переделывать)))) идея же была)
спасибо ещё раз)))

[Nevermore]]

помогите пожалуйста...не могу разобраться с тем, как устанавливать платные дизайны.
может объяснит кто-то дурехе?

[.candy mummy]

Nevermore] напишите на мыло ваши вопросы)

[кафкакафка]

Возьму, спасибо.)

[.candy mummy]

.Sou

[[Небо в алмазах]]

Кажется это именно то, чего не хватает во время перехода с зимы на осень.
Великолепен в своем исполнении.
Однозначно в коллекцию, и носить. Браво, автор!

[.candy mummy]

[Небо в алмазах] спасибо) обязательно напишите, если обнаружите косяки)

[[Небо в алмазах]]

Прошу простить за флуд, ибо человек обкурился и ошибся.
Там с осени на зиму.

[.candy mummy]

хиии))) я и не заметила)))

[.candy mummy]

з.ы. я ошиблась. цвет записи #fff, чтобы при наведении выделялся оранжевым)

[[Небо в алмазах]]

Olia M. , это сила убедительных слов
Один-таки нашелся: пункт меню "Выход" съехал до границы записей.

Долго думал, но что исправлять так и нашел. Химия сделала свое дело

[.candy mummy]

о Боги.. ) каким браузером пользуетесь?

[[Небо в алмазах]]

Opera 10.63
Сейчас попробую кеш почистить, может и случится чудо
P.S. ради интереса залез в экслорер - тот же самый результат. Может, отступ где-то не тот? Или я что-то удалил...

[.candy mummy]

походу надо удалять этот диз. он хорош только в мозиле(

[Natella]

Olia M. Во во у меня таже проблема возникла что и у [Небо в алмазах] чё делать то ?

[[Небо в алмазах]]

Olia M. , зачем удалять? Просто подкорректировать для других браузеров. Хотя вру, это не так уж и просто.
Мне он нравится, даже если и "съехал" немного.