Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje16-11-2011, 12:21 (UTC)    
Título del mensaje: Re: [SIN RESOLVER] sustituir en ICE BLUE una "TD IMG&am
Responder citando
buzzdungeon escribió:
Lo siento por postear tan tarde, no había visto el tema xd

Con css no es posible, amenos de que se editara un poco el html de PWG...

la solución es simple, con jquery

pegue esto en Editar diseño -> opciones avanzadas -> texto por encima de la web
Cita:
<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".edit_below_nav img").attr({
src: 'URL DE LA IMAGEN POR LA QUE QUIERA SUSTIRUIR'
});
});
</script>


por arte de magia el atributo src de la imagen habrá cambiado

saludos!



TUVE QUE HACER ALGUNOS AJUSTES:

A)
1ª Imágen a sustituir:

http://theme.webme.com/designs/iceblue/images/navi_ende.gif <<= ( 185x198 pixels)

1ªNueva imagen:

http://img.webme.com/pic/w/webmicro/navi_ende.png <<= (185x198 pixels) Desde el pixel 31 al 198 el fondo es transparente. Yo quería una imagen de solo 30 pixels de altura.

B)
2ª Imagen a sustituir:

http://theme.webme.com/designs/iceblue/images/navi_bg.gif <<= (esta imagen es el background del la columna del Menu y NO QUIERO VERLA)

2ª Nueva imagen:
http://img.webme.com/pic/w/webmicro/navi_bg.png <<= (toda la imagen es transparente y conserva el mismo tamaño de alto y ancho que la sustituida)

C)
COLOCAR POR ENCIMA DE PAGINA:

Código:


<!-- ==================================== -->
<!-- Inicio: Transparentar Imagen de Fondo de Menu  -->
<!-- ==================================== -->

<style type="text/css">

td.edit_navi_headbg{background-image:url(http://img.webme.com/pic/w/webmicro/navi_bg.png);background-color:;background-repeat:no-repeat;}

</style>

<!-- ==================================== -->
<!-- Final: Transparentar Imagen de Fondo de Menu  -->
<!-- ==================================== -->


<!-- ======================= -->
<!-- INICIO: Cambiar Pie de Menu -->
<!-- ======================= -->

<script type="text/javascript" src="

https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js">
</script>

<script type="text/javascript">

$(document).ready(function(){
$(".edit_below_nav img").attr({
src: 'http://img.webme.com/pic/w/webmicro/navi_ende.png'
});
});

</script>

<!-- ======================= -->
<!-- FINAL : Cambiar Pie de Menu -->
<!-- ======================= -->



Y con eso FUNCIONA y se puede cerrar el Menu de la izquierda con un pié de Menu. Se puede comprobar aquí: http://www.webmicro.es.tl

Muchísimas GRACIAS buzzdungeon eres un CRACK !!!


Ultima edición por webmicro el Mie Nov 16, 2011 8:28 am; editado 3 veces
↑
Mensaje16-11-2011, 20:49 (UTC)    
Título del mensaje:
Responder citando
No hay de que, se ve bueno el efecto!

saludos
______________
/* Programador web freelance. */
/* twitter: @jfdelarosa */
↑
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.