Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje11-11-2009, 14:44 (UTC)    
Título del mensaje: Ayuda con menu e imagenes laterales

Hola, primero que nada no se si esta seccion sea adecuada para mi problema, si no lo es porfavor corrijanme, bueno mi problema es el suigiente;
En esta imagen marcare lo que deseo:


En el numero 1, quiero una imagen lateral para que sea vea mas completo, y en el menu de arriba que marque, quiero un menu desplegable creo que se llama es uno de los que tiene tokarg.es.tl, algo parecido.
El problema que no tengo los codes para ambos! porfa ayudenme, mi plantilla es la siguiente:

Por encima :

<div class="container_12">

<table background= height=2 width= 994>
<tr>
<td>
<img src="http://www.fileden.com/files/2009/8/4/2532798/headertransparent.png" />

<img src="Url Header" />

<img src="http://www.fileden.com/files/2009/8/4/2532798/arribaboxtransparent.png" /><img src="http://www.fileden.com/files/2009/8/4/2532798/barratexsttransparen.png" /><img src="http://www.fileden.com/files/2009/8/4/2532798/arribaizboxtransparent.png" />

<table background=http://www.fileden.com/files/2009/8/4/2532798/fondottransparent.png height=2 width= 931>
<tr>
<td>

<div class="sidebar2" id="link">
<img src="" border="0" />

<ul class="submenu">


<br />
</div></div>

</div>



<div class="sidebar" id="link">
<img src="" border="0" />

<ul class="submenu">

<li><a href="integrantes.htm#comment">Integrantes</a> </li>
<li><a href="ClanWars.htm#comment">ClanWars</a> </li>
<li><a href="Sancionados.htm#comment">Sancionados</a> </li>
<li><a href="Listadenoobs.htm#comment">Lista de Noobs</a> </li>
<li><a href="Downloads.htm#comment">Descargas</a> </li>
<li><a href="Replays.htm#comment">Replays</a> </li>
<li><a href="test.htm#comment">Test</a> </li>
<li><a href="foro.htm#comment">Foro</a> </li>
<br />
</div>
</div>
<fieldset>


Por debajo :

<br /><br /><br /><br /><br /><center>
<img src="http://www.fileden.com/files/2009/8/4/2532798/barratrans.png" />
<a href="URL">Home</a> -
<a href="URL">Design</a> -
<a href="URL">Libro</a>
<img src="http://www.fileden.com/files/2009/8/4/2532798/barratrans.png" />
</center>
</div>

</fieldset>

</tr>
</td>
</table>
<img src="http://www.fileden.com/files/2009/8/4/2532798/footertransparen.png" />

<img src="http://www.fileden.com/files/2009/8/4/2532798/boxfd2trans.png"/>
<table background=http://www.fileden.com/files/2009/8/4/2532798/boxfdtrans.png height=2 width= 931>
<tr>
<td>
<div class="publicidad">
Sitio diseñado por rT.KoShiuC
</div>
</tr>
</td>
</table>

<img src="http://www.fileden.com/files/2009/8/4/2532798/boxfabtrans.png"/>
<center><a href="http://S4ms.es.tl"><img src="http://www.fileden.com/files/2009/8/4/2532798/S4ms2transparent.png"/></a></center>
</tr>
</td>
</table>
</div>


CSS CODE:

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

body{
margin:0px;
font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
background: url(http://www.fileden.com/files/2009/8/4/2532798/28256.jpg ) top;
width:100%;
background-attachment:
fixed;
}


.container_12 {
margin-left: auto;
margin-right: auto;
width: 960px;
}



.sidebar2 {
width: 149px;
height:115px;
float: left;
background: url(url) repeat;
text-align: center;
margin-bottom: 8px;
position:relative;
left: 4px;
}

.sidebar {
width: 149px;
height:115px;
float: right;
background-color: ;
text-align: center;
margin-bottom: 1px;
position: relative;
left: -4px;
}

img {
border : 0px;}

fieldset {
border-width : 0px;
width: 611px;
left: 230px;
}


a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;color:#CCC;}


ul.submenu {
margin:0;
list-style:none;
padding:10px 10px;
}

ul.submenu li a {
voice-family:inherit;
margin:2px -0;
background:#F1F1F1;
padding:0;
height:15px;
text-decoration:none;
-moz-border-radius:1px;
-khtml-border-radius:1px;
-webkit-border-radius:1px;
}

ul.submenu li li a {
margin:0;
border-bottom:1px solid #9ac3dd;
text-decoration:none;

}

ul.submenu li li a:link, ul.submenu li li a:visited {
color:#bebebe;
display:block;
padding:6px 10px;
}

ul.submenu li a:link, ul.submenu li a:visited {
color:#5F5E5E;
display:block;
padding:6px 10px;

}

ul.submenu li a:hover {
color:#0065a0;
background:#fff;
padding:6px 10px;
text-decoration:none;
}

.publicidad {
position: relative;
left: 16px;
}



Gracias!
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group