Форум » uCoz » Помощь по uCoz » Создать подменю как в шаблоне (Не получается сделать, диз теряется) |
Создать подменю как в шаблоне |
Дата: Вторник, 2015-06-02, 14:09 | Сообщение # 16
Вот меню которое я использую в данный момент:
Код <div id="catmenu"> <!-- <sblock_menu> --> <div id="catmenu"> <ul class="ut-menu"> <li><a href="http://index"><span>Главная страница</span></a></li> <li><a href="http://index/0-2"><span>Информация о сайте</span></a></li> <li style="position:relative;" class="item-parent"><a href="" <span>Сериалы</span><em class="item-arrow"> </em></a><ul style="left: auto; z-index: 1001; display: none;"> <li style="width: 180px;"><a href="/index/teorija_bolshogo_vzryva/0-4"><span>Теория большого взрыва</span></a></li> <li style="width: 180px;"><a href="javascript:void(0)"><span>Submenu Item</span></a></li> <li style="width: 180px;"><a href="javascript:void(0)"><span>Submenu Item</span></a></li> <li style="width: 180px;"><a href="javascript:void(0)"><span>Submenu Item</span></a></li> <li style="width: 180px;"><a href="javascript:void(0)"><span>Submenu Item</span></a></li> <li style="width: 180px;"><a href="javascript:void(0)"><span>Submenu Item</span></a></li> <li style="width: 180px;"><a href="javascript:void(0)"><span>Submenu Item</span></a></li> <li class="item-parent" style="width: 180px;"><a href="javascript:void(0)"><span>Submenu Item</span><em class="item-arrow">»</em></a><ul style="left: auto; z-index: 1002; display: none;"> <li style="width: 180px;"><a href="javascript:void(0)"><span>Submenu Item</span></a></li> <li style="width: 180px;"><a href="javascript:void(0)"><span>Submenu Item</span></a></li> <li style="width: 180px;"><a href="javascript:void(0)"><span>Submenu Item</span></a></li> <li style="width: 180px;"><a href="javascript:void(0)"><span>Submenu Item</span></a></li> <li style="width: 180px;"><a href="javascript:void(0)"><span>Submenu Item</span></a></li></ul></li></ul></li> <script type="text/javascript">$(function(){_uBuildMenu('#uMenuDiv1',1,document.location.href+'/','uMenuItemA','uMenuArrow',2500);})</script> </div> <!-- </sblock_menu> --> <div class="clr"></div> </div> </div> </div> </div> Кнопка сериалы содержит подменю - (Сами сериалы), так вот, если сделать ее неактивной (<a href="javascript:void(0)">), то нажимая на любой сериал (Кнопка в подменю), кнопка "Сериалы" отказывается светиться. Сообщение отредактировал 3DJER - Вторник, 2015-06-02, 14:12
|
Дата: Вторник, 2015-06-02, 20:57 | Сообщение # 18
Этого достаточно?
Код #catmenu {float:right;height:60px;} #catmenu ul {padding:0;margin:0;list-style:none;} #catmenu ul li {float:left;padding:0;} #catmenu ul li a {color:#888;z-index:10;display:block;height:60px;line-height:57px;padding:0 10px;font-size:13px;text-decoration:none;white-space:nowrap;_width:10px;} #catmenu ul li a.current-item,#catmenu ul li a.uMenuItemA,#catmenu ul li a:hover,#catmenu ul li.item-hover a {color:#fff;text-decoration:none;background-image:url(/images/nav.png);background-position:center bottom;background-repeat:no-repeat;} #catmenu ul ul {margin:0;padding:0;background-image:url(/images/sep.png);border:none;} #catmenu ul ul ul {margin:0 0 0 180px;} #catmenu ul ul li {background:none;padding:0;} #catmenu ul li ul ul {margin:0 0 0 180px;} #catmenu ul li li a {background:url(/images/lin.png) 0 bottom repeat-x;color:#fff;line-height:normal;height:auto;font-size:11px;white-space:normal;text-transform:none;font-weight:normal;padding:9px 10px 10px 10px;height:auto;text-shadow:none;_width:auto;} #catmenu ul li li a:hover,#catmenu ul li.item-hover li a,#catmenu ul li li a.current-item {background:url(/images/lin.png) 0 bottom repeat-x;color:#fff;text-shadow:none;} #catmenu ul li li a:hover {background:url(/images/lin.png);color:#fff;text-decoration:none;} |
Дата: Вторник, 2015-06-02, 21:22 | Сообщение # 19
Вы хоть проверяли что я кинул??
повторяю.. В вашем коде: Код <a href="" <span="">Сериалы<em class="item-arrow"> </em><em class="item-arrow">»</em></a> Это вообще криво все написано, понимаете? Замените на это: Код <a>Сериалы<em class="item-arrow"> </em><em class="item-arrow">»</em></a> Чего тут не понятного p.s. вы даже код дали не весь, вставить и проверить либо отредактировать его не возможно, так как даже под меню не отображается. Добавлено (02.06.2015, 21:22) Сообщение отредактировал TheRuD - Вторник, 2015-06-02, 21:19
|
Дата: Вторник, 2015-06-02, 21:39 | Сообщение # 20
Если сделать так, как вы написали, при выборе в подменю 1 пункта - кнопка сериалы не горит.
Получившийся код после замены (Только сериалы и подменю): Код <li style="position:relative;" class="item-parent"><a>Сериалы<em class="item-arrow"> </em><em class="item-arrow"></em></a></a><ul style="left: auto; z-index: 1001; display: none;"> <li style="width: 180px;"><a href="http://www.podchaek.ru/index/teorija_bolshogo_vzryva/0-4"><span>Теория большого взрыва</span></a></li> <li style="width: 180px;"><a href="http://www.podchaek.ru/index/shtat_golubaja_gora/0-6"><span>Штат голубая гора</span></a></li> <li style="width: 180px;"><a href="javascript:void(0)"><span>Submenu Item</span></a></li> <li style="width: 180px;"><a href="javascript:void(0)"><span>Submenu Item</span></a></li> <li style="width: 180px;"><a href="javascript:void(0)"><span>Submenu Item</span></a></li> <li style="width: 180px;"><a href="javascript:void(0)"><span>Submenu Item</span></a></li> <li style="width: 180px;"><a href="javascript:void(0)"><span>Submenu Item</span></a></li> Добавлено (02.06.2015, 21:35) Код /** * * Copyright (c) 2015 - 2020 * */ @import '/css/theme.css'; body {margin:0;padding:0;color:#777;font-size:13px;background:#f5f5f5;} body.page-body {background:#000;} img,form {border:0;margin:0;} a,input {outline:none;} img {border:0;margin:0;} a {text-decoration:none;outline:none;} a:hover {text-decoration:underline;} h1,h2, h3, h4, h5, h6 {font-weight:bold;margin:5px 0;padding:0;} h1 {font-size:26px;} h2 {font-size:21px;} h3 {font-size:19px;} h4 {font-size:17px;} h5 {font-size:15px;} h6 {font-size:13px;} ul {list-style:square;} hr {border:none;border-bottom:1px solid #ddd;} .clr {clear:both;} .wrapper {width:1000px;margin:0 auto;} @font-face { font-family: 'CaviarDreams'; src: url('/fonts/CaviarDreams.eot'); src: url('/fonts/CaviarDreams.eot?#iefix') format('embedded-opentype'), url('/fonts/CaviarDreams.woff') format('woff'), url('/fonts/CaviarDreams.ttf') format('truetype'), url('/fonts/CaviarDreams.svg#CaviarDreamsRegular') format('svg'); font-weight: normal; font-style: normal; } #overlay {background:url(/bg/bg0.jpg) center 0 no-repeat;} #overlay1 {background:url(/bg/bg1.jpg) center 0 no-repeat;} #header {height:360px;} #head-t {height:60px;background:#ddd;-webkit-box-shadow:0 0 3px 1px rgba(0,0,0,.3);-moz-box-shadow:0 0 3px 1px rgba(0,0,0,.3);box-shadow:0 0 3px 1px rgba(0,0,0,.3);} .head-ti {height:57px;background:#fff;padding:0 10px 0 20px;} .blognames {float:left;padding:10px 0 0 0;} .site-name {font-size:26px;font-family:'CaviarDreams';float:left;text-transform:uppercase;padding:3px 10px 0 0;} .site-name a {text-decoration:none;} .site-descr {font-size:11px;float:left;color:#bbb;border-left:1px dotted #ccc;margin:7px 0 0 0;padding:4px 0 4px 10px;} #catmenu {float:right;height:60px;} #catmenu ul {padding:0;margin:0;list-style:none;} #catmenu ul li {float:left;padding:0;} #catmenu ul li a {color:#888;z-index:10;display:block;height:60px;line-height:57px;padding:0 10px;font-size:13px;text-decoration:none;white-space:nowrap;_width:10px;} #catmenu ul li a.current-item,#catmenu ul li a.uMenuItemA,#catmenu ul li a:hover,#catmenu ul li.item-hover a {color:#fff;text-decoration:none;background-image:url(/images/nav.png);background-position:center bottom;background-repeat:no-repeat;} #catmenu ul ul {margin:0;padding:0;background-image:url(/images/sep.png);border:none;} #catmenu ul ul ul {margin:0 0 0 180px;} #catmenu ul ul li {background:none;padding:0;} #catmenu ul li ul ul {margin:0 0 0 180px;} #catmenu ul li li a {background:url(/images/lin.png) 0 bottom repeat-x;color:#fff;line-height:normal;height:auto;font-size:11px;white-space:normal;text-transform:none;font-weight:normal;padding:9px 10px 10px 10px;height:auto;text-shadow:none;_width:auto;} #catmenu ul li li a:hover,#catmenu ul li.item-hover li a,#catmenu ul li li a.current-item {background:url(/images/lin.png) 0 bottom repeat-x;color:#fff;text-shadow:none;} #catmenu ul li li a:hover {background:url(/images/lin.png);color:#fff;text-decoration:none;} #casing {background:#fff;-webkit-box-shadow:0 0 3px 1px rgba(0,0,0,.3);-moz-box-shadow:0 0 3px 1px rgba(0,0,0,.3);box-shadow:0 0 3px 1px rgba(0,0,0,.3);} #cas-t {height:50px;background-image:url(/images/sep.png);background-position:0 bottom;background-repeat:repeat-x;padding:0 20px;} #search {float:right;width:240px;padding:9px 0 0 0;height:31px;} #search .search-box {width:240px;height:29px;overflow:hidden;background:#000;background:rgba(0,0,0,.3);border:1px solid #fff;border:1px solid rgba(255,255,255,.15);} #search .schQuery input {width:200px;margin:0;padding:0 0 0 7px;height:29px;line-height:29px;border:none;font-size:12px;color:#fff;float:left;border:none;background:none;opacity:.4;-moz-opacity:.4;filter:alpha(opacity=40);} #search .schBtn {padding:4px 6px 0 0;} #search .schBtn input {float:right;margin:0;height:20px;width:20px;overflow:hidden;text-indent:-10000px;background:url(/images/sch.png) right -31px no-repeat;border:none;cursor:pointer;opacity:.7;-moz-opacity:.7;filter:alpha(opacity=70);} #search .schBtn input:hover {opacity:1;-moz-opacity:1;filter:alpha(opacity=100);} #user-box {float:left;width:600px;} #user-box div {float:left;height:50px;padding:0 0 0 1px;overflow:hidden;background:url(/images/ver.png) 0 center no-repeat;} #user-box a {display:block;color:#fff;float:left;height:50px;line-height:47px;background:url(/images/ver.png) right center no-repeat;padding:0 11px 0 10px;} #user-box a span {opacity:.4;-moz-opacity:.4;filter:alpha(opacity=40);} #user-box a:hover {color:#fff;text-decoration:none;} #user-box a:hover span {opacity:1;-moz-opacity:1;filter:alpha(opacity=100);} #cas-i {padding:20px;} #content {float:left;width:680px;} #content .calTable td {padding:12px;} #content fieldset {border:1px solid #ddd;padding:20px;} #casing label {color:#888!important;} .eBlock {margin:0 0 30px 0;} .eTitle {padding:0 0 10px 0;font-size:11px;font-family:'CaviarDreams';text-transform:uppercase;} .eTitle a {text-decoration:none;} .eDetails,.eDetails1, eDetails2{font-size:11px;padding:10px 0 0 0;color:#999;border-top:1px solid #ddd;} .eDetails a,.eDetails1 a,.eDetails2 a {text-decoration:underline;color:#999;} .eDetails a:hover,.eDetails1 a:hover,.eDetails2 a:hover {text-decoration:none;} .eMessage,.eText {margin:0;padding:10px 0!important;} .eMessage p,.eText p{margin:0;padding:0 0 5px 0;} .pagesBlockuz1 b,.pagesBlockuz2 b,#pagesBlock1 b,#pagesBlock2 b,.plist b {padding:4px 7px;font-weight:normal;color:#fff;font-size:11px;} .pagesBlockuz1 a,.pagesBlockuz2 a,#pagesBlock1 a,#pagesBlock2 a,.plist a {padding:4px 0;font-size:11px;text-decoration:none;} .pagesBlockuz1 a:hover,.pagesBlockuz2 a:hover,#pagesBlock1 a:hover,#pagesBlock2 a:hover,.plist a:hover {text-decoration:underline;} .cBlock1,.cBlock2 {background:#fff;border-bottom:1px solid #ddd;} #content .cBlock1,#content .cBlock2,.commTable{padding:10px 0 0 0;margin:5px 0 10px 0;border-top:1px solid #ddd;color:#777;} .cMessage {font-size:11px;} .cTop {font-size:14px;padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:1px dotted #ddd;} .cTop * {font-weight:normal;} .cAnswer {padding:5px 0 0 15px;font-style:italic;color:#666;font-size:11px;} .commTd1 {padding:5px 2px;width:140px;} input.commFl {width:400px;} textarea.commFl {width:550px;} input.codeButtons {min-width:30px;} .securityCode {} .eAttach {margin:10px 0; font-size:11px;color:#666;padding:0 0 0 15px;background:url(/images/attach.gif) 0 0 no-repeat;} .eRating {font-size:8pt;} .manTdError,.commError {color:#ff0000;} .commReg {padding: 10px 0;text-align:center;} a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;} a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;} a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;} .replaceTable {font-size:12px;padding:10px;border:none;color:#aaa;} .legendTd {font-size:8pt;} .outputPM {border:1px dashed #ddd;margin:4px 0 4px 30px;} .inputPM {border:1px dashed #ddd;margin:4px 0;} .uTable {padding:0;background:none;} .uTable td {padding:3px 10px;border:1px solid #ddd;} .uTable td.uTopTd {background:#f5f5f5;} .eAttach .entryAttachSize {padding-left:4px;} .manTable {text-align:left;} .manTable .manTd1 {font-size:12px;line-height:14px;width:200px;} #casing.popuptable {margin:10px auto;padding:20px;background:#fff;color:#555;} .popuptitle {font-size:20px;font-family:'CaviarDreams';border-bottom:1px solid #ddd;padding:0 0 10px 0;text-align:center;} .popupbody {padding:10px 0 0 0;font-size:12px;color:#555;} .popupbody * {font-size:12px!important;} .popuptable table {text-align:left;color:#555;} .archiveEntryTitle ul {margin:2px 0;list-style:circle;} .archiveEntryTitle .archiveEntryTime {display:inline-block;padding:3px 5px;font-size:11px;color:#fff;} .archiveEntryTitle .archiveEntryTitleLink {font-size:14px;font-style:italic;text-decoration:none;} .archiveEntryTitle .archiveEntryTitleLink:hover {text-decoration:underline;} .archiveEntryTitle .archiveEntryComms {font-size:11px;color:#999;} #right-side {float:right;width:240px;} .sidebox {margin:0 0 40px 0;} .sidetitle {padding:0 0 20px 0;font-family:'CaviarDreams';font-size:17px;text-transform:uppercase;} .sidebox ul,.sidebox .catsTable {margin:0;list-style:none;padding:0;border-spacing:0;} .sidebox ul li,.sidebox .catsTd,#ut-spon span {padding:8px 0;border-bottom:1px solid #ddd;} .sidebox li a,.sidebox .catsTable td a,#ut-spon span a {color:#777;text-decoration:none;} .sidebox .catNumData {color:#aaa;font-size:9px;} .sidebox .calTable{width:100%;} .calTable {font-size:12px;} .calTable td {text-align:center;padding:7px 2px;} .calTable td a {text-decoration:underline;} .calTable td a:hover {text-decoration:none;} .calMonth,.calWday,.calWdaySe,.calWdaySu {font-size:13px;font-weight:bold;} .calTable td.calMonth a {text-decoration:none;} .calTable td.calMonth a:hover {text-decoration:underline;} .calTable .calMday {color:#aaa;} .calTable .calMdayA,.calTable .calMdayIsA {color:#fff;} .calTable .calMdayIsA a {color:#fff;} .sidebox ul li li {background:none;padding:0;border-bottom:1px solid #ddd;} .sidebox ul ul {margin:0 0 0 -180px;border:1px solid #ddd;border-bottom:none;background:#f6f6f6;} .sidebox ul li ul ul {margin:0 0 0 -180px;} .sidebox ul li li a {background:none;border:none;font-size:11px;padding:8px 10px;} .sidebox ul li li a:hover,.sidebox ul li.item-hover li a,.sidebox ul li li a.current-item {background:none;} .sidebox ul li li a:hover {background:none;} .sidebox ul.ut-menu .item-arrow {display:none;} .sidebox iframe {border:1px solid #ddd;} .sidebox .answer {padding:5px 0 0 0;} .sidebox input.mchat {max-width:97%;} .sidebox textarea.mchat {max-width:92%;} .sidebox .loginField {max-width:97%;} #ut-spon span {display:block} #cas-b {height:100%;} #bottom {padding:20px 0 0 0;} #bottom .sidebox {float:left;width:210px;padding:0 20px;color:#aaa;} #bottom .no-pad {padding-right:0;} #bottom .sidetitle {color:#fff;} #bottom .sidebox li,#bottom .sidebox .catsTd {border:none;background:url(/images/lin.png) 0 bottom repeat-x;} #bottom .sidebox li a,#bottom .sidebox .catsTd a {color:#aaa;} #bottom .sidebox li li {border-bottom:1px solid #c6c6c6;} #bottom .sidebox ul ul {margin:0 0 0 210px;} #bottom .sidebox ul li ul ul {margin:0 0 0 180px;} #bottom .uz-sortable {width:220px!important;} #bottom .uz-sortable .sidebox {float:none;} .ui-sortable {z-index:9999!important;} #footer {padding:11px 20px 10px 20px;background-image:url(/images/lin.png);background-repeat:repeat-x;font-size:10px;color:#fff;} #footer a {text-decoration:underline;color:#fff;} #footer a:hover {text-decoration:none;} #footer .fleft {float:left;width:50%;padding:2px 0 0 0;opacity:.3;-moz-opacity:.3;filter:alpha(opacity=30);} #footer .fright {float:right;width:50%;text-align:right;} #footer .fright a {float:right;display:block;width:135px;height:32px;overflow:hidden;text-indent:100%;text-align:left;white-space:nowrap;background:url(/images/utlogo.png);opacity:.3;-moz-opacity:.3;filter:alpha(opacity=30);} #footer .fright a:hover {opacity:.9;-moz-opacity:.9;filter:alpha(opacity=90);} #cas-i input[type='text'],#cas-i input[type='password'],#cas-i textarea,#cas-i input[type='file'],#cas-i select,#bottom input[type='text'],#bottom input[type='password'],#bottom textarea,#bottom input[type='file'],#bottom select{font-size:11px;color:#fff;padding:5px 3px;background:#000;background:rgba(0,0,0,.5);border:1px solid #fff;border:1px solid rgba(255,255,255,.28);opacity:.4;-moz-opacity:.4;filter:alpha(opacity=40);-webkit-appearance:none;} #cas-i input[type='text'],#cas-i input[type='password'],#cas-i textarea,#cas-i input[type='file'],#cas-i select {background:#e3e3e3;background:rgba(0,0,0,.15);border:1px solid #cecece;border:1px solid rgba(0,0,0,.4);color:#000;} #cas-i input[type='submit'],#cas-i input[type='reset'],#cas-i input[type='button'],#cas-i button,#bottom input[type='submit'],#bottom input[type='reset'],#bottom input[type='button'],#bottom button {font-size:12px!important;color:#fff;padding:5px 10px;font-weight:normal!important;border:none;cursor:pointer;border:1px solid #000;border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);} #bottom input[type='submit'],#bottom input[type='reset'],#bottom input[type='button'],#bottom button {background-image:url(/images/lin.png);border:1px solid rgba(0,0,0,.4);} #bottom input[type='submit']:hover,#bottom input[type='reset']:hover,#bottom input[type='button']:hover,#bottom button:hover {background-image:none;border:1px solid rgba(0,0,0,.6);} .forum-casing #cas-i {padding:20px 0 0 0;} .forum-casing #ut-spon {background:#f5f5f5;padding:0;border-top:1px solid #ddd;height:50px;line-height:50px;margin:20px 0 0 0;} .forum-casing #ut-spon .sidetitle {height:50px;float:left;padding:0 20px;background:#ddd;} .forum-casing #ut-spon .inner {padding:0;border:none;} .forum-casing #ut-spon span {float:left;padding:0 10px;border:none!important} .forum-casing #ut-spon span a {color:#555;} #forum-box {padding:20px;} .gTable {background:none;} .gTableTop {font-size:16px;font-family:'CaviarDreams';text-transform:uppercase;color:#fff;padding:10px;margin:0;background-image:url(/images/sep.png);background-position:0 bottom;background-repeat:repeat-x;} .gTableTop a {color:#fff!important} .gTableSubTop {color:#fff;padding:3px 5px;font-size:11px;} .gTableSubTop a,.gTableSubTop a:hover {color:#fff!important} .gTableSubTop b {font-weight:normal;} .gTableBody,.gTableBody1,.gTableBottom,.gTableError,.forumNameTd,.forumLastPostTd,.threadNametd,.threadAuthTd,.threadLastPostTd,.threadsType ,.postPoll,.newThreadBlock,.newPollBlock,.newThreadBlock,.newPollBlock,.gTableRight,.posttdMessage,.postTdInfo,.codeMessage,.quoteMessage,.f orumIcoTd,.forumThreadTd,.forumPostTd,.gTableLeft,.threadIcoTd,.threadPostTd,.threadViewTd,.postBottom,.postTdTop {padding:7px;background:none;border-bottom:1px solid #ddd;} .forumNameTd,.forumThreadTd,.forumPostTd,.threadNametd,.threadPostTd,.threadViewTd,.threadAuthTd,.postTdInfo {border-right:1px solid #ddd;} .postBottom,.postTdTop {padding:3px 7px;} a.forum,a.threadLink {padding:0 0 0 10px;background:url(/images/12.gif) 0 center no-repeat;} a.forumLastPostLink {color:#666!important;} .gTableLeft {font-weight:bold} .gTableError {color:#FF0000} .forumLastPostTd,.forumArchive {font-size:8pt} a.catLink {text-decoration:none} a.catLink:hover {text-decoration:underline} .lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold} .archivedForum{font-size:8pt;color:#FF0000!important;font-weight:bold} .forumDescr {color:#888;font-size:8pt} div.forumModer {color:#666;font-size:8pt} a.forumModer {color:#555!important;text-decoration:underline} .forumViewed {font-size:9px} .forumBarKw {font-weight:normal} a.forumBarA {text-decoration:none;color:#777!important} a.forumBarA:hover {text-decoration:none} .fastLoginForm {font-size:8pt} .switch,.pagesInfo {padding:2px 5px;font-weight:normal;background:#f5f5f5;border:1px solid #ddd;color:#555;font-size:10px;} .switchActive {padding:2px 5px;font-weight:normal;color:#fff;} a.switchDigit,a.switchBack,a.switchNext {text-decoration:none;color:#555!important;} a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline} .threadLastPostTd {font-size:8pt} .threadDescr {color:#888;font-size:8pt} .threadNoticeLink {font-weight:bold} .threadsType {height:20px;font-weight:bold;font-size:8pt} .threadsDetails {height:20px} .forumOnlineBar {height:20px} a.threadPinnedLink {font-weight:bold;color:#f63333!important} a.threadFrmLink {color:#555!important} .postpSwithces {font-size:8pt} .thDescr {font-weight:normal} .threadFrmBlock {font-size:8pt;text-align:right} .forumNamesBar {font-size:11px;padding:3px 0} .forumModerBlock {padding:3px 0} .postPoll {text-align:center} .postUser {font-weight:bold} .postRankName {margin-top:5px} .postRankIco {margin-bottom:5px;margin-bottom:5px} .reputation {margin-top:5px} .signatureHr {margin-top:20px} .postTdInfo {padding:10px;text-align:center} .posttdMessage {line-height:18px;padding:10px} .pollQuestion {text-align:center;font-weight:bold} .pollButtons,.pollTotal {text-align:center} .pollSubmitBut,.pollreSultsBut {width:140px;font-size:8pt} .pollSubmit {font-weight:bold} .pollEnd {text-align:center;height:30px} .codeMessage,.quoteMessage {font-size:11px;padding:10px;background:#f5f5f5;border:1px solid #ddd!important;color:#888;} .signatureView {display:block;font-size:8pt;line-height:14px;padding:0 0 0 10px;border-left:3px solid #ddd} .edited {padding-top:30px;font-size:8pt;text-align:right;color:gray} .editedBy {font-weight:bold;font-size:8pt} .statusBlock {padding-top:3px} .statusOnline {color:#0f0} .statusOffline {color:#f00} .newThreadItem {padding: 0 0 0 8px;background:url(/images/12.gif) no-repeat 0 4px} .newPollItem {padding: 0 0 0 8px;background:url(/images/12.gif) no-repeat 0 4px} .pollHelp {font-weight:normal;font-size:8pt;padding-top:3px} .smilesPart {padding-top:5px;text-align:center} .userAvatar {border:1px solid #ddd;padding:3px;} .pollButtons button {margin:0 10px 0 0!important} .postBottom .goOnTop {display:none!important} #doSmbBt,.u-combobut {display:none;} #casing .u-comboeditcell,#casing .u-combo {border:0!important;background:none!important;} #casing .u-combolist {padding:5px 3px;background:#f9f9f9;border:1px solid #ddd;font-size:12px!important;color:#999!important;} #content .xw-tl,#content .xw-bl,#content .u-menuvsep {display:none;} #content .xw-ml,#content .xw-mr {margin:0;padding:0;background:none;} #content .xw-mc {background:#f9f9f9;border:1px solid #ddd;margin:0;font-size:12px!important;color:#999!important;} #uNetRegF table {text-align:left;} #uNetRegF table table {clear:both;} #uNetRegF table table td {padding:5px 0 0 0;} .sidebox .gTable {background:none;} .sidebox .gTableTop,.sidebox .gTableSubTop,.sidebox .forumNameTd {border:none;background:none!important;padding:7px 0!important;color:#777;border-bottom:1px solid #ddd!important;text-shadow:none!important;text-transform:none;height:auto;line-height:normal;overflow:visible;font-size:13px!important;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .sidebox .gTable ul {padding:0 0 0 20px;} .sidebox .gTable ul li a {background:none!important;padding:0;} #bottom .sidebox .gTableTop,#bottom .sidebox .gTableSubTop,#bottom .sidebox .forumNameTd {background:url(/images/lin.png) 0 bottom repeat-x!important;color:#aaa;border:none!important;} #bottom .gTable ul li a {background:none;} #top-link {position:fixed;font-family:'CaviarDreams';bottom:30px;right:0;display:none;background-image:url(/images/top.png);background-position:5px 8px;background-repeat:no-repeat;height:30px;line-height:30px;padding:0 10px 0 20px;color:#fff;z-index:10;} #top-link:hover{text-decoration:none;} /*Вид новостей*/ .mtr {padding:20px;display:table} .mtr .article_counters {margin-bottom:10px;} .mtr .im {background:#FFFFFF;padding-right:15px;display:table-cell;vertical-align:top} .mtr_td {display:table-cell;vertical-align:top} .mtr .inim {width:300px;height:132px;overflow:hidden} .mtr_descr {margin:0;position:absolute;top:-9000px} .name_mtr {margin-bottom:7px;font-size:16px;font-weight:bold} .article_counters {margin-bottom:14px;font-size:13px;color:#8c8c8c} .article_counters span {display:inline-block;margin-right:10px} .article_counters .dats {background:url('/news1/time.png') 0px 1px no-repeat;padding-left:20px} .article_counters .views {background:url('/news1/views.png') 0px 1px no-repeat;padding-left:20px} .article_counters .coms {background:url('/news1/comment.png') 0px 1px no-repeat;padding-left:20px} .article_counters .catalog {background:url('/news1/catalog.png') 0px 1px no-repeat;padding-left:20px} .article_counters .user {background:url('/news1/user.png') 0px 1px no-repeat;padding-left:20px} /*Статистика*/ .gOnline {display: none;!important} .uOnline {display: none !important} /*Информер последних комментариев*/ .osninf {padding:8px;} .inftitl b, .osninf b {color:#878787;} .inftitl a:link, .inftitl a:visited, .inftitl a:active {text-decoration:none;color:#4f4f4f;} .inftitl a:hover {text-decoration:none;color:#9932CC;} .infmes {border:1px dashed #b2b2b2;margin:5px 0 3px 0;padding:5px;background:#fff;font-size:7pt; color:#828282;} /*Подсказки*/ .tooltip { position: relative; display: inline-block; text-decoration: none; outline: none; } .tooltip div { visibility: hidden; position: absolute; bottom: 40px; left: 50%; z-index: 999; width: 230px; margin-left: -127px; padding: 10px; border: 2px solid #000000; opacity: .9; background-color: #000000; -moz-border-radius: 4px; border-radius: 4px; cursor:auto; } .tooltip:hover { border: 0; /* IE6 fix */ } .tooltip:hover div { visibility: visible; } .tooltip div:before, .tooltip div:after { content: ""; position: absolute; z-index: 1000; bottom: -7px; left: 50%; margin-left: -8px; border-top: 8px solid #000000; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 0; } .tooltip div:before { border-top-color: #000000; bottom: -8px; } .tooltip_text {color:#fff;} Добавлено (02.06.2015, 21:39) Цитата Вы хоть проверяли что я кинул?? повторяю.. В вашем коде: <a href="" <span="">Сериалы<em class="item-arrow"> </em><em class="item-arrow">»</em></a> Это вообще криво все написано, понимаете? Замените на это: <a>Сериалы<em class="item-arrow"> </em><em class="item-arrow">»</em></a> Сделано в точности по вашей инструкции.. Если у вас нет желания отвечать, то лучше проигнорируйте данную тему. Я начинающий юзер, не особо шарю в html, css.. Ищу в интернете, криво получается, снова ищу, не нахожу - спрашиваю. Вот и все. |
Дата: Вторник, 2015-06-02, 22:08 | Сообщение # 21
Не знаю почему у вас не горит, лично у меня все работает..
Если вы начинающий, а я вам посоветовал http://htmlbook.ru/ повышайте знания, пользуйтесь этим сайтом и ваши знания html и css возрастут, там есть все что нужно. Если вы решили создать сайт, а знаний у вас 0, обучайтесь, так как с 0 вы этого не добьетесь. Лично я не против помочь, любому пользователю - человеку, но только если у меня будет время на это, не воспринимайте мою критерию слишком серьезно, ведь я пытаюсь помочь, но как я вижу мы запутались, так как вы хотите то, что я уже сделал: Сообщение отредактировал TheRuD - Вторник, 2015-06-02, 22:08
|
Дата: Вторник, 2015-06-02, 22:25 | Сообщение # 22
Так, я понял в чем дело, мы не верно друг друга поняли. На гифке показано, что вы наводите на "Сериалы" и все открывается, это так. Но суть была не в этом. Надо выбрать 1 из сериалов - "Теория большого взрыва", "Штат голубая гора". И тогда воспользовавшись вашим способом "Сериалы" не горит синим (Как на гифке "Главная страница"). У меня на сайте сейчас все работает так как прописан "кривой" код меню с кликабельной кнопкой сериалы.
|
Дата: Среда, 2015-06-03, 03:20 | Сообщение # 23
Ну вот теперь более менее стало понятно, пробуйте заменить:
Код <a href="" <span>Сериалы</span><em class="item-arrow"> </em></a> Присмотритесь даже в код, тут тег span в теге "a", тогда уж нада закрывать тег "а", выглядит так: Цитата <a href=""> <span>Сериалы</span><em class="item-arrow"> </em></a> Меняем на: Код <a class="current-item">Сериалы</a> Сообщение отредактировал TheRuD - Среда, 2015-06-03, 03:23
|
| |||