PDA

Ver la versión completa : Editar tu xatspace [css]actualizado[2014]



duul
23/06/2014, 07:19
http://i59.tinypic.com/2pr9y13.jpg



Actualización del codigo css para la edición de nuestro Xatspace.



Hola como sabemos ultimamente hemos visto space editados con un codigo css pero ya no funciona, ahora la intención de este post es actualizarlo.Quiero darle todo el credito de este codigo css a Aced (6660000) ya que fue el usuario que lo dono, yo unicamente cumplo con la labor de informar y compartir esta importante herramienta de edición.

Nota: las imágenes se deben subir en: tinypic, photobucket o imageshack. antes de ser empleadas en el codigo.


●El nuevo codigo para editar su space es el siguiente :

●Codigo original:


background:}*{background:none}#xatstyinfo{display: none}#xatstyabout0{display:none}#xatstywhatpoll{di splay:none}*{text-align:center}*{font-family:Arial}*{color:#ffffff}*{text-shadow: 0px 2px 2px #ffffff}*{cursor:none}hr{display:none}html{backgro und: url('http://img.********.com/JW.png') top center no-repeat scroll}html{background-size:100%}#xatstyheader{height:0px}table{position: absolute}table{bottom:0}table{font-size:12px};}

●En este se le agrega el uso del cursor:


background:}*{background:none}#xatstyinfo{display: none}#xatstyabout0{display:none}#xatstywhatpoll{di splay:none}*{text-align:center}*{font-family:Arial}*{color:ffffff}*{text-shadow: 0px 2px 2px #ffffff}*{cursor:url('LINK DE SU CURSOR
'),auto}hr{display:none}html{background: url('LINK DE SU IMAGEN') top center no-repeat scroll}html{background-size:100%}#xatstyheader{height:0px}table{position: absolute}table{bottom:0}table{font-size:12px};}



●Para cambiar el color de la cabecera y el pie de texto, cambie el código de color en:


{text-align:center}*{font-family:Arial}*{color:#ffffff}*{text-shadow: 0px 2px 2px #ffffff}

●Para cambiar la imagen de fondo cambiar la dirección URL en:


html{background: url('su link de la imagen') top center no-repeat scroll}html{background-size:100%}

●Para colocar el cursor de su elección cambie en:


*{cursor:url('link del cursor'),auto}hr{display:none}

✤Aqui les aporto un post con una lista de cursores para su space :

http://www.mundoxat.com/foro/showthread.php?22454-Lista-de-cursores-para-SPACES

●Ahora como lo pegamos en nuestro perfil?


1.-Entramos al edit de nuestro space no sin antes saber que debe registrarse para poder editarlo ya que solicita nombre de usuario y contraseña.

http://xat.com/web_gear/chat/editprofile.php.




http://i60.tinypic.com/ab1h7o.png


2.-Ya que hayan accedido el codigo css lo deberan de pegar en area que muestra la siguiente imagen:




http://i62.tinypic.com/6t02o0.png


3.-Posteriormente guardamos cambios y podemos utilizar el boton de vista previa para que vean como quedara su espacio.




http://i62.tinypic.com/2aag6xu.png


4.-Una vez hecho todo el procedimiento, pueden agregar su información personal en el SEGUNDO RECUADRO DE LA PAGINA DE EDICION DE SU SPACE como se muestra en la siguiente imagen:




http://i61.tinypic.com/whnwvl.png



✤Como todo, el xatspace también ha tenido modificaciones a través del tiempo y no quiero ser redundante así que les pondre un tutorial creado por un miembro de la comunidad referente a la edición de su space totalmente actualizado.

http://www.mundoxat.com/foro/showthread.php?25287-Nuevo-Menu-Para-XatSpace-Chat-Usarlo

Gracias por la atención y si desean pueden complementar el post o aclarar cualquier cuestión si se considera pertinente.

Saludos cordiales!

perroloco
23/06/2014, 08:03
Buen post cokita te felicito y te agradesco el aporte espero este nuevo codigo este super y ps muchos podamos arreglar nuestros xatsapce lindos y mas decorados suerte y bendiciones

iDeva
23/06/2014, 08:38
excelente informacion.. gracias por tu aporte yo ya lo tengo a si pero mucha gente pregunta y pues no se como explicar (XD)

Stigma
23/06/2014, 09:03
Saludos Duul Excelente aporte muy bueno les servira a muchos usuarios que buscaban este codigo para arreglar sus xatspaces mas bonitos
Gracias por este aporte y nos vemos sigue asi suerte :p

Kotufa
23/06/2014, 10:57
Excelente tutorial y gran aporte, ya que mucho preguntan como se logra ese diseño nuevo del XatSpace.

Lucky
23/06/2014, 11:19
Muy bien Duul. :)

andresitoPipe
23/06/2014, 16:01
+10

Muchas gracias por ayudar a los usuarios con un guía completa sobre la edición del xatspace!
Realmente claro.

Buen trabajo Duul!

F-1
23/06/2014, 16:40
Muy buen trabajo dul , gracias por este aporte y el trabajo que le has dedicado , sigue asi un (kiss)

Solange
23/06/2014, 17:15
Gracias por actualizar el post DuuL, como siempre tus post muy bonitos y completos, Besos! (kiss)

DonGato-Jezzuzz
23/06/2014, 17:44
Gracias dulcecita por ese tiempo y bueno muy bien explicado me uta

Bast
23/06/2014, 18:41
Excelente aporte bella, sera de gran utilidad para muchos usuarios..
Gracias por tomarte el tiempo en elaborar el post ñ.ñ

Hasta luego (klove)

Alcaline
30/06/2014, 12:45
Hola,

Está muy bien explicado y tiene un excelente aspecto tu tema, excelente aporte muchas gracias por él!

Saludos.

senhordiego
11/07/2014, 12:58
Me gustaría saber cómo conseguir que la publicidad de mi perfil en xat
http://img820.imageshack.us/img820/3392/rp6p.jpg