добрый день.
в общем, проблема в следующем: захотела сделать диз меню как у ТЕХ, но естественно видоизменить под свой дизайн.
с CSS дела не имела давно, поэтому запуталась вконец. все делала методом тыка, везде подставляя свои значения, в итоге получилось похоже на то, что я хотела. но не совсем.
во-первых, у меня осталась открытой только владка "мой дневник", остальные потерялись (хотя если поводить мышкой по топу дневника, то можно натолкнуться на невидимую вкладку "календарь записей". знаю, что это все связано с тем, что цвет ссылок этих изначально белым прописан. но я если начинаю что-то менять на др цвет, то окрашиваю фон выпадающего меню, а не цвет ссылок. (в общем, найти не могу). а остальных к меня как бы нет вкладок (все дневники), которую хотелось бы видеть.
во-вторых, хотелось бы сделать, чтобы при наведении менялся цвет ссылок. но почему-то не работает оО
и еще хотелось бы, чтобы цвет ника можно было бы изменить. как так сделать?
>>код, пикча дневника, краткая формулировка вопросов<<
+помощь в разбирании кода, найти, что отвечает за цвет ссылки "все дневники" (с кодом намутила)
+изменение цвета при наведении на ссылку (не работает, в коде отмечено жирным)
+изменить цвет ника вверху (fruitsash)
+не получается установить, чтобы вместо раздилительной линии была картинка (не работает, в коде отмечено жирным)
картинка, как есть сейчас:
код:
.menuSection {text-align:center; }
a:hover,a:hover,a:active {color:#99ccff;text-decoration:none;}
.bottom { background: url('/userdir/1/3/4/3/1343787/45359342.giff') no-repeat 0; width: 280 height: 93 }
.postDate, .postTitle {color:#349dcb; font-size:140%!important; font-weight:700!important;}
A {color:#b8c1c1!important;}
#wrapper{ background:#fff; padding:0 !important; width:700 min-width:700px!important; margin:0 auto !important;overflow:hidden !important;}
#side {margin:0 !important; padding:0 !important;}
#side .bordered {width:700background:#fff; height:91 margin: 0 !important; padding: 0!important; position:absolute; top:10 z-index:5;}
#side li {float:left; display:block; padding-right:10px!important;}
#side A, #side {color:#b8c1c1!important;}
#extratop {height:130}
#page-c {height:auto; margin:0!important}
#page-t {margin:0!important}
.singlePost {height: auto !important; height: 1em; border: 0 !important;}
* html body{behavior:url("/files/csshover.htc";}
* html #wrapper{overflow:visible;}
#thisDiaryLinks, #globalLinks, #thisDiaryInfo, #thisDiaryOwner, #myDiaryLinks, #lastComments, #pchs, h1 {clear:none; float:left; display:block; width:135 height:26 margin:0!important; }
#YaSearch {padding:0!important; margin:0!important;height:0!important;border:0!important;}
#YaSearch A {display:none;}
#YaSearchForm .submit {height:20}
#YaSearchForm { visibility: visible !important; display: block !important; margin:0!important; width:235 height:45 padding:5px 10px 1 position:absolute;right:0; top:55}
#yaquery {color:#fff!important;}
#thisDiaryLinks ul, #globalLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #lastComments ul, #pchs ul{ display:none; width:680 padding:10px 10 position:absolute;left:0; top:90}
#lastComments ul li {float:left; width:450px!important; margin-right:20 height:40 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:#b8c1c1;}
#thisDiaryLinks {background: # fff no-repeat;}
#globalLinks ul {background:#b8c1c1;}
#globalLinks {background: #b8c1c1 no-repeat;}
#thisDiaryOwner ul {background:#fff;}
#thisDiaryOwner {background: #fff no-repeat;}
#myDiaryLinks ul {background:#fff;}
#myDiaryLinks {background: # fff no-repeat;}
#lastComments ul {background:#fff;}
#lastComments {background: #fff no-repeat;}
#pchs ul {background:#b8c1c1;}
#pchs {background: # b8c1c1 no-repeat;}
#thisDiaryPhoto, #paySupportLink, #diarySupportLink, #diarySpiritLink, #myLinksLink, #upInChart, #myProfileLink, #NContent, #login_form, #mainpageLink, #pchs_title, #lastComments_title {display:none !important;}
#extrabottom {height:5width:100%; background:#fff; clear:both;}
#thisDiaryInfo, H1 {font-size:220%!important;margin:0!important; height:45px!important;}
#thisDiaryInfo { width:350text-align:right; padding: 10px 10px 0 0!important; }
H1 { width:610text-align:left!important; padding:10px 0 0 10px!important;}
.search {width:160px !important;}
.sign {font-size:80%; color:#666;}
.header {color:#d6c58e!important;}
#TagsList {padding:0 !important; margin:0!important; position:absolute;left:0; top:-55}
#TagsList LI {border-bottom: 1px dashed #ddd; display:block; height:20 float:left; width:140px!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: # no-repeat; padding:0 0 0 20px!important;}
.subscribe {background: # no-repeat; padding:0 0 0 20px!important;}
.addToQuote {background: # no-repeat; padding:0 0 0 20px!important;}
.umail, .email {background: # no-repeat; padding:0 0 0 20px!important;}
.diary {background: # no-repeat; padding:0 0 0 20px!important;}
.profile {background: # 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:#ccc 1px solid!important;color:#000!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;}