• Страница 2 из 2
  • «
  • 1
  • 2
Создать подменю как в шаблоне
3DJER Оффлайн
Проверенный
3
Дата: Вторник, 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
Профиль
TheRuD Оффлайн
Проверенный
5
Дата: Вторник, 2015-06-02, 20:26 | Сообщение # 17
css?

Профиль
3DJER Оффлайн
Проверенный
3
Дата: Вторник, 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;}


Профиль
TheRuD Оффлайн
Проверенный
5
Дата: Вторник, 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)
---------------------------------------------
Повторите html знания - http://htmlbook.ru/html




Сообщение отредактировал TheRuD - Вторник, 2015-06-02, 21:19
Профиль
3DJER Оффлайн
Проверенный
3
Дата: Вторник, 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)
---------------------------------------------
Полный css код:

Код
/**
  *
  * 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.. Ищу в интернете, криво получается, снова ищу, не нахожу - спрашиваю. Вот и все.


Профиль
TheRuD Оффлайн
Проверенный
5
Дата: Вторник, 2015-06-02, 22:08 | Сообщение # 21
Не знаю почему у вас не горит, лично у меня все работает..
Если вы начинающий, а я вам посоветовал http://htmlbook.ru/
повышайте знания, пользуйтесь этим сайтом и ваши знания html и css возрастут, там есть все что нужно.
Если вы решили создать сайт, а знаний у вас 0, обучайтесь, так как с 0 вы этого не добьетесь.
Лично я не против помочь, любому пользователю - человеку, но только если у меня будет время на это, не воспринимайте мою критерию слишком серьезно, ведь я пытаюсь помочь, но как я вижу мы запутались, так как вы хотите то, что я уже сделал:




Сообщение отредактировал TheRuD - Вторник, 2015-06-02, 22:08
Профиль
3DJER Оффлайн
Проверенный
3
Дата: Вторник, 2015-06-02, 22:25 | Сообщение # 22
Так, я понял в чем дело, мы не верно друг друга поняли. На гифке показано, что вы наводите на "Сериалы" и все открывается, это так. Но суть была не в этом. Надо выбрать 1 из сериалов - "Теория большого взрыва", "Штат голубая гора". И тогда воспользовавшись вашим способом "Сериалы" не горит синим (Как на гифке "Главная страница"). У меня на сайте сейчас все работает так как прописан "кривой" код меню с кликабельной кнопкой сериалы.

Профиль
TheRuD Оффлайн
Проверенный
5
Дата: Среда, 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
Профиль
  • Страница 2 из 2
  • «
  • 1
  • 2
Поиск: