PDA

Ver la versión completa : Código CSS para Colocar el fondo de atrás estático



sfailach11
13/02/2014, 04:48
Buenas a todos, antes que nada agradecerle a mi hermano joelcito que fue el diseñador, les dejaremos un tutorial sencillo de como colocar un fondo fijo en la parte de atrás de un chat, con sus medidas exactas y la forma de que el banner publicitario quede abajo de la caja de chat.

1. Vamos al chat nuestro.
2. Vamos a la opción edit abajo de la caja de xat
3. colocamos la clave del chat
4. vamos a Fondo
5. pegamos el código
6. guardamos cambios

Nota: El código cuando guarden cambios se reducirá, así que no le hagan cambios una vez colocado es normal que se reduzca.


Esperan 10 minutos para que se efectúen los cambios.


Acá link de descarga del psd de el fondo.


Descargar Fondo PSD IBM (http://www.mediafire.com/download/o55yo6repna984e/FondoCompleto_[/url][IBM_Design].psd)



Acá les dejamos el código Nota: (Lo que esta en rojo en el código lo reemplazamos por nuestro enlace de fondo:



<embed wmode="transparent" src="http://xat.com/images/ads/xatAd.swf?b8" quality="high" flashvars="" width="728" height="90" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash"></div></div>background-color: #000000; background-color: #000000; background-image:url("http://oi59.tinypic.com/m8oc61.jpg"); background-position:top; background-repeat: no-repeat;

Acá les dejamos las imágenes para que vean los pasos:

http://i.imgur.com/AAWOcFK.pnghttp://i.imgur.com/u6dirqL.pnghttp://i.imgur.com/whn7RX8.pnghttp://i.imgur.com/rkgqOVM.pnghttp://i.imgur.com/vAHaRK1.png

Si te sirvio este post click AQUI (http://www.mundoxat.com/foro/reputation.php?do=addreputation&p=167580) < > AQUI (http://www.mundoxat.com/foro/reputation.php?do=addreputation&p=166468)

BochonMix
13/02/2014, 05:04
Excelente aporte Susanillo, creo que es el código quizás mas esperado
que muchos solicitaban y querían, pues ya es realidad:


<embed wmode="transparent" src="http://xat.com/images/ads/xatAd.swf?b8" quality="high" flashvars="" width="728" height="90" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash"></div></div>background-color: #000000; background-color: #000000; background-image:url(http://oi59.tinypic.com/219yz9e.jpg); background-position:top; background-repeat: no-repeat;

Cabe resaltar que si dejan lo que está en negrita la parte de abajo si no tienen alguna web, foro o blog les saldrá por defecto en color negro, no será problema alguno porque lo podremos cambiar trabajando con código de colores hexadecimales reemplazando lo que está en negrita podemos cambiarlo por el color que guste:
acá te dejo donde podrás conseguir mas códigos para editarlo y que tu xat luzca excelente: > Clic Aquí < (http://html-color-codes.info/codigos-de-colores-hexadecimales)
Esperamos que el tutorial haya sido de su agrado comenten que les pareció, si lo están utilizando hasta la próxima bless!

santotomas
13/02/2014, 05:12
buen tuto si es cierto k estaba muy esperado gracias x el aporte

kitty
13/02/2014, 23:56
Excelente post de gran ayuda.
Bochito y mani les felicito sigan asi.
Saludos y mas éxitos.
Gracias!.

P.D.Lo guardo.

soujiro1985
14/02/2014, 06:17
muy buen recurso, gracias por compartirlo!! bien será de mucha ayuda para todos dentro de la comunidad

Sanku
14/02/2014, 15:07
Buen post :D