Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje30-09-2008, 18:33 (UTC)    
Título del mensaje: [Tutorial] tu web Transparente.

ya que han abido temas sobre esa pregunta, desido crear este tutorial.

- El codigo de transparencia ya esta en la seccion CSS, pero desparchemusical (creador del tema) no coloco como colocarlos en su web.

Yo lo explico:

1º- Primero que todo este codigo CSS sirve para que tu web este transparente.

2º- El codigo es asi:
Cita:
<style type="text/css">
td.headline{visibility:hidden;} td.headline2{visibility:hidden;} body{background-image:url(url del Fondo);background-attachment: fixed;background-color:#ffffff;filter: alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75}
</style>


- Donde dice url del Fondo colocas la url de la imagen de fondo que quieres que se vea transparente con el diseño.

*Una Pregunta muy frecuente es: ¿pero ese codigo funciona con mozila e IE?

Claro que si, ese codigo esta formulado por partes que hacen funcionalidad con esos navegadores, la parte para que funcione con Mozila es:
Código:
-moz-opacity: 0.75;opacity
y en IE:
Código:
alpha(opacity=75)


3º- Y eso es todo, colocan el codigo en un box.

¿como quedara mi web?

aqui tienen ejemplos de diseños transparentes:

- http://pixelea.com/s/669ac85fbc.PNG

- http://pixelea.com/s/314ebfa08f.PNG

Cualquier Duda me avisan y yo respondo.

Espero que les sirva de ayuda este tutorial.

Saludos.

______________
LO MAXIMO EN SMILEYS PARA MSN


Ultima edición por tus-emoticones el Mar Sep 30, 2008 3:58 pm; editado 1 vez
Mensaje30-09-2008, 18:50 (UTC)    
Título del mensaje:

buen aporte
lo he utilizado en mi otra web que esta en construcciones.
gracias!
______________

Información|Fotos|Vídeos|Curiosidades|Encuestas|Zonas Exclusivas|y más!.
http://galaxiadball.es.tl/
Mensaje30-09-2008, 19:37 (UTC)    
Título del mensaje:

YO TBN USABA ESOS FILTROS EN MI WEB "SEMITRANSPARENTE"XD PERO MUY BIEN EL CODE SALU2
______________

Plantillas | CSS | HTML | Normas del foro | Contacto | Tutoriales
Mail de ayuda: contacto@radioflash.com

Mensaje30-09-2008, 20:04 (UTC)    
Título del mensaje:

muchas gracias! y le agregue al tuto algunos icones para que se vea mas interesante.

salu2.
______________
LO MAXIMO EN SMILEYS PARA MSN
Mensaje30-09-2008, 20:15 (UTC)    
Título del mensaje:

esos iconos son de mi post en otros temas no???
______________

Plantillas | CSS | HTML | Normas del foro | Contacto | Tutoriales
Mail de ayuda: contacto@radioflash.com

Mensaje30-09-2008, 20:27 (UTC)    
Título del mensaje:

buen aporte
Mensaje30-09-2008, 20:31 (UTC)    
Título del mensaje:

radioflash24 escribió:
esos iconos son de mi post en otros temas no???


si son de tu tema, muy buenos esos iconos
______________
LO MAXIMO EN SMILEYS PARA MSN
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group