|
Comunitatea uCoz Altele Instrumente şi Script-uri Problema meniu Drop and Down (Ajutor) |
Problema meniu Drop and Down |
salut am o problema si anume ca meniul dropdown nu imi iese imi distruge tot teemplateul uite codul poate stiti ce trebe facut
Code <ul class="menutop"> <li class="active root" > <a class="orphan item bullet" href="/" > <span> Home </span> </a> </li> <li class="parent root" > <a class="daddy item bullet subtext nolink" href="http://animetrix.ucoz.com/load/" > <span> Download <em>Anime</em></span> </a></li> <li class="parent root" > <a class="daddy item bullet subtext nolink" href="http://animetrix.ucoz.com/index/anime/0-4" > <span> Anime <em>Listă</em></span> </a></li> <div class="fusion-submenu-wrapper level2"> <div class="drop-top"></div> <ul class=" level2"> <li class="item"> <a href="http://animetrix.ucoz.com/index/beelzebub/0-5" class="orphan item bullet"> <span> Beelzebub </span> </a> </li> <li class="item"> <a href="http://animetrix.ucoz.com/index/bleach/0-8" class="orphan item bullet"> <span> Bleach </span> </a> </li> <li class="item"> <a href="http://animetrix.ucoz.com/index/blood/0-9" class="orphan item bullet"> <span> Blood+ </span> </a> </li> <li class="item"> <a href="http://animetrix.ucoz.com/index/chrono_crusade/0-11" class="daddy item bullet"> <span> Chrono Crusade </span> </a> <li class="item"> <a href="http://animetrix.ucoz.com/index/devil_may_cry/0-32" class="daddy item bullet"> <span> Devil May Cry </span> </a> <li class="item"> <a href="http://animetrix.ucoz.com/index/ghost_stories/0-13" class="daddy item bullet"> <span> Ghost Stories </span> </a> <li class="item"> <a href="http://animetrix.ucoz.com/index/hellsing/0-14" class="daddy item bullet"> <span> Hellsing </span> </a> <li class="item"> <a href="http://animetrix.ucoz.com/index/hellgril/0-34" class="daddy item bullet"> <span> HellGirl </span> </a> <li class="item"> <a href="http://animetrix.ucoz.com/index/inuyasha/0-15" class="daddy item bullet"> <span> Inuyasha </span> </a> <li class="item"> <a href="http://animetrix.ucoz.com/index/naruto/0-16" class="daddy item bullet"> <span> Naruto </span> </a> <li class="item"> <a href="http://animetrix.ucoz.com/index/one_piece/0-17" class="daddy item bullet"> <span> One Piece </span> </a> <li class="item"> <a href="http://animetrix.ucoz.com/index/x_tv/0-18" class="daddy item bullet"> <span> X-tv </span> </a> <li class="item"> <a href="http://animetrix.ucoz.com/index/d_gray_man/0-37" class="daddy item bullet"> <span> D.Gray-Man </span> </a> <li class="item"> <a href="http://animetrix.ucoz.com/index/dakara_boku_wa_h_ga_dekinai/0-45" class="daddy item bullet"> <span> Dakara Boku wa H Ga Dekinai </span> </a> <li class="item"> <a href="http://animetrix.ucoz.com/index/blood_c/0-47" class="daddy item bullet"> <span> Blood C </span> </a> </ul> </div> </li> </ul> </div> </li> </ul> </div> </li> <li class="parent root" > <a class="daddy item bullet subtext nolink" href="http://animetrix.ucoz.com/index/manga/0-19" > <span> Manga <em>Listă</em></span> </a></li> <li class="parent root" > <a class="daddy item bullet subtext nolink" href="http://animetrix.ucoz.com/forum/" > <span> Forum <em>Comunică cu noi</em></span> </a> </li> <li class="parent root" > <a class="daddy item bullet subtext nolink" href="http://animetrix.ucoz.com/index/0-3" > <span> Contact <em>Scrisoare la admin</em></span> </a></li> <li class="parent root" > <a class="daddy item bullet subtext nolink" href="http://animetrix.ucoz.com/index/reguli/0-31" > <span> Reguli <em>Va Rog Cititi</em></span> </a></li> <li class="parent root" > <a class="daddy item bullet subtext nolink" href="http://animetrix.ucoz.com/index/bannerele_noastre/0-26" > <span> Bannerele <em>Noastre</em> </span> </a> </li> <li class="parent root" > <a class="daddy item bullet subtext nolink" href="http://animetrix.ucoz.com/video/vic/amv" > <span> Anime Music Video <em>Video</em> </span> </a> </li> </ul> Iar acesta este CSS-ul in caz ca o fi din el. Code /** * Адаптация из Joomla в uCoz - Lewonchik, ICQ: 425510763, http://webstory.net.ru */ /* FUSION STYLE */ .menutop li {height: auto; margin: 0; padding: 0; position: relative; list-style: none} .menutop em {font-size:80%; font-weight:normal; display:block; font-style:normal} .menutop li .item, .menutop li.active .item {display: block; margin: 0; text-decoration: none; float: none; width: auto} .menutop li .fusion-submenu-wrapper {float: none; left: -999em; position: absolute; z-index: 500} .menutop li:hover li ul, .menutop li.sfHover li ul {top: -999em} .menutop li:hover ul, .menutop li.sfHover ul {top: 0} /* Dropdowns */ .menutop .subtext span {line-height: 18px} .menutop .subtext em {/*line-height:13px;*/ } .menutop ul {width:197px; padding: 0 0 15px 0; margin: 0} .menutop .drop-top {height: 16px} .menutop ul.columns2 {width:371px; padding: 0 0 15px 0} .menutop .columns2 > .drop-top {width:371px} .menutop ul li {width:178px; padding-top: 5px; padding-left: 12px; height: 38px} .menutop ul.columns2 li {width:170px; float:left; padding-left: 12px; height: 38px} .menutop li > .item {padding: 0; height: auto; display: block; font-size: 12px; line-height: 38px} .menutop li > .bullet {padding-left: 30px} .menutop li > .item.image {padding:0} .menutop li > .item img {float:left; margin: 10px 6px 0 8px} .menutop li > .item span {display:block; padding: 0; width: 100%} .menutop li a.item {cursor:pointer} .menutop li span.item {cursor:default; outline:none} .menutop .level2 > .drop-top {display: none} .menutop {list-style: none; margin: 0; padding: 0; position: relative; line-height: 1.0; float: left} body #rt-menu ul.level1 {background:none} .menutop li.root {float: left; margin: 0 24px; height: 49px; background: none} body .menutop li.root > .item {white-space: nowrap; display: inline-block; font-weight: bold; padding: 0 10px; font-size: 14px; z-index: 100; cursor: pointer; position:relative; margin: 0 -24px; outline: none; text-transform: uppercase; text-align: center; line-height: 32px; height: 49px} body .menutop li.root > .bullet {background: none} .menutop li.root > .item span {display: block; margin: 0; outline: none; padding: 9px 10px 9px 0} .menutop li.root > .item em {font-size:11px; font-weight:normal; display:block; font-style:normal; text-transform: lowercase} .menutop li:hover > .fusion-submenu-wrapper {left:186px; top:-15px} .menutop ul.columns2 li:hover > .fusion-submenu-wrapper {left:178px; top:-15px} .menutop li.root:hover > .fusion-submenu-wrapper {top:50px; left:-30px} /* DEMO STYLE */ .demo-img h4 {margin-bottom: 10px} h3.demo-title {margin-top: 0px} .demo-img .rt-image {padding: 2px; margin-right: 10px; float: left} .demo-img-padding {float: none; padding-left: 10px; padding-right: 9px} .demo-tab .roktabs-wrapper .roktabs-container-wrapper div.wrapper {padding-top: 2px} .demo-img .rt-image .rt-image-right {float: right; margin-right: 0} .gantry-logo {float: right} .demo-sv-title {width: 181px; float: left; margin-right: 10px; padding-left: 3px} .demo-img .demo-sv-img {float: none} /* Core */ body {font-family: Arial, Helvetica, sans-serif} .font-family-optima {font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif} .font-family-geneva {font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif} .font-family-helvetica {font-family: Helvetica, Arial, FreeSans, sans-serif} .font-family-lucida {font-family: "Lucida Grande", Helvetica, Verdana, sans-serif} .font-family-georgia {font-family: Georgia, sans-serif} .font-family-trebuchet {font-family: "Trebuchet MS", sans-serif} .font-family-palatino {font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif} .rt-container {background: transparent} ul {list-style-image: none} ul {margin-left: 15px} /* Header */ .bodylevel-high #rt-header {margin: 0 -20px; padding: 0 20px} #rt-header2 {height: 30px} #rt-header .rt-block {margin-bottom: 0} #rt-logo {width: 281px; height: 48px; display: block} .rt-desc1 {font-size: 170%; display: block; font-weight: bold; line-height: 1.1em; margin-bottom: 10px; margin-top: -10px} .rt-desc2 {font-size: 120%; line-height: 1.4em; display: block} .rt-head-spacer {height: 12px} .header-demo {width: 510px; height: 280px} .topbar ul.menu {list-style: none; margin: 0} .topbar ul.menu li {float: left; font-size: 90%} .topbar ul.menu li a {padding: 0 9px; display: block; height: 30px; line-height: 30px} #rt-header-overlay .topbar {margin-top: 10px; margin-right: -10px; float: right} .topbar .module-content {margin-left: 5px; display: inline-block} .topbar .module-content2 {margin-left: -5px; overflow: hidden; height: 30px; line-height: 30px; text-align: center; float: left; padding: 0 5px; font-weight: bold} /* Top Menu */ #rt-menu .rt-container {height: auto} #rt-menu li.root, #horiz-menu.splitmenu li {border: none} #rt-menu ul.menutop {padding: 0 10px 1px 10px; z-index: 300 !important} .menutop ul, .menutop ul.columns2 {background-position: 50% 100%; background-repeat: no-repeat; float: left} .menutop .drop-top, .menutop .columns2 > .drop-top {background-position: 50% 0; background-repeat: no-repeat} .bodylevel-low #rt-menu li.root > .item, .bodylevel-low .menu-type-splitmenu #rt-menu li .item {text-shadow: none} body.menu-type-splitmenu .menutop li, body.menu-type-splitmenu .menutop li:hover, body.menu-type-splitmenu .menutop li.active, body.menu-type-splitmenu .menutop li.parent:hover, .menu-type-splitmenu .menutop li.parent.active {border: 0} .bodylevel-low #rt-menu li.root:hover > .item, .bodylevel-low #rt-menu li.root.active > .item, .bodylevel-low #rt-menu li.root.f-mainparent-itemfocus > .item, .bodylevel-low.menu-type-splitmenu #rt-menu li:hover .item, .bodylevel-low.menu-type-splitmenu #rt-menu li.active .item {margin-top: -2px} .menutop li.root > .daddy span, .menu-type-splitmenu #rt-menu li .daddy span {background: none} .bodylevel-high.menu-type-splitmenu .menutop li {background: none} /* Showcase */ #rt-showcase {padding: 15px 0 5px 0} #rt-showcase h2.title {font-size: 190%} /* Light Theme */ ul.roknewspager {margin: 0; padding: 15px; border: 1px solid #ddd} ul.roknewspager li {list-style: none; padding-left: 12px; margin-bottom: 12px} ul.roknewspager .roknewspager-div {display: block; padding-bottom: 12px} .roknewspager-wrapper {position:relative; overflow:hidden} ul.roknewspager li {overflow:auto; padding: 0; background: url(../images/light-arrow.png) 0 4px no-repeat} ul.roknewspager .roknewspager-div {padding-left: 15px} .roknewspager-overlay {background: #fff; z-index:2} .roknewspager-h3 {font-size:14px; font-weight:bold; margin:0; background:#e9e9e9; padding:5px; position:relative; line-height:120%; border-bottom:1px solid #ccc; padding-right:20px} .roknewspager-content {padding: 5px} /* Main Body */ .rt-container {min-height: 540px} #rt-main-surround {margin: 0 -1px} .rt-main-spacer {height: 38px} .bodylevel-low .rt-main-spacer {display: none} #rt-main-surround .rt-article-title {letter-spacing: 0.1em; line-height: 42px; margin: 0; height: 58px; font-size: 1.2em; padding-left: 25px; text-transform: uppercase} #rt-sidebar-a, #rt-sidebar-b, #rt-sidebar-c {background-color: transparent} /* Side Menus */ #rt-main-surround ul.menu {margin-left: 0} #rt-main-surround ul.menu li {list-style: none} #rt-main-surround ul.menu li:first-child {background: none} #rt-main-surround ul.menu a:hover, #rt-main-surround ul.menu .separator:hover, #rt-main-surround ul.menu .item:hover {text-decoration: none} #rt-main-surround ul.menu a, #rt-main-surround ul.menu .separator, #rt-main-surround ul.menu .item {display: block; text-indent: 0; overflow: hidden; font-size: 120%; font-weight: normal; padding: 10px 0 2px 28px} #rt-main-surround ul.menu li.active > a, #rt-main-surround ul.menu li.active > .separator, #rt-main-surround ul.menu li.active > .item {font-weight: bold} #rt-main-surround ul.menu li li {padding: 0; margin: 0; font-size: 95%; background: none; border: none} #rt-main-surround .menu .subtext em {line-height: 14px} #rt-main-surround .menu em {display: block; font-size:80%; font-style: normal; font-weight: normal} #rt-main-surround ul.menu li a:hover, #rt-main-surround ul.menu li .separator:hover, #rt-main-surround ul.menu li .item:hover, #rt-main-surround ul.menu li.active > a, #rt-main-surround ul.menu li.active > .separator, #rt-main-surround ul.menu li.active > .item {background-position: 0 -581px} /* Modules */ #rt-top .module-title {border: 0} #rt-main-surround .module-full .module-title {margin: -10px 0 0 0} #rt-main-surround h2.title {margin: 0; font-size: 1.2em; padding-left: 25px; line-height: 19px; text-transform: uppercase} #rt-main-surround .module-full .module-title3 {line-height: 42px; height: 58px} #rt-main-surround .module-full h2.title {letter-spacing: 0.1em; margin: 0; font-size: 1.2em; padding-left: 25px; line-height: inherit; text-transform: uppercase} #rt-main-surround #rt-feature .module-title {height: 34px} .flush .rt-block {padding: 0} .bodylevel-high .module-full .module-surround {margin: -15px} .bodylevel-high .module-full .module-br {padding: 15px; margin-bottom: 10px} /* Bottom */ #rt-bottom .rt-main-overlay {padding: 35px 0 10px 0} #rt-bottom .rt-container {border: 0} /* Footer */ #rt-footer .rt-main-overlay {padding: 35px 0 10px 0} #rt-copyright .rt-block {margin-bottom: 30px} #developed-by {margin: 10px 0 5px 0; float: left} #powered-by {margin:10px 0 5px 0; float: right} #rocket {display:inline-block; width: 148px; height: 20px; margin:0 0 0 10px; vertical-align:middle} #gantry-logo {display:inline-block; width: 102px; height: 26px; margin-left: 10px; vertical-align:middle; background-position: 0 -30px} .bodylevel-high #rt-copyright {text-align: left; margin: -25px -20px 0 -20px; padding: 10px 20px 0 20px; position: relative} #gantry-totop {position: absolute; display: block; bottom: 5px; right: 18px; text-align:center} #gantry-totop span {display: block; padding-top: 9px} #gantry-resetsettings {margin-left:15px; margin-bottom:5px; display:block; float:left} /* Typography */ .readon {display: inline-block; margin-left: 10px; height: 34px} .readon input.button {outline: none; padding-top: 1px} .readon span, .readon .button {display: block; margin-left: -10px; padding: 0 15px 3px 15px; border: 0; font-size: 13px; cursor: pointer; height: 31px; line-height: 32px; float: left; font-weight: bold; overflow:visible} .readon span span {display: inline; background: none; margin-left: 0; padding: 0; float: none} .readon:hover {background-position: 100% -34px} .readon:hover span, .readon:hover .button {background-position: 0 -34px} .date-block .date {font-size: 120%; text-transform: uppercase; font-weight: bold} #rt-breadcrumbs {padding: 0 15px} #breadcrumbs-home {width: 24px; height: 21px; display: block; float: left} #breadcrumbs-home:hover {background-position: 0 -23px} #breadcrumbs h3, .leading_separator {display: none} .rt-breadcrumb-surround {position:relative; overflow: hidden; line-height: 24px; padding: 2px 2px 2px 0; margin: 15px 0; display: inline-block} span.breadcrumbs {display: inline-block; font-size: 110%; font-weight: bold; overflow: hidden} span.breadcrumbs img {width: 12px; height: 23px; float: left} span.breadcrumbs a, span.no-link {padding: 0 12px 0 8px; float: left; display: block; height: 21px; line-height: 20px; margin-left: -2px; font-size: 90%} span.breadcrumbs a:hover {background-position: 100% -23px} .floatleft {float: left; margin-right: 25px; margin-bottom: 25px} .floatright {float: right; margin-left: 25px; margin-bottom: 25px} #gantry-totop {background: url(../images/icons/totop_scroller.png) 0 0 no-repeat; background-position:0 -40px; display: block; position: absolute; top: 66%; right: 12px; z-index: 1; width: 28px; height: 28px; text-decoration: none } #gantry-totop:hover {background-position:0 0 } /* Code & Quote */ .quoteMessage {margin: 1.5em; padding: 1em; font-style: italic; border: 1px dashed #DFDFDF} .quoteMessage p {padding-bottom: 0px} .codeMessage {margin: 1.5em; padding: 1em; font-style: italic; border: 1px dashed #DFDFDF} .codeMessage p {padding-bottom: 0px} .bbQuoteName {color: #DFDFDF} .bbCodeName {color: #DFDFDF} /* ------------ */ |
| |||
| |||