Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje10-03-2009, 05:30 (UTC)    
Título del mensaje: [Resuelto]Imagen en el fondo del menu

hola alguien me podria decir como pongo esta imagen como fondo o margen en el menu, en plantilla iceblue

http://img9.xooimage.com/files/e/f/8/1-c1d465.jpg

Para que quede mas o menos de estas forma y se vea mas o menos asi el menu

http://img3.xooimage.com/files/c/7/9/2-c1d472.jpg


Ultima edición por soporte-consumibles el Mie Mar 11, 2009 6:52 am; editado 2 veces
Mensaje10-03-2009, 11:15 (UTC)    
Título del mensaje:

Hola,
en 1º lugar por favor modifica tu firma:
http://www.paginawebgratis.es/forum/viewtopic.php?t=3130
En 2º lugar:
Debes dividir esa imagen en 3:
La parte inicial, algo así:


A la parte del centro además de cortarla debes añadirle un marco para que no quede solamente blanca, quedaría algo así:


La parte final, algo así:


Las 3 imágenes deben medir 185px × 33px.

Una vez que tengas las imágenes listas deberás pegar este código en "Texto por encima de la página":
Cita:
<style type="text/css">
.m01{padding:0 0 0 20px; line-height:33px; background-image:url(URL DE LA IMAGEN PARTE INICIAL);
margin-left:-25px;margin-top: -0px;widht: 185px;height: 33px;}
.m02{padding:0 0 0 20px; line-height:33px; background-image:url(URL DE LA IMAGEN PARTE CENTRO);
margin-left:-25px;margin-top: -0px;widht: 185px;height: 33px;}
.m03{padding:0 0 0 20px; line-height:33px; background-image:url(URL DE LA IMAGEN PARTE FINAL);
margin-left:-25px;margin-top: -0px;widht: 185px;height: 33px;}
</style>


Luego en "Controlar páginas" debes tener un esquema así (debes poner por encima y al final de tu sitio 2 nuevas páginas para hacer la apertura y el cierre del menú):

PAGINA INICIO
PAGINAS DE TU SITIO
PAGINA FINAL

En el título de la página inicio pegarás este código:
Código:
<div id="m01"></div>

En el título de las páginas de tu sitio deberás pegar este:
Código:
<div id="m02">TÍTULO DE LA PÁGINA</div>

En el título de la página final pegarás este código:
Código:
<div id="m03"></div>


Salu2!


Ultima edición por tokarg el Mar Mar 10, 2009 7:16 am; editado 1 vez
Mensaje11-03-2009, 00:10 (UTC)    
Título del mensaje:

muchas gracias por todo y con la firma snif snif se me paso tendre mas cuidado q pena.

saludo2
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group