Жизнь не становится менее забавной, когда люди умирают, как не становится менее трудной, когда люди смеются.©
Здравствуйте. Возможно, такой вопрос уже был, но мне трудно ориантироваться в тегах, так как я не очень хорошо разбираюсь в CSS. Какой код нужен для такой панели навигации? В дневнике автора есть css коды, но у меня из них получается сплошная белебердень.


@темы: меню

Комментарии
02.05.2009 в 23:53

Ушла, громко хлопнув форточкой
03.05.2009 в 00:00

Жизнь не становится менее забавной, когда люди умирают, как не становится менее трудной, когда люди смеются.©
.Anastasia , я ж говорю, что у меня не работает код из дневника автора.
Возможно, есть что-то альтернативное.
03.05.2009 в 00:03

Жестче всех тот, кто мягок из корысти (с) Вовенарг
Ginsilver, встречный вопрос: а вы навигационую панель сверху делаете или слева?
03.05.2009 в 00:09

Жизнь не становится менее забавной, когда люди умирают, как не становится менее трудной, когда люди смеются.©
Loki Nightfire , сверху
03.05.2009 в 00:20

Жизнь не становится менее забавной, когда люди умирают, как не становится менее трудной, когда люди смеются.©
Сделала слева, все равно только так выходит:

03.05.2009 в 00:30

Жестче всех тот, кто мягок из корысти (с) Вовенарг
Ginsilver, надо кнопки ввиде картинок сделать. Тогда они будут отображаться. А так вроде все хорошо правильно отображается ...
03.05.2009 в 00:44

Жизнь не становится менее забавной, когда люди умирают, как не становится менее трудной, когда люди смеются.©
Loki Nightfire , спасибо :D
03.05.2009 в 01:28

Жить ой. Но да. ©
Ginsilver Вы, видать, код копируете, а картинки в свою БИ не заливаете. Да и в любом случае меню придется под ширину page-c подстраивать.
03.05.2009 в 02:47

Жизнь не становится менее забавной, когда люди умирают, как не становится менее трудной, когда люди смеются.©
Все равно фигня какая-то выходит:

Вот код, я тут перемутил :
* html body{behavior:url("/files/csshover.htc";);}
* html #wrapper{overflow:visible;}
body {padding:10px !important; font-family: "Trebuchet MS",Arial,sans-serif!important; font-size:75%!important; color:#333!important; background:#ccc;}
.postDate, .postTitle {color:#349dcb; font-size:140%!important; font-weight:720!important;}
A {color:#006DBA!important;}
#wrapper{ background:#fff; padding:0 !important; width:740px; min-width:720px!important; margin:0 auto !important;overflow:hidden !important;}
#side {margin:0 !important; padding:0 !important;}
#side .bordered {width:740px;background:#eeeeee; height:70px; margin: 0 !important; padding: 0!important; position:absolute; top:500px; z-index:5;}
#side li {float:left; display:block; padding-right:5px!important;}
#side A, #side {color:#ffffff!important;}
#extratop {height:500px; width: 740px; background: url('/userdir/1/1/7/0/1170978/41136191.png') no-repeat;}
#page-c {height:auto; margin:0!important}
#page-t {margin:0!important}
.singlePost {height: auto !important; height: 1em; border: 0 !important;}
#thisDiaryLinks, #globalLinks, #thisDiaryInfo, #ThisDiaryOwner, #myDiaryLinks, #lastComments, #pchs, h1 {clear:none; float:left; display:block; width:95px; height:26px; margin:0!important; }
#YaSearch {padding:0!important; margin:0!important;height:0!important;border:0!important;}
#YaSearch A {display:none;}
#YaSearchForm .submit {height:20px;}
#YaSearchForm { visibility: visible !important; display: block !important; margin:0!important; width:210px; height:45px; padding:5px 10px 1px; position:absolute;right:0; top:55px;}
#yaquery {color:#fff!important;}
#thisDiaryLinks ul, #globalLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #lastComments ul, #pchs ul{ display:none; width:720px; padding:10px 10px; position:absolute;left:0; top:20px;}
#lastComments ul li {float:left; width:350px!important; margin-right:20px; height:40px; border-bottom: 1px dashed #ddd;}
#lastComments:hover ul, #lastComments ul:hover, #pchs:hover ul, #pchs ul:hover, #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryOwner:hover ul, #thisDiaryOwner ul:hover #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryLinks:hover ul, #thisDiaryLinks ul:hover {display:block!important; z-index:10;}
#myDiaryLinks, #myDiaryLinks ul {display:block;}
#thisDiaryLinks ul {background:#ffaf0e;}
#thisDiaryLinks {background: #ffaf0e no-repeat;}
#globalLinks ul {background:#2fe2fa;}
#globalLinks {background: #2fe2fa no-repeat;}
#thisDiaryOwner ul {background:#8cdf14;}
#thisDiaryOwner {background: #8cdf14 no-repeat;}
#myDiaryLinks ul {background:#d99ed7;}
#myDiaryLinks {background: #d99ed7 no-repeat;}
#lastComments ul {background:#ee1559;}
#lastComments {background: #ee1559 no-repeat;}
#pchs ul {background:#ff8278;}
#pchs {background: #ff8278 no-repeat;}
#thisDiaryPhoto, #paySupportLink, #diarySupportLink, #diarySpiritLink, #myLinksLink, #upInChart, #myProfileLink, #NContent, #login_form, #mainpageLink, #pchs_title, #lastComments_title {display:none !important;}
#extrabottom {height:5px;width:100%; background:#002e4b; clear:both;}
H1 { width:610px;text-align:left!important; padding:10px 0 0 10px!important;}
.search {width:100px !important;}
.sign {font-size:80%; color:#666;}
.header {color:#e33827!important;}
#TagsList {padding:0 !important; margin:0!important; position:absolute;left:0; top:-55px;}
#TagsList LI {border-bottom: 1px dashed #ddd; display:block; height:20px; float:left; width:90px!important; margin-right:10px!important;}
#TagsList LI A {padding:0 !important; }
.postLinksBackg {display:block !important; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; margin-top: 10px !important; padding:10px 0 !important;}
.comments {background: #ffffff no-repeat; padding:0 0 0 20px!important;}
.subscribe {background: #ffffff no-repeat; padding:0 0 0 20px!important;}
.addToQuote {background: #ffffff no-repeat; padding:0 0 0 20px!important;}
.umail, .email {background: #ffffff no-repeat; padding:0 0 0 20px!important;}
.diary {background: #ffffff no-repeat; padding:0 0 0 20px!important;}
.profile {background: #ffffff no-repeat; padding:0 0 0 20px!important;}
.bordered, .menuSection {border: none !important;}
.text, textarea, #mce_editor_0, #mceSpanFonts {font-family: "Trebuchet MS",Arial,sans-serif!important;border:#ffffff 1px solid!important;color:#ffffff!important}
#JournalComments .singlePost div.authorName, #JournalComments .singlePost div.commentAuthor {display:none;}
#JournalComments .singlePost div.paragraph {margin:0!important;}
#codebuttons a {float:left;}
#codebuttons {clear:both;}
#mce_editor_0_parent a, #mce_editor_0_parent select {float:left;}