Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje03-09-2009, 22:37 (UTC)    
Título del mensaje: [Código Javascript] Seleciona el diseño

Si usas un diseño creado por ti o adaptado como muchas webs, y quieres que en tu web sea el usuario el que elija el diseño, este codigo te sera muy util para lograrlo.
Contiene los codigos y la explicacion de como ponerlo en tu web.

Codigo CSS
Código:
<link rel="stylesheet" type="text/css" href="Tu diseño por defecto" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="diseño2" href="Tu diseño 2" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="diseño3" href="Tu diseño 3" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="diseño4" href="Tu diseño 4" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="diseño5" href="Tu diseño 5" />


Codigo JS
Código:
<script src="http://virkings.netau.net/js/cdesing" type="text/javascript">
</script>



Codigo HTML
Código:
<a title="diseño por defecto" checked="checked" href="javascript:chooseStyle('none', 60)"><img border="0" align="absmiddle" src="Imagen 1" alt="" /></a>

<a title="diseño 2" href="javascript:chooseStyle('diseño2', 60)"><img border="0" align="absmiddle" src="Imagen 2" alt="" /></a>
<a title="diseño 3" href="javascript:chooseStyle('diseño3', 60)"><img border="0" align="absmiddle" src="Imagen 3" alt="" /></a>
<a title="diseño 4" href="javascript:chooseStyle('diseño4', 60)"><img border="0" align="absmiddle" src="Imagen 4" alt="" /></a>
<a title="diseño 5" href="javascript:chooseStyle('diseño5', 60)"><img border="0" align="absmiddle" src="Imagen 5" alt="" /></a>


Disponibilidad

Compatible con IE +6, Mozilla Firefox, Opera, Google chrome, Safari

Si no desean utilizar mi servidor solo suban el archivo a su servidor preferido.


Fuente: No disponible porque no recuerdo de donde saque el codigo



Ultima edición por virkings el Vie Nov 06, 2009 5:11 pm; editado 1 vez
Mensaje03-09-2009, 22:51 (UTC)    
Título del mensaje:

musicadelfuk escribió:
no entiendo como funciona :S


Debes colocar el codigo CSS y el JS en texto por encima de la pagina (los diseños CSS previamente subidos a un servidor web externo)

y el codigo HTML en donde quieres que aparesca el texto/imagenes para cambiar el diseño...

PD: Este codigo es un poco avanzado...


Ultima edición por virkings el Jue Sep 03, 2009 7:13 pm; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group