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!
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!