Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje07-11-2008, 21:22 (UTC)    
Título del mensaje: Menu en horizontal por encima de la web

Menu en horizontal por encima de la web el codigo html para esto cual es gracias
Mensaje07-11-2008, 21:27 (UTC)    
Título del mensaje:

Código:
<DIV align=center>
<A
href="URL DEL LINK 1"><IMG
src="URL DE LA IMÁGEN 1" border=0></A>
<A
href="URL DEL LINK 2"><IMG
src="URL DE LA IMÁGEN 2" border=0></A>
<A
href="URL DEL LINK 3"><IMG
src="URL DE LA IMÁGEN 3" border=0></A>
<A
href="URL DEL LINK 4"><IMG
src="URL DE LA IMÁGEN 4" border=0></A>
</DIV>


coloque el link donde sera dirijido al hacer click y la url de
la imagen que aparecera,lo coloca en texto por encima de la
pagina.

saudos
Mensaje07-11-2008, 21:42 (UTC)    
Título del mensaje: O bien

Puedes Usar Este

Texto por encima de la pagina


Código:
<style type="text/css"> #MainMenu { width:100%; height:38px; background: url('http://80.190.202.79/pic/s/samanyolu35/bmid_040.gif'); margin:0; border:0px none; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { display:inline; float:left; margin:0 0 0 0 ; padding:0; } #tab a { background:#000000 url('http://img516.imageshack.us/img516/9346/navazzurrodasdasdownhb7.gif') no-repeat right top; margin:0; padding:0; text-decoration:none; border:0px none; display:block; float:left } #tab a span { display:block; background:url('http://80.190.202.79/pic/s/samanyolu35/bleft_040.gif') no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; font-weight:bold; line-height:38px; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0 } #tab a:hover, #tab li.item_active a { background-position:right bottom; border-color:#000000; } #tab a:hover span, #tab li.item_active a span { background-position:left bottom; color:#000000; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0px solid #330066; background: url('http://img516.imageshack.us/img516/9346/navazzurrodasdasdownhb7.gif'); color:#000000; z-index:100; text-decoration:none; padding:0 } .dropmenudiv ul { margin:0; padding:0; list-style:none; } .dropmenudiv li { display:inline; margin:0; padding:0; } .dropmenudiv a:link, .dropmenudiv a:visited { width:180px; margin:0 ; padding:0; display:block; border:0px solid #000000; color:#000000; background:url('http://img516.imageshack.us/img516/9346/navazzurrodasdasdownhb7.gif') no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none } .dropmenudiv a span { float:left; display:block; line-height:38px; background:url('http://img516.imageshack.us/img516/9346/navazzurrodasdasdownhb7.gif') no-repeat right top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0 } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0px solid #000000; background-position: left bottom; font-weight:bold; font-style:normal; text-decoration:none; color:#000000 } .dropmenudiv a:hover span { background-position:right bottom; color:#000000; font-weight:bold; } </style>  <script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chrome.js"></script> <style type="text/css"> #MainMenu { width:100%; height:38px; background: url("http://img516.imageshack.us/img516/9346/navazzurrodasdasdownhb7.gif"); margin:0; border:0; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { display:inline; float:left; margin:0 0 0 0 ; padding:0; } #tab a { background:#000000 url("http://img516.imageshack.us/img516/9346/navazzurrodasdasdownhb7.gif") no-repeat right top; margin:0; padding:0; text-decoration:none; border:0; display:block; float:left; } #tab a span { display:block; background:url("http://img516.imageshack.us/img516/9346/navazzurrodasdasdownhb7.gif") no-repeat left top; padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; font-weight:bold; line-height:38px; } #tab a:hover,#tab li.item_active a { background-position:right bottom; border-color:#000000; } #tab a:hover span,#tab li.item_active a span { background-position:left bottom; color:#000000; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0 solid #330066; background: url("http://img516.imageshack.us/img516/9346/navazzurrodasdasdownhb7.gif"); color:#000000; z-index:100; text-decoration:none; padding:0; } .dropmenudiv ul { margin:0; padding:0; list-style:none; } .dropmenudiv li { display:inline; margin:0; padding:0; } .dropmenudiv a:link, .dropmenudiv a:visited { width:180px; margin:0 0 0 0 ; padding:0; display:block; border:0 solid #000000; color:#000000; background:url("http://img516.imageshack.us/img516/9346/navazzurrodasdasdownhb7.gif") no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:38px; background:url("http://img516.imageshack.us/img516/9346/navazzurrodasdasdownhb7.gif") no-repeat right top; padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0 solid #000000; background-position:left bottom; font-weight:bold; font-style:normal; text-decoration:none; color:#000000; } .dropmenudiv a:hover span { background-position:right bottom; color:#000000; font-weight:bold; } </style>
<div id="MainMenu">
<div id="tab">
<ul>
   <li><a href="URL"><span>Home</span></a></li>
    </ul>
</div>
</div>



Donde dice URL va la dirreccion a donde quieras que valla el codigo

Ejemplo:

Creas Una Pagina llamda Hola esa pagina cuando la guardas dira tu pagina.es.tl/hola eso es lo que tienes que pegar donde dice URL donde dice home
si quieres que diga hola sustituye el nombre home saldra hola

Si vas a poner mas copia esta linea debajo de la misma

Código:
<li><a href="URL"><span>Home</span></a></li>


Y lo editas a tu manera asi como te explique
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group