PDA

Ver la versión completa : Codigo css con adorno para chat



F-1
22/07/2014, 13:32
Este codigo lo hizo Angel el owner de ayuda y me pidio que haga yo el tutorial y aqui esta , espero que os guste , un saludo a todos.
Hoy os traigo un codigo css para poner les letras del chat en color y agregarle una banderas , en tipo de separacion entre la patee de arriba del chat y las paginas editables del chat
Con este codigo nos saldra el chat completo con sus pagina ecitables, ver pate de limage[/SIE]


http://i.imgur.com/ikzwvkl.png
Aqui el codigo

background-color: #000000; background: url('AQUI LA URL DE LA IMAGEN') }*{font-family:Calibri}*{color:#1BB500}*{text-shadow: 1px 1px 1px #000099}*{cursor:url(AQUI TU CURSOR),auto}*{background-color: #000000; BACKGROUND-POSITION: Center; BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(AQUI EL FONDO)}a:link{color:#1BB500 !important}strong{color:#1BB500 !important}div{display:on !important}.vbmenu_control{display:on}.foot{colo r:#1BB500 !important};

[SIZE=4]Con este codigo nos saldria solo la pate de arriba de la pagina de chat son , las editables , ver imagen


http://i.imgur.com/WemSAo8.png
Aqui el codigo

background-color: #000000; background: url('AQUI LA URL DE LA IMAGEN') }*{font-family:Calibri}*{color:#1BB500}*{text-shadow: 1px 1px 1px #000099}*{cursor:url(AQUI TU CURSOR),auto}*{background-color: #000000; BACKGROUND-POSITION: Center; BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(AQUI EL FONDO)}a:link{color:#1BB500 !important}strong{color:#1BB500 !important}div{display:none !important}.vbmenu_control{display:none}.foot{colo r:#1BB500 !important};

#1BB500 <-- este codigo que vereis repetido el el color de las letrs en verde, podeis cambiarlo si que reis.
Ahora vamos a dar los paasoa de donde se pega el codigo
Nos vamos a edit que esta debajo del chat , ver imagen

http://i.imgur.com/KfNeoMk.png

Ahora despues de pinchar en edit nos nos vamos a poner la contradeña del chat y le damos a enviar , ver imagen

http://i.imgur.com/LbGxDM9.png

Ahora en la imagen que verris marcada con la flecha es donde teneis que pegar el codigo CSS , ver imagen

http://i.imgur.com/idpdvzo.png

Una vez pegado el codigo nos vamos a guardar cambios y , despues en vista previa para ver los cambios que se han echo , ver imagen

http://i.imgur.com/jWhmOt4.png

Aqui os dejo unas banderas para poner de adorno como yo puse el del Power Flash
Aqui unas Banderas animadas
Argentina
http://i.imgur.com/1LMttVs.gif
http://imageshack.com/a/img812/6046/t3q.gif
http://i.imgur.com/I9mqr9A.gif
http://imageshack.com/a/img853/2204/9zn.gif

Chile
http://i.imgur.com/2G5zFXl.gif
http://imageshack.com/a/img534/209/rd8v.gif
http://i.imgur.com/1Y1erqi.gif
http://imageshack.com/a/img833/1851/ic4.gif

Colombia
http://i.imgur.com/OOvcAbp.gif
http://imageshack.com/a/img546/8033/cye.gif
http://i.imgur.com/MptiOSC.gif
http://imageshack.com/a/img36/5859/hri.gif

R.Dominicana
http://i.imgur.com/g9TkBWf.gif
http://imageshack.com/a/img542/6153/67z.gif
http://i.imgur.com/vLx7OqI.gif
http://imageshack.com/a/img577/5761/xeo.gif

Ecuador
http://i.imgur.com/e2xJdf1.gif
http://imageshack.com/a/img35/2811/vjuj.gif
http://i.imgur.com/f0V1OQQ.gif
http://imageshack.com/a/img703/4404/es7.gif

España
http://i.imgur.com/xQ1JeUA.gif
http://imageshack.com/a/img541/284/g2u.gif
http://i.imgur.com/H4U5Bv0.gif
http://imageshack.com/a/img35/7240/0xqz.gif

Guatemala
http://i.imgur.com/qgqig0y.gif
http://imageshack.com/a/img208/11/1wk.gif
http://i.imgur.com/1XD9qxR.gif
http://imageshack.com/a/img560/3271/azj.gif

Honduras
http://i.imgur.com/rXvSSJ9.gif
http://imageshack.com/a/img690/9967/rgnq.gif
http://i.imgur.com/qpX1HR0.gif
http://imageshack.com/a/img836/9523/gcj.gif

Marruecos
http://i.imgur.com/58bwiKo.gif
http://imageshack.com/a/img853/7677/o8g.gif
http://i.imgur.com/Gdw3yBj.gif
http://imageshack.com/a/img856/2227/dlz.gif

Mexico
http://i.imgur.com/sVUlc5W.gif
http://imageshack.com/a/img835/6777/6dg3.gif
http://i.imgur.com/fyaPk2x.gif
http://imageshack.com/a/img600/3458/ag.gif

Nicaragua
http://i.imgur.com/sS46W2p.gif
http://imageshack.com/a/img545/9076/r1ib.gif
http://i.imgur.com/O5qRk6J.gif
http://imageshack.com/a/img560/2236/e9b.gif

Panama
http://i.imgur.com/rInnlzj.gif
http://imageshack.com/a/img545/4820/1ou.gif
http://i.imgur.com/WNW76Gj.gif
http://imageshack.com/a/img819/4397/56ax.gif

Peru
http://i.imgur.com/VBMzxKh.gif
http://imageshack.com/a/img855/2899/jv94.gif
http://i.imgur.com/ACOcw6o.gif
http://imageshack.com/a/img811/1508/ac49.gif

Puerto Rico
http://i.imgur.com/6IVQ9we.gif
http://imageshack.com/a/img600/5649/1v65.gif
http://i.imgur.com/dVCNEyc.gif
http://imageshack.com/a/img30/8976/jug.gif

Salvador
http://i.imgur.com/2mBmOE5.gif
http://imageshack.com/a/img203/5222/jql.gif
http://i.imgur.com/NcsjMW4.gif
http://imageshack.com/a/img707/8256/t94j.gif

Usa
http://i.imgur.com/ANwxulp.gif
http://imageshack.com/a/img194/5793/mhk.gif
http://i.imgur.com/YeTQVQG.gif
http://imageshack.com/a/img707/8361/4c2.gif

Venezuela
http://i.imgur.com/jd3X0IB.gif
http://imageshack.com/a/img196/605/1c46.gif
http://i.imgur.com/MbCJk1U.gif
http://imageshack.com/a/img547/6484/fofi.gif

Aqui os dejo algunas imagenes para el adorno de la cabecera

http://i.imgur.com/2KR5NuM.gif
http://imageshack.com/a/img716/9371/1rb2.gif
http://i.imgur.com/0gtWOnO.gif
http://imageshack.com/a/img36/6959/klmu.gif
http://i.imgur.com/gdTuFoe.gif
http://imageshack.com/a/img542/8461/2jx.gif
http://i.imgur.com/46AyH0H.gif
http://imageshack.com/a/img585/5248/pee1.gif
http://i.imgur.com/lKHHUfr.gif
http://imageshack.com/a/img600/3959/jv7.gif
http://i.imgur.com/i9SFFMT.gif
http://imageshack.com/a/img607/2441/7tp6.gif
http://i.imgur.com/bmdJGs1.gif
http://imageshack.com/a/img690/7131/ylsx.gif
http://i.imgur.com/srm7uLH.gif
http://imageshack.com/a/img534/9746/dlc.gif
http://i.imgur.com/H4U5Bv0.gif
http://imageshack.com/a/img35/7240/0xqz.gif <-- este es animado
http://i.imgur.com/xQ1JeUA.gif
http://imageshack.com/a/img541/284/g2u.gif <-- este es animado
Aqui os dejo el link de allginos cursores , solo deben de copiar el link directo

http://www.mundoxat.com/foro/showthread.php?27015-Cursores-vaiados-para-space&p=166811#post166811 (http://www.mundoxat.com/foro/showthread.php?27015-Cursores-vaiados-para-space&p=166811#post166811) <-- Cursores para SPACE mas de 90

http://www.mundoxat.com/foro/showthread.php?27013-Cursores-para-Spaces-y-como-ponerlos&p=166800#post166800 (http://www.mundoxat.com/foro/showthread.php?27013-Cursores-para-Spaces-y-como-ponerlos&p=166800#post166800) <-- Cursores para SPACE y como crearlo mas de 40 cursores

Ezze
22/07/2014, 13:38
muchas grasias rosis por tomarte el tiempo de acer este post que los usuarios ya estaba pidiendolo creo que no habia ninguno . pero grasias (kiss) . sera de mucha ayuda para los usuarios que quieran adornar sus sala (clap) (kiss)

batuelmejor2010
22/07/2014, 13:44
exelente aporte rosa, creo que los usuarios de el xat ahora tendran mas informacion para orientarse.
muchas gracias y saludos

santotomas
22/07/2014, 13:49
garcias mami x nombrarme te quedo muy bien explicado el tuto(kiss)

Stigma
22/07/2014, 13:49
Saludos Rosi gracias por tomarte tiempo para hacer este tutorial bien explicado les sera de ayuda a los usuarios que no sabian
nos vemos adios !

Bast
22/07/2014, 14:41
Saludos buen tutorial, se agradece el aporte..
Ya que con el otro daba un error..

Nuevamente gracias y hasta luego.

duul
22/07/2014, 16:18
Me parece genial siempre impa buscando alternativas , gracia simpa por tu tiempo y dedicación tanto al xat como a los usuarios que entran por ayuda.

Saluditos....

xjulianax
22/07/2014, 16:27
Excelente trabajo en grupo hicieron impa y cucu los felicito.Esta muy bien explicado y sera util para todos los que quieran dejar su xat diferente y sin errores se agradece el esfuerzo que hacen en conjunto, para poder sacar el xat ayuda adelante con sus inciativas nuevas sigan asi.

Solange
22/07/2014, 17:21
Gracias por aportar este tutorial Angel & Rosi quedo muy bien como siempre, Saludos!

kitty
23/07/2014, 00:52
Ros y angel les quedo muy bien los felicito un abrazo y saludos mas éxitos.
Vamos por mas logros como este equipo besos.

foreverkaam
23/07/2014, 03:47
Fue un exito su trabajo en grupo mami rosi y angel lo felicito sigan aportando mas creatividad (y)