Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje19-07-2008, 08:17 (UTC)    
Título del mensaje:
Responder citando
Cita:
<head>
<style>
<!--

.mousefuera {
border-top: 10px solid #ffffff;
border-bottom: 10px solid #ffffff;
border-left: 6px solid #ffffff;
border-right: 10px solid #ffffff;
}

.mouseSobre {
border-top: 6px solid #ffffff;
border-bottom: 14px solid #ffffff;
border-left: 10px solid #ffffff;
border-right: 6px solid #ffffff;
}

.mousepulsado {
border-top: 13px solid #ffffff;
border-bottom: 7px solid #ffffff;
border-left: 10px solid #ffffff;
border-right: 6px solid #ffffff;
}

.MouseArriba {
border-top: 10px solid #ffffff;
border-bottom: 10px solid #ffffff;
border-left: 10px solid #ffffff;
border-right: 6px solid #ffffff;
}

//-->
</style>
</head>
<!-- modificar # por tu enlace-->
<a href="#"><img src = "/images/mundo.gif"
title = "Imagen(boton)con Enlace"
width = "90"
height = "90"
border = "0"
class = "mousefuera"
onmouseover = "this.className='mouseSobre'"
onmousedown = "this.className='mousepulsado'"
onmouseup = "this.className='MouseArriba'"
onmouseout = "this.className='mousefuera'"></a>
<!-- Segunda imagen-->
<img src = "/images/mundo2.gif"
title = "Imagen ( boton ) sin enlace"
width = "90"
height = "90"
border = "0"
class = "mousefuera"
onmouseover = "this.className='mouseSobre'"
onmousedown = "this.className='mousepulsado'"
onmouseup = "this.className='MouseArriba'"
onmouseout = "this.className='mousefuera'">

DIME SI TE SIRVE


No son necesarias muchas modificaciones en este codigo, lo unico seria: Modificar los colores qu en este caso hemos puesto #ffffff, por los colores que desees. Es importante que las etiquetas style esten dentro del Head y el resto entre body A las imagenes podemos agregarle enlaces como mostramos en uno de los ejemplos.
______________
DISFRUTA DEL MEJOR FUTBOL ONLINE EN CALIDAD HD CON TUS EQUIPOS FAVORITOS
http://satsports.es.tl/
↑
Mensaje19-07-2008, 18:34 (UTC)    
Título del mensaje:
Responder citando
diegovenegas escribió:
y si lo hacen ustedes mismos?
Renombran la pagina, en vez de llamarse: Home,
le ponen:<div class="menu01">Menu</div>

Y en texto por debajo de la pagina ponen:
codigo escribió:
<style type="text/css">
<!--
.menu01{padding:0 0 20px; line-height:33px; background-image:url(Url Boton);
margin-left:-25px;margin-top: -0px;widht: 185px;height: 33px;}
.menu01:hover{padding:0 0 20px; line-height:33px; background-image:url(Url Boton hover);
margin-left:-25px;margin-top: -0px;185px;height: 33px;}
-->
</style>


• Lo que esta en azul es el ancho y alto del boton de la plantilla butterfly (no me los se, asi que tienes que averiguarlo tu)
• Lo que esta en naranjo es por si la imagen del boton te aparece corrida, con eso la configuras bien ya sea que hay que moverla 5 pixelez a la izquierda o que se yo
• lo de verde es el margen, el line-height dejalo del mismo ancho que el boton de butterfly

¡¡¡Esto es una medida Parche !!!!,por si te urge mucho cambiarlo


no entendí. en el título de nuestra página home ponemos:

<div class="menu01">Menu</div>

eso?. o sea que nuestro inicio se llamaría Menú?
↑
Mensaje19-07-2008, 22:25 (UTC)    
Título del mensaje:
Responder citando
Un leve error de tipeo jajaja, no, ponle <div class="menu01">Home</div> en vez de <div class="menu01">Menu</div>

Que las renombre todas, si tienes que se llame imagenes
ejemplo:
www.nixoweb.es.tl/imagenes

el imagenes renombrarlo por el <div class="menu01">Imagenes</div>


Ultima edición por diegovenegas el Sab Jul 19, 2008 6:28 pm; editado 1 vez
↑
Mensaje19-07-2008, 22:26 (UTC)    
Título del mensaje:
Responder citando
ah ok ;-)
↑
Mensaje19-07-2008, 22:32 (UTC)    
Título del mensaje:
Responder citando
La verdad es que con el div puedes cambiar casi todo, hasta el fondo de las encuestas
↑
Mensaje19-07-2008, 22:34 (UTC)    
Título del mensaje:
Responder citando
algún día aprenderé

ladiskoteka, poniendo el código, solo me funciona dentro del contenido.
↑
Mensaje20-07-2008, 06:29 (UTC)    
Título del mensaje:
Responder citando
Para los GRANDES editores de códigos de PWG aquí les dejo lo que yo supongo que hay que editar y pasar al formato (que no se como se llama: <style type="text/css">TD.edit_xxxx(...)</style>)... Extraje el siguiente código del "código de fuente" de mi site (Lo puse como cita para que c reconozcan los colores):

Cita:
<td height="28" background="http://80.190.202.79/designs/butterfly/images/navi.gif" onclick="window.location.href='#'" onMouseOver="this.style.backgroundImage='url(http://80.190.202.79/designs/butterfly/images/navi_over.gif)'; this.style.cursor='hand';" onMouseOut="this.style.backgroundImage=''" class="edit_nav_main"><table width="100%" border="0" cellspacing="0" cellpadding="0">


REFERENCIAS:
Azul: Supongo que hace referencia al fondo, es decir al botón 1 (botón sin pasar el mouse sobre el)
Rojo: Supongo que hacer referencia como el nombre lo dice (OnMouseOver) al botón 2 (botón al pasar el mouse)
Verde: Sabemos que ese será nuestro class (TD.edit_nav_main)
Verde Olivo: SUPONGO que lo que está en este color y lo de "class" podría ser eliminado para la creación del código...


En la parte de "onMouseOut" (al no pasar el mouse) creeo que sería inútil colocar algo, ya que habríamos modificado esta caraceteristica en la parte de background (Azul).

RECUERDEN QUE HABLAMOS DE LA PLANTILLA "BUTTERFLY"!!

Yo he intentado varias cosas con estos códigos pero quizá haya una relación precisa que desconozca... Si tienen ganas de trabajar un poco descubriremos algo desconocido hasta ahora en Butterfly!
Muchas Gracias!
TO-K!
_____________
Cansado de Escribir!


Ultima edición por tokarg el Dom Jul 20, 2008 2:51 am; editado 2 veces
↑
Mensaje20-07-2008, 20:45 (UTC)    
Título del mensaje:
Responder citando
Nadie sabe relacioanr o transformar el código anterior??!!!
(Revivo con ansias de respuesta!)

editado por nixoweb: No hagas doble post porque dentro del foro esta prohibido. Existe la función Editar que esta en la esquina superior derecha de tu mensaje que permite editar tu post ya enviado.


Ultima edición por tokarg el Dom Jul 20, 2008 9:44 pm; editado 1 vez
↑
Mensaje21-07-2008, 00:15 (UTC)    
Título del mensaje:
Responder citando
tienes que guiarte por lo de color verde, mejor dicho, tienes que guiarte por la opcion class en este caso seria:
td.edit_nav_main {background-image....}

pero teamwebmaster lo puse y tu dijiste que no servia, entonces no se me ocurre
team-webmaster escribió:
<style type="text/css">
<!--
td.edit_nav_main{background-image:url(URL);}
td.edit_nav_main:hover{background-image:url(URL);}

-->
</style>
↑
Mensaje21-07-2008, 01:24 (UTC)    
Título del mensaje:
Responder citando
diegovenegas escribió:
tienes que guiarte por lo de color verde, mejor dicho, tienes que guiarte por la opcion class en este caso seria:
td.edit_nav_main {background-image....}

pero teamwebmaster lo puse y tu dijiste que no servia, entonces no se me ocurre
team-webmaster escribió:
<style type="text/css">
<!--
td.edit_nav_main{background-image:url(URL);}
td.edit_nav_main:hover{background-image:url(URL);}

-->
</style>


si funciona
______________
↑
Mensaje21-07-2008, 14:29 (UTC)    
Título del mensaje:
Responder citando
team-webmaster escribió:
diegovenegas escribió:
tienes que guiarte por lo de color verde, mejor dicho, tienes que guiarte por la opcion class en este caso seria:
td.edit_nav_main {background-image....}

pero teamwebmaster lo puse y tu dijiste que no servia, entonces no se me ocurre
team-webmaster escribió:
<style type="text/css">
<!--
td.edit_nav_main{background-image:url(URL);}
td.edit_nav_main:hover{background-image:url(URL);}

-->
</style>


si funciona


Ese código no funciona en BUTTERFLY, lo he vulto a intentar y lo he colado desde el "primer box" hasta el "texto por debajo de la página" y nada... No se cómo lo habran armado pero a mi no me funciona....
Salu2
TO-K!
↑
Mensaje27-07-2008, 03:28 (UTC)    
Título del mensaje: no funka
Responder citando
no funciona ni en blue ice...
↑
Mensaje27-07-2008, 03:36 (UTC)    
Título del mensaje:
Responder citando
En ice blue no, funciona en butterfly
______________
↑
Mostrar mensajes anteriores:   
  • Página 2 de 2

  •  
    • Saltar a:  


Powered by phpBB © 2001, 2005 phpBB Group

© 2024 webme GmbH, Alemania. Todos los derechos reservados.