Mensajes Privados Tu Cuenta Inicio
22-01-2018 08:58
Bienvenid@ identifícarse o registrarse


Imprimir Responder
Menu desplegable
 
uchiha_geo
uchiha_geo

Usuario
  • Nómada

Hombre Chile 
Mensajes: 125
Registro: 27 sep, 2008

Nivel de Advertencia
  Publicado el 16 de enero de 2010 a las 17:50:01
#0    Asunto:  Menu desplegable 
Hola amigos de truzone bueno mi consulta o problema es el siguiente
estoy tratando de crear un menu desplegablr con css pero al colocarlo en plantilla.html
no me aparece nada en la web
aparece la web en blanco sin nada
el codigo lo estoy colocando entre los <header> y </header>
no si esta bien que lo coloque ahi


bueno eso seria muchas gracias


saludos


http://img179.imageshack.us/img179/9311/firmagoku.png

 


Anónimo

Hombre
Mensajes: 0
Registro: N/A

Nivel de Advertencia
  Publicado el 17 de enero de 2010 a las 12:57:17
#1    Asunto:  Re: Menu desplegable 
El css debes incluirlo entre head y /head pero el codigo HTML (capas, tablas, etc..) debe estar en la plantilla, tienes que resubir ambas.

Podemos pegarle un vistazo?


 
uchiha_geo
uchiha_geo

Usuario
  • Nómada

Hombre Chile 
Mensajes: 125
Registro: 27 sep, 2008

Nivel de Advertencia
  Publicado el 17 de enero de 2010 a las 15:30:06
#2    Asunto:  Re: Menu desplegable 
este es el codigo que me dio el programa para haceer el menu desplegable

Código
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<
html>
<
head>
    <
meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <
title>Generated by Pure CSS Menu.com Free CSS Drop Down Menu Generator</title>
    <
meta name="description" content="Online CSS Menu Maker. Create No-Javascript, 100% CSS Dropdown Menu in seconds! Horizontal css menu & Vertical css menu." />
</
head>
<
body bgcolor="#ffffff">



<!-- 
Start PureCSSMenu.com STYLE -->
<
style>
#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{positionabsolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{positionabsolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
    
margin:0px;
    list-
style:none;
    
padding:0px 2px 2px 0px;
    
background-color:#6E6A00;
    
background-repeat:repeat;
    
border-color:#808080;
    
border-width:1px;
    
border-style:solid;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
    
display:block;
    
zoom:1;
    
height:21px;
    
floatleft;
}
ul.pureCssMenu ul{
    
width:153.3px;
}
ul.pureCssMenu li{
    
display:block;
    
margin:2px 0px 0px 2px;
    
font-size:0px;
}
ul.pureCssMenu a:activeul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu aul.pureCssMenu li.dis a:hoverul.pureCssMenu li.sep a:hover {
    
display:block;
    
vertical-align:middle;
    
background-color:#6E6A00;
    
border-width:1px;
    
border-color:#FFA200;
    
border-style:solid;
    
text-align:center;
    
text-decoration:none;
    
padding:2px 5px 5px 10px;
    
_padding-left:0;
    
font:bold 11px Tahoma;
    
color#000;
    
text-decoration:none;
    
cursor:default;
}
ul.pureCssMenu span{
    
overflow:hidden;
}
ul.pureCssMenu li {
    
float:left;
}
ul.pureCssMenu ul li {
    
float:none;
}
ul.pureCssMenu ul a {
    
text-align:left;
    
white-space:nowrap;
}
ul.pureCssMenu li.sep{
    
text-align:left;
    
padding:0px;
    
line-height:0;
    
height:100%;
}
ul.pureCssMenu li.sep span{
    
float:none;    padding-right:0;
    
width:3px;
    
height:100%;
    
display:inline-block;
    
background-color:#808080;    background-image:none;}
ul.pureCssMenu ul li.sep span{
    
width:100%;
    
height:3px;
}
ul.pureCssMenu li:hover{
    
position:relative;
}
ul.pureCssMenu li:hover>a{
    
background-color:#8A5700;
    
border-color:#000000;
    
border-style:solid;
    
font:bold 11px Tahoma;
    
color#444;
    
text-decoration:none;
}
ul.pureCssMenu li a:hover{
    
position:relative;
    
background-color:#8A5700;
    
border-color:#000000;
    
border-style:solid;
    
font:bold 11px Tahoma;
    
color#444;
    
text-decoration:none;
}
ul.pureCssMenu li.dis a {
    
color#557D4F !important;
}
ul.pureCssMenu img {bordernone;float:left;_float:none;margin-right:2px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover a img.def  {display:none}
ul.pureCssMenu li:hover a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul{display:block}
ul.pureCssMenu span{
    
display:block;
    
background-image:url(./images/arrv_white.gif);
    
background-position:right center;
    
background-repeatno-repeat;
   
padding-right:9px;}
ul.pureCssMenu ul span{background-image:url(./images/arr_black.gif)}
ul.pureCssMenu ul li:hover a span{    background-image:url(./images/arr_white.gif);}
ul.pureCssMenu table a:hover span{background-image:url(./images/arr_white.gif)}
ul.pureCssMenu li.pureCssMenui0 {
width:110px;
height:23px;
}
ul.pureCssMenu li a.pureCssMenui0{
height:100%;
background-image:url(./images/btn3.jpg);
border-width:0px;
font:normal 11px Tahoma;
color:#fff;
}
ul.pureCssMenu li a.pureCssMenui0:hover{
background-image:url(./images/btn4.jpg);
font:normal 11px Tahoma;
color:#eee;
}
 
ul.pureCssMenum0 {
background-color:transparent;
border-width:0px;
    
padding:0px 0px 0px 0px;
}
 
ul.pureCssMenum0>li>{
padding:8px 10px 0px 10px;
}
 
ul.pureCssMenum0 a {
padding:8px 10px 0px 10px;
}
 
ul.pureCssMenum0 ul a {
padding:2px 5px 5px 10px;
}
 
ul.pureCssMenum0>li {
margin:0px 0px 0px 0px;
}
 
ul.pureCssMenum0 li {
margin:0px 0px 0px 0px;
}
 
ul.pureCssMenum0 li li {
margin:2px 0px 0px 2px;
}
</
style>
<!-- 
End PureCSSMenu.com STYLE -->



<!-- 
Start PureCSSMenu.com MENU -->
<
ul class="pureCssMenu pureCssMenum0">
    <
li class="pureCssMenui0"><class="pureCssMenui0" href="http://www.soul-anime.com/?zona=Foros">Foros</a></li>
    <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Anime</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <
ul class="pureCssMenum">
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=17">Online</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=20">Descarga Directa</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=51">Del recuerdo</a></li>
    </
ul>
    <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
    <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Clanes</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <
ul class="pureCssMenum">
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=118">Uchiha</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=143">Akatsuki</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=125">Vizard</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=127">Alquimista de acero</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=162">Yonkou</a></li>
    </
ul>
    <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
    <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Diseño Grafico</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <
ul class="pureCssMenum">
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=4">Fdls</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=5">Adls</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=60">Tutoriales</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=59">Recursos</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=58">Talleres</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=55">Retos de Diseño</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=56">Galeria de diseñadores</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=7">Academias</a></li>
    </
ul>
    <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
    <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Zona Informatica</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <
ul class="pureCssMenum">
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=83">Ayuda</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=9">Programas</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=84">Sistemma operativo</a></li>
    </
ul>
    <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
    <
li class="pureCssMenui0"><class="pureCssMenui0" href="http://www.soul-anime.com/?zona=Foros&arch=ver_categoria&cid=9">Zona juegos</a></li>
    <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Zona Consolas</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <
ul class="pureCssMenum">
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=76">Trucos</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=77">Descarga de juegos</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=78">Themes</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=80">Programas</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=82">Videos PS3</a></li>
    </
ul>
    <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
    <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Zona multimedia</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <
ul class="pureCssMenum">
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=87">Galeria AMV</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=13">Musica</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=12">Television y Peliculas</a></li>
    </
ul>
    <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
    <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Zona Ocio</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <
ul class="pureCssMenum">
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=99">Diversion</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=100">Lectura</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=101">Paranormal</a></li>
    </
ul>
    <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
    <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Zona de Fans</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <
ul class="pureCssMenum">
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=108">Fan-Fics</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=109">Fan-Club</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=110">Cosplay</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=111">Fan-Art</a></li>
    </
ul>
    <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
    <
li class="pureCssMenui0"><class="pureCssMenui0" href="http://www.soul-anime.com/?zona=Foros&arch=ver_categoria&cid=14">Zona Hentai</a></li>
</
ul>
<
a id="pcm" href="http://www.purecssmenu.com/">CSS Drop Down Menu by PureCSSMenu.com</a>
<!-- 
End PureCSSMenu.com MENU -->



<!-- (
c2009PureCSSMenu.com -->


<
br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<
br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<
br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</
body>
</
html>  


y este es mi plantilla

Código
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<
html>
    <
head>
          <
title>$mostrar[sitename] || $mostrar[pagetitle]</title>
        
$mostrar[meta]
        <
meta name="keywords" content="$mostrar[keywords]">
        <
meta name="description" content="$mostrar[description]">
        <
link rel="StyleSheet" href="./themes/$mostrar[theme]/generic.css" type="text/css">
        <
link rel="StyleSheet" href="./themes/$mostrar[theme]/theme.css" type="text/css">
        <
link rel="StyleSheet" href="./themes/$mostrar[theme]/$mostrar[css_columnas].css" type="text/css">
        
$mostrar[css]
          <
link rel="shortcut icon" href="./themes/$mostrar[theme]/images/favicon.ico" type="image/x-icon">
          
$mostrar[feeds]
        
$mostrar[java]
        
$mostrar[extra]
        
    </
head>
    <
body onLoad="cargar_bloques('$mostrar[script_bloque]');">
        <
img src="http://img707.imageshack.us/img707/6375/headersav3.png" alt="" width="951" height="229" border="0" usemap="#Map">
        <
map name="Map">
          <
area shape="rect" coords="846,185,936,208" href="http://www.soul-anime.com/?zona=Tu_Cuenta&arch=registro">
          <
area shape="rect" coords="903,1,939,38" href="http://www.facebook.com/home.php?filter=app_2361831622#/pages/wwwsoul-animecom/184928981736?ref=ts">
          <
area shape="rect" coords="424,210,466,229" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=5">
          <
area shape="rect" coords="369,210,414,229" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=4">
          <
area shape="rect" coords="761,184,841,209" href="http://www.soul-anime.com/?zona=Staff">
          <
area shape="rect" coords="675,185,757,210" href="http://www.soul-anime.com/?zona=Normas">
          <
area shape="rect" coords="561,211,655,227" href="http://www.soul-anime.com/indiceonline.php">
          <
area shape="rect" coords="593,185,672,209" href="http://www.soul-anime.com/?zona=Foros">
          <
area shape="rect" coords="504,185,584,209" href="http://www.soul-anime.com/">
    </
map>
    

        <
div id="cuerpo_sup_cen">
            <
div id="cuerpo_sup_izq">
                <
div id="cuerpo_sup_der">

                </
div>
            </
div>
        </
div>
        <
div id="cuerpo_cen_cen">
            <
div id="cuerpo_cen_izq">
                <
div id="cuerpo_cen_der">
                      <
div id="bloques_der" style=""color>$mostrar[bloques_der]</div>  
                    <
div id="bloques_izq">$mostrar[bloques_izq]</div>
                      <
div id="cuerpo">
                        <
div id="cabecera_publicidad">$mostrar[publicidad]</div>                      
                            
$mostrar[privados]
                              
$mostrar[bloques_sup]
                            
$mostrar[modulo]
                            <
br>
                            
$mostrar[bloques_inf]                  
                      </
div>
                    <
div class="limpiar"></div
                </
div>
            </
div>
        </
div>
        <
div id="cuerpo_inf_cen">
            <
div id="cuerpo_inf_izq">
                <
div id="cuerpo_inf_der">

                </
div>
            </
div>
        </
div>
        
$mostrar[msg_pie]
        
Theme HeosforoEditado por Saicrof <a href="http://www.soul-anime.com/">Soul-Anime</a>
        <
div id="pie">

    </
div>
    </
body>
</
html>
 


saludos


http://img179.imageshack.us/img179/9311/firmagoku.png

 


Anónimo

Hombre
Mensajes: 0
Registro: N/A

Nivel de Advertencia
  Publicado el 17 de enero de 2010 a las 16:25:57
#3    Asunto:  Re: Menu desplegable 
Bueno, pues no se donde exactamente lo quieres insertar, pero es tan sencillo como dejar la plantilla así:
Código
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<
html>
    <
head>
          <
title>$mostrar[sitename] || $mostrar[pagetitle]</title>
        
$mostrar[meta]
        <
meta name="keywords" content="$mostrar[keywords]">
        <
meta name="description" content="$mostrar[description]">
        <
link rel="StyleSheet" href="./themes/$mostrar[theme]/generic.css" type="text/css">
        <
link rel="StyleSheet" href="./themes/$mostrar[theme]/theme.css" type="text/css">
        <
link rel="StyleSheet" href="./themes/$mostrar[theme]/$mostrar[css_columnas].css" type="text/css">
        
$mostrar[css]
          <
link rel="shortcut icon" href="./themes/$mostrar[theme]/images/favicon.ico" type="image/x-icon">
          
$mostrar[feeds]
        
$mostrar[java]
        
$mostrar[extra]
        <!-- 
Start PureCSSMenu.com STYLE -->
            <
style>
            
#pcm{display:none;}
            
ul.pureCssMenu ul{display:none}
            
ul.pureCssMenu li:hover>ul{display:block}
            
ul.pureCssMenu ul{positionabsolute;left:-1px;top:98%;}
            
ul.pureCssMenu ul ul{positionabsolute;left:98%;top:-2px;}
            
ul.pureCssMenu,ul.pureCssMenu ul {
                
margin:0px;
                list-
style:none;
                
padding:0px 2px 2px 0px;
                
background-color:#6E6A00;
                
background-repeat:repeat;
                
border-color:#808080;
                
border-width:1px;
                
border-style:solid;
            }
            
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
                
display:block;
                
zoom:1;
                
height:21px;
                
floatleft;
            }
            
ul.pureCssMenu ul{
                
width:153.3px;
            }
            
ul.pureCssMenu li{
                
display:block;
                
margin:2px 0px 0px 2px;
                
font-size:0px;
            }
            
ul.pureCssMenu a:activeul.pureCssMenu a:focus {
            
outline-style:none;
            }
            
ul.pureCssMenu aul.pureCssMenu li.dis a:hoverul.pureCssMenu li.sep a:hover {
                
display:block;
                
vertical-align:middle;
                
background-color:#6E6A00;
                
border-width:1px;
                
border-color:#FFA200;
                
border-style:solid;
                
text-align:center;
                
text-decoration:none;
                
padding:2px 5px 5px 10px;
                
_padding-left:0;
                
font:bold 11px Tahoma;
                
color#000;
                
text-decoration:none;
                
cursor:default;
            }
            
ul.pureCssMenu span{
                
overflow:hidden;
            }
            
ul.pureCssMenu li {
                
float:left;
            }
            
ul.pureCssMenu ul li {
                
float:none;
            }
            
ul.pureCssMenu ul a {
                
text-align:left;
                
white-space:nowrap;
            }
            
ul.pureCssMenu li.sep{
                
text-align:left;
                
padding:0px;
                
line-height:0;
                
height:100%;
            }
            
ul.pureCssMenu li.sep span{
                
float:none;    padding-right:0;
                
width:3px;
                
height:100%;
                
display:inline-block;
                
background-color:#808080;    background-image:none;}
            
ul.pureCssMenu ul li.sep span{
                
width:100%;
                
height:3px;
            }
            
ul.pureCssMenu li:hover{
                
position:relative;
            }
            
ul.pureCssMenu li:hover>a{
                
background-color:#8A5700;
                
border-color:#000000;
                
border-style:solid;
                
font:bold 11px Tahoma;
                
color#444;
                
text-decoration:none;
            }
            
ul.pureCssMenu li a:hover{
                
position:relative;
                
background-color:#8A5700;
                
border-color:#000000;
                
border-style:solid;
                
font:bold 11px Tahoma;
                
color#444;
                
text-decoration:none;
            }
            
ul.pureCssMenu li.dis a {
                
color#557D4F !important;
            
}
            
ul.pureCssMenu img {bordernone;float:left;_float:none;margin-right:2px;width:16px;
            
height:16px;
            }
            
ul.pureCssMenu ul img {width:16px;
            
height:16px;
            }
            
ul.pureCssMenu img.over{display:none}
            
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
            
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
            
ul.pureCssMenu li:hover a img.def  {display:none}
            
ul.pureCssMenu li:hover a img.over {display:inline}
            
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline}
            
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none}
            
ul.pureCssMenu a:hover ul{display:block}
            
ul.pureCssMenu span{
                
display:block;
                
background-image:url(./images/arrv_white.gif);
                
background-position:right center;
                
background-repeatno-repeat;
               
padding-right:9px;}
            
ul.pureCssMenu ul span{background-image:url(./images/arr_black.gif)}
            
ul.pureCssMenu ul li:hover a span{    background-image:url(./images/arr_white.gif);}
            
ul.pureCssMenu table a:hover span{background-image:url(./images/arr_white.gif)}
            
ul.pureCssMenu li.pureCssMenui0 {
            
width:110px;
            
height:23px;
            }
            
ul.pureCssMenu li a.pureCssMenui0{
            
height:100%;
            
background-image:url(./images/btn3.jpg);
            
border-width:0px;
            
font:normal 11px Tahoma;
            
color:#fff;
            
}
            
ul.pureCssMenu li a.pureCssMenui0:hover{
            
background-image:url(./images/btn4.jpg);
            
font:normal 11px Tahoma;
            
color:#eee;
            
}
             
ul.pureCssMenum0 {
            
background-color:transparent;
            
border-width:0px;
                
padding:0px 0px 0px 0px;
            }
             
ul.pureCssMenum0>li>{
            
padding:8px 10px 0px 10px;
            }
             
ul.pureCssMenum0 a {
            
padding:8px 10px 0px 10px;
            }
             
ul.pureCssMenum0 ul a {
            
padding:2px 5px 5px 10px;
            }
             
ul.pureCssMenum0>li {
            
margin:0px 0px 0px 0px;
            }
             
ul.pureCssMenum0 li {
            
margin:0px 0px 0px 0px;
            }
             
ul.pureCssMenum0 li li {
            
margin:2px 0px 0px 2px;
            }
            </
style>
        <!-- 
End PureCSSMenu.com STYLE --> 
    </
head>
    <
body onLoad="cargar_bloques('$mostrar[script_bloque]');">
        <
img src="http://img707.imageshack.us/img707/6375/headersav3.png" alt="" width="951" height="229" border="0" usemap="#Map">
        <
map name="Map">
          <
area shape="rect" coords="846,185,936,208" href="http://www.soul-anime.com/?zona=Tu_Cuenta&arch=registro">
          <
area shape="rect" coords="903,1,939,38" href="http://www.facebook.com/home.php?filter=app_2361831622#/pages/wwwsoul-animecom/184928981736?ref=ts">
          <
area shape="rect" coords="424,210,466,229" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=5">
          <
area shape="rect" coords="369,210,414,229" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=4">
          <
area shape="rect" coords="761,184,841,209" href="http://www.soul-anime.com/?zona=Staff">
          <
area shape="rect" coords="675,185,757,210" href="http://www.soul-anime.com/?zona=Normas">
          <
area shape="rect" coords="561,211,655,227" href="http://www.soul-anime.com/indiceonline.php">
          <
area shape="rect" coords="593,185,672,209" href="http://www.soul-anime.com/?zona=Foros">
          <
area shape="rect" coords="504,185,584,209" href="http://www.soul-anime.com/">
    </
map>
    <!-- 
Start PureCSSMenu.com MENU -->
    <
ul class="pureCssMenu pureCssMenum0">
        <
li class="pureCssMenui0"><class="pureCssMenui0" href="http://www.soul-anime.com/?zona=Foros">Foros</a></li>
        <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Anime</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
        <
ul class="pureCssMenum">
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=17">Online</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=20">Descarga Directa</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=51">Del recuerdo</a></li>
        </
ul>
        <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
        <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Clanes</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
        <
ul class="pureCssMenum">
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=118">Uchiha</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=143">Akatsuki</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=125">Vizard</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=127">Alquimista de acero</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=162">Yonkou</a></li>
        </
ul>
        <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
        <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Diseño Grafico</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
        <
ul class="pureCssMenum">
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=4">Fdls</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=5">Adls</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=60">Tutoriales</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=59">Recursos</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=58">Talleres</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=55">Retos de Diseño</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=56">Galeria de diseñadores</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=7">Academias</a></li>
        </
ul>
        <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
        <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Zona Informatica</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
        <
ul class="pureCssMenum">
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=83">Ayuda</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=9">Programas</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=84">Sistemma operativo</a></li>
        </
ul>
        <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
        <
li class="pureCssMenui0"><class="pureCssMenui0" href="http://www.soul-anime.com/?zona=Foros&arch=ver_categoria&cid=9">Zona juegos</a></li>
        <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Zona Consolas</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
        <
ul class="pureCssMenum">
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=76">Trucos</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=77">Descarga de juegos</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=78">Themes</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=80">Programas</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=82">Videos PS3</a></li>
        </
ul>
        <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
        <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Zona multimedia</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
        <
ul class="pureCssMenum">
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=87">Galeria AMV</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=13">Musica</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=12">Television y Peliculas</a></li>
        </
ul>
        <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
        <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Zona Ocio</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
        <
ul class="pureCssMenum">
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=99">Diversion</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=100">Lectura</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=101">Paranormal</a></li>
        </
ul>
        <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
        <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Zona de Fans</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
        <
ul class="pureCssMenum">
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=108">Fan-Fics</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=109">Fan-Club</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=110">Cosplay</a></li>
            <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=111">Fan-Art</a></li>
        </
ul>
        <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
        <
li class="pureCssMenui0"><class="pureCssMenui0" href="http://www.soul-anime.com/?zona=Foros&arch=ver_categoria&cid=14">Zona Hentai</a></li>
    </
ul>
    <
a id="pcm" href="http://www.purecssmenu.com/">CSS Drop Down Menu by PureCSSMenu.com</a>
    <!-- 
End PureCSSMenu.com MENU --> 
        <
div id="cuerpo_sup_cen">
            <
div id="cuerpo_sup_izq">
                <
div id="cuerpo_sup_der">

                </
div>
            </
div>
        </
div>
        <
div id="cuerpo_cen_cen">
            <
div id="cuerpo_cen_izq">
                <
div id="cuerpo_cen_der">
                      <
div id="bloques_der" style=""color>$mostrar[bloques_der]</div>  
                    <
div id="bloques_izq">$mostrar[bloques_izq]</div>
                      <
div id="cuerpo">
                        <
div id="cabecera_publicidad">$mostrar[publicidad]</div>                      
                            
$mostrar[privados]
                              
$mostrar[bloques_sup]
                            
$mostrar[modulo]
                            <
br>
                            
$mostrar[bloques_inf]                  
                      </
div>
                    <
div class="limpiar"></div
                </
div>
            </
div>
        </
div>
        <
div id="cuerpo_inf_cen">
            <
div id="cuerpo_inf_izq">
                <
div id="cuerpo_inf_der">

                </
div>
            </
div>
        </
div>
        
$mostrar[msg_pie]
        
Theme HeosforoEditado por Saicrof <a href="http://www.soul-anime.com/">Soul-Anime</a>
        <
div id="pie">

    </
div>
    </
body>
</
html>
  


Me da la impresion que te va a quedar muy ancho para como es tu web, pero igual me equivoco no tengo tiempo para probarlo.

Un saludo.


 
uchiha_geo
uchiha_geo

Usuario
  • Nómada

Hombre Chile 
Mensajes: 125
Registro: 27 sep, 2008

Nivel de Advertencia
  Publicado el 17 de enero de 2010 a las 17:00:18
#4    Asunto:  Re: Menu desplegable 
no me resulto
pasa lo mismo la web queda en blanco
desntro de todo me dio una duda cuando cree el menu el programa me dio 2 archivos
uno el codigo que postia mas arribaa
y el otro era una carpeta de imegenes
esa carpeta la coloque dentro de la carpeta imagenes del theme
esata bien eso o me estoy equivocando en el lugar en donde la subo


saludos


http://img179.imageshack.us/img179/9311/firmagoku.png

 


Anónimo

Hombre
Mensajes: 0
Registro: N/A

Nivel de Advertencia
  Publicado el 17 de enero de 2010 a las 17:22:16
#5    Asunto:  Re: Menu desplegable 
Las imagenes que te dio tienen que estar dentro de /images/, en la raiz de la web. Lo que me parece raro que se te quede en blanco porque el archivo HTML de la plantilla es correcto, puede que no subas bien los archivos o algún problema relacionado con eso.

A ver si nos echa un cable alguien que esté más en materia que yo.


 
thor69ar
thor69ar

Usuario
  • Visitante

Hombre España 
Mensajes: 8
Registro: 16 feb, 2010

Nivel de Advertencia
  Publicado el 17 de febrero de 2010 a las 15:45:45
#6    Asunto:   
yo te lo ago andar, pero vas a tener que acomodarlo en tu web
ok?
es facil
re!!
primero habris el archivo plantila.html
vuscas:
Código
                 <li class="botonera_menu_li"><a href="./?zona=Buscador">BUSCAR</a></li>
            </
ul>
        </
div

debajo pones:



Código
 <!-- Start PureCSSMenu.com MENU -->
<
ul class="pureCssMenu pureCssMenum0">
    <
li class="pureCssMenui0"><class="pureCssMenui0" href="http://www.soul-anime.com/?zona=Foros">Foros</a></li>
    <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Anime</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <
ul class="pureCssMenum">
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=17">Online</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=20">Descarga Directa</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=51">Del recuerdo</a></li>
    </
ul>
    <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
    <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Clanes</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <
ul class="pureCssMenum">
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=118">Uchiha</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=143">Akatsuki</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=125">Vizard</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=127">Alquimista de acero</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=162">Yonkou</a></li>
    </
ul>
    <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
    <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Diseño Grafico</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <
ul class="pureCssMenum">
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=4">Fdls</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=5">Adls</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=60">Tutoriales</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=59">Recursos</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=58">Talleres</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=55">Retos de Diseño</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=56">Galeria de diseñadores</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=7">Academias</a></li>
    </
ul>
    <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
    <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Zona Informatica</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <
ul class="pureCssMenum">
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=83">Ayuda</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=9">Programas</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=84">Sistemma operativo</a></li>
    </
ul>
    <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
    <
li class="pureCssMenui0"><class="pureCssMenui0" href="http://www.soul-anime.com/?zona=Foros&arch=ver_categoria&cid=9">Zona juegos</a></li>
    <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Zona Consolas</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <
ul class="pureCssMenum">
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=76">Trucos</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=77">Descarga de juegos</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=78">Themes</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=80">Programas</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=82">Videos PS3</a></li>
    </
ul>
    <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
    <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Zona multimedia</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <
ul class="pureCssMenum">
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=87">Galeria AMV</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=13">Musica</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=12">Television y Peliculas</a></li>
    </
ul>
    <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
    <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Zona Ocio</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <
ul class="pureCssMenum">
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=99">Diversion</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=100">Lectura</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=101">Paranormal</a></li>
    </
ul>
    <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
    <
li class="pureCssMenui0"><class="pureCssMenui0" href="#"><span>Zona de Fans</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <
ul class="pureCssMenum">
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=108">Fan-Fics</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=109">Fan-Club</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=110">Cosplay</a></li>
        <
li class="pureCssMenui"><class="pureCssMenui" href="http://www.soul-anime.com/?zona=Foros&arch=ver_foro&fid=111">Fan-Art</a></li>
    </
ul>
    <!--[if 
lte IE 6]></td></tr></table></a><![endif]--></li>
    <
li class="pureCssMenui0"><class="pureCssMenui0" href="http://www.soul-anime.com/?zona=Foros&arch=ver_categoria&cid=14">Zona Hentai</a></li>
</
ul>
<
a id="pcm" href="http://www.purecssmenu.com/">CSS Drop Down Menu by PureCSSMenu.com</a>
<!-- 
End PureCSSMenu.com MENU -->  

guardas

segundo creas un archivo css lo podes llamar menu.css
dentro pones:
Código
 #pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{positionabsolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{positionabsolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
    
margin:0px;
    list-
style:none;
    
padding:0px 2px 2px 0px;
    
background-color:#6E6A00;
    
background-repeat:repeat;
    
border-color:#808080;
    
border-width:1px;
    
border-style:solid;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
    
display:block;
    
zoom:1;
    
height:21px;
    
floatleft;
}
ul.pureCssMenu ul{
    
width:153.3px;
}
ul.pureCssMenu li{
    
display:block;
    
margin:2px 0px 0px 2px;
    
font-size:0px;
}
ul.pureCssMenu a:activeul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu aul.pureCssMenu li.dis a:hoverul.pureCssMenu li.sep a:hover {
    
display:block;
    
vertical-align:middle;
    
background-color:#6E6A00;
    
border-width:1px;
    
border-color:#FFA200;
    
border-style:solid;
    
text-align:center;
    
text-decoration:none;
    
padding:2px 5px 5px 10px;
    
_padding-left:0;
    
font:bold 11px Tahoma;
    
color#000;
    
text-decoration:none;
    
cursor:default;
}
ul.pureCssMenu span{
    
overflow:hidden;
}
ul.pureCssMenu li {
    
float:left;
}
ul.pureCssMenu ul li {
    
float:none;
}
ul.pureCssMenu ul a {
    
text-align:left;
    
white-space:nowrap;
}
ul.pureCssMenu li.sep{
    
text-align:left;
    
padding:0px;
    
line-height:0;
    
height:100%;
}
ul.pureCssMenu li.sep span{
    
float:none;    padding-right:0;
    
width:3px;
    
height:100%;
    
display:inline-block;
    
background-color:#808080;    background-image:none;}
ul.pureCssMenu ul li.sep span{
    
width:100%;
    
height:3px;
}
ul.pureCssMenu li:hover{
    
position:relative;
}
ul.pureCssMenu li:hover>a{
    
background-color:#8A5700;
    
border-color:#000000;
    
border-style:solid;
    
font:bold 11px Tahoma;
    
color#444;
    
text-decoration:none;
}
ul.pureCssMenu li a:hover{
    
position:relative;
    
background-color:#8A5700;
    
border-color:#000000;
    
border-style:solid;
    
font:bold 11px Tahoma;
    
color#444;
    
text-decoration:none;
}
ul.pureCssMenu li.dis a {
    
color#557D4F !important;
}
ul.pureCssMenu img {bordernone;float:left;_float:none;margin-right:2px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover a img.def  {display:none}
ul.pureCssMenu li:hover a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul{display:block}
ul.pureCssMenu span{
    
display:block;
    
background-image:url(./images/arrv_white.gif);
    
background-position:right center;
    
background-repeatno-repeat;
   
padding-right:9px;}
ul.pureCssMenu ul span{background-image:url(./images/arr_black.gif)}
ul.pureCssMenu ul li:hover a span{    background-image:url(./images/arr_white.gif);}
ul.pureCssMenu table a:hover span{background-image:url(./images/arr_white.gif)}
ul.pureCssMenu li.pureCssMenui0 {
width:110px;
height:23px;
}
ul.pureCssMenu li a.pureCssMenui0{
height:100%;
background-image:url(./images/btn3.jpg);
border-width:0px;
font:normal 11px Tahoma;
color:#fff;
}
ul.pureCssMenu li a.pureCssMenui0:hover{
background-image:url(./images/btn4.jpg);
font:normal 11px Tahoma;
color:#eee;
}
 
ul.pureCssMenum0 {
background-color:transparent;
border-width:0px;
    
padding:0px 0px 0px 0px;
}
 
ul.pureCssMenum0>li>{
padding:8px 10px 0px 10px;
}
 
ul.pureCssMenum0 a {
padding:8px 10px 0px 10px;
}
 
ul.pureCssMenum0 ul a {
padding:2px 5px 5px 10px;
}
 
ul.pureCssMenum0>li {
margin:0px 0px 0px 0px;
}
 
ul.pureCssMenum0 li {
margin:0px 0px 0px 0px;
}
 
ul.pureCssMenum0 li li {
margin:2px 0px 0px 2px;

guardas y lo subis a la carpeta del theme que estas usando

en el archivo pantilla.html
buscas
Código
 <link rel="StyleSheet" href="./themes/$mostrar[theme]/$mostrar[css_columnas].css" type="text/css"

debajo pones
Código
 <link rel="StyleSheet" href="./themes/$mostrar[theme]/menu.css" type="text/css"

y listo ya tenes el menu desplegable andando
obiamente que vas a tener que acomodar algunas coasitas peo ya te ba a andar
cualquier cosita em chiflas, y si te puedo hacer de ayuda.. aca estoy :-)


Imprimir Responder


LEYENDA
 Mensajes nuevos    Mensajes nuevos
 Mensajes nuevos [popular]    Mensajes nuevos [popular]
 Mensajes nuevos [cerrado]    Mensajes nuevos [cerrado]
 No hay mensajes nuevos    No hay mensajes nuevos
 No hay mensajes nuevos [popular]    No hay mensajes nuevos [popular]
 No hay mensajes nuevos [cerrado]    No hay mensajes nuevos [cerrado]
 Anuncios    Anuncios
 Post-It    Post-It
 Tema    Tema
 Adjuntos    Adjuntos
 Encuesta   Encuesta


Powered by Dedalus CMS License TruOpenSource/LGP TruZone Community
Tiempo de carga 2,430 segundos (PHP: 1,5% | MySQL: 98,5%) | 26 llamadas a la Base de Datos