• Pagina 1 din 1
  • 1
Problema meniu Drop and Down
Mocton
Postări: 25
Reputație: 0
Mesaj # 1 | 12:46 PM
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}
/* ------------ */

ArtyRo
Postări: 3502
Reputație: 140
Mesaj # 2 | 12:54 PM
Mocton,ma indoiesc ca acest menu e doar din CSS curat... credca trebuie si fisiere .js
Mocton
Postări: 25
Reputație: 0
Mesaj # 3 | 12:58 PM
fisiere js nu cred pebntru ca tot ce era js am urcat in file manager iar la un alt site merge am postat si la ei pe forum intrebarea totusi eu cred ca e din css dar habar nu am unde trebuie modificat
  • Pagina 1 din 1
  • 1
Căutare: