Página 1 de 2 12 ÚltimoÚltimo
Resultados 1 al 10 de 12

Tema: Edita tu perfil con codigos css

  1. #1
    .: мιcнι ‹з уєѕмα :. Avatar de Mich
    Fecha de ingreso
    04 ago, 11
    Ubicación
    México
    Mensajes
    75
    Poder de reputación
    10

    Predeterminado Edita tu perfil con codigos css

    Hola a todos, en vista de que muchos me han preguntado como es que que puse en mi xatspace un cursor animado & las barras de desplazamiento con color, es que decidi hacer este tutorial.

    Primero que nada les aclaro que estos arreglos los hice con codigos css.

    ¿Qué es CSS?

    Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre estilo y formato de sus documentos.

    ¿Para qué sirve?

    CSS se utiliza para dar estilo a documentos HTML y XML, separando el contenido de la presentación. Los Estilos definen la forma de mostrar los elementos HTML y XML. CSS permite a los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo.


    Como Nota Importante deben saber que estos codigos css que hoy les mostrare son unicamente para internet explorer, es decir, unicamente aquellos que entren a ver su perfil a traves de intarenet explorer podran ver estos arreglos.

    Para editar tu perfil debes estar registrado en xat.com


    Paso 1

    Clic en tu avatar o foto de xat



    Paso 2

    Clic en el enlace "edit" o entrar directamente desde este link http://xat.com/web_gear/chat/editprofile.php



    Paso 3
    Colocas los datos de tu registro



    Paso 4
    Ya que estamos en la ventana de edicion del perfil, nos desplazamos hasta el ultimo cuadro de edicion & es ahi donde colocaremos nuestros css.


    Paso 5
    Para colocar cursor animado a nuestro perfil
    En esta pagina http://www.cursores.org/ encontraremos una variedad de cursores para nuestro xatspace.

    Elegimos la categoria de cursores que deseamos.



    Paso 6
    Elegimos cursor & copiamos el codigo



    Paso 7
    Pegamos el codigo del cursor en el cuadro de edicion mencionado en el paso 4



    Paso 8
    Aqui debemos prestar atencion con lo que haremos. Vamos a copiar unicamente el url del cursor, ya que todo el codigo que tenemos no nos servira.



    Paso 9
    Este codigo que les dejo aqui es el que usaremos para poner nuestro cursor animado, donde dice URL DEL CURSOR sustituiremos.

    <STYLE type="text/css">
    *{cursor:url("URL DEL CURSOR"),default
    }</STYLE>




    Paso 10
    Para poner color a las barras de desplazamiento de nuestro perfil
    Para esto solo deben copiar estos codigos & sustituir los codigos de colores por los que ustedes desean

    <STYLE type="text/css">
    *{
    scrollbar-face-color: #ff00ff;
    scrollbar-shadow-color: #7A5DC7;
    scrollbar-arrow-color: #7A5DC7;
    scrollbar-track-color: #000000;
    }</STYLE>



    Finalmente nuestros css de cursor & barras de desplazamiento deben quedar asi ya colocados en nuestro ultimo cuadro de edicion



    Aqui les dejo mi perfil http://xatspace.com/iiMICHii si desean ver un ejemplo de los resultados de estos css en un perfil.


    Espero les guste mi tutorial & despues les prepare un tutorial con mas css que podemos aplicar para decorar nuestro xatspace.

    Saludos para todos & si tienen alguna duda sobre este tutorial pueden encontrarme en el xat de ayuda & con gusto les ayudare



  2. #2
    Asistente XAT
    Fecha de ingreso
    27 may, 11
    Ubicación
    chile
    Mensajes
    53
    Poder de reputación
    10

    Predeterminado

    Pero que buen tuto Felicidade michi te quedo muy bueno y muy completo

  3. #3
    -251546827-
    Avatar de Cami
    Fecha de ingreso
    09 may, 10
    Ubicación
    Stgo,Chile
    Mensajes
    1,478
    Poder de reputación
    16

    Predeterminado

    Esta Buenisimo, Gracias Por El Tiempo y Dedicacion.. Lo Agregare a Mis Macros, Muy Buen Aporte =D .

    Bienvenida Al Foro.







    ¡TÓCAME!




  4. #4
    XAT'S DEAD Avatar de Edd
    Fecha de ingreso
    07 ago, 10
    Mensajes
    614
    Poder de reputación
    11

    Predeterminado

    Hola mich buen tutorial sobre como mejorar nuestro xatspace
    pero lo malo de eso es que solo se ve en internet explorer xd
    Buen post!
    NOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO XQ A MIIIIIIIIIIII!!!!!!!!!!!!!!!!!!111 #LLOLO#SWAJ#BB#TORCH#FOSTER

  5. #5
    No hay medida de amar♥ Avatar de Leona
    Fecha de ingreso
    19 nov, 09
    Ubicación
    ♥♥♥♥♥♥♥♥♥♥♥♥♥♥
    Mensajes
    197
    Poder de reputación
    11

    Predeterminado Muy Buen Aporte

    Hola Mich mire tu post y esta muy bien e te felicito sera muy util para todos aqui .Grasias por averte tomado un tiempo para acerlo y explicarlo muy bien .Y espero que este no sea el ultimo tuto que agas porque esta muy bueno te quedo muy bien y a nombre de todos mis companeros que son muchos te doy las grasias por este muy buen aporte
    Última edición por Leona; 11/08/2011 a las 17:04 Razón: xd
    "Miro Con Confianza y Asepto Nuevos Retos de DIOS"

  6. #6
    .: мιcнι ‹з уєѕмα :. Avatar de Mich
    Fecha de ingreso
    04 ago, 11
    Ubicación
    México
    Mensajes
    75
    Poder de reputación
    10

    Predeterminado

    Gracias por sus comentarios & claro qe no sera el ultimo leona espero qe sea el primero de muchos xD .... & jairo luego traere css para otros navegadores *-*




  7. #7
    XAT'S DEAD Avatar de Edd
    Fecha de ingreso
    07 ago, 10
    Mensajes
    614
    Poder de reputación
    11

    Predeterminado

    Cita Iniciado por Mich Ver mensaje
    Gracias por sus comentarios & claro qe no sera el ultimo leona espero qe sea el primero de muchos xD .... & jairo luego traere css para otros navegadores *-*



    Mich Me equivoque perdona
    Si funciona con todos,esque no puse el codigo bien O.o
    NOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO XQ A MIIIIIIIIIIII!!!!!!!!!!!!!!!!!!111 #LLOLO#SWAJ#BB#TORCH#FOSTER

  8. #8
    ﮎuper√ip ©2014 Avatar de xjulianax
    Fecha de ingreso
    21 sep, 10
    Ubicación
    Argentina,La Rioja Capital
    Mensajes
    472
    Poder de reputación
    11

    Thumbs up Excelente post

    Excelente post michi te felicito realmente muy lindo gracias por buscarles mas detalles bonitos a nuestro space se te agradece el aporte brindado se q a mxos le gustara michi vamos x mas post este es el comiendo de los tantos q vendran .
    Se puede amar a la persona equivocada, llorar por una mala razón. Pero una cosas es segura, los errores nos ayudan a encontrar a la persona adecuada♥♥♥♥♥

  9. #9
    Xat VIP Staff Antiguo Avatar de Gilberto
    Fecha de ingreso
    21 jul, 09
    Ubicación
    DURANGO YOUTUBE
    Mensajes
    1,964
    Poder de reputación
    15

    Predeterminado

    Me gusto el tutorial mich esta muy bien elaborado, explicado, y muy bueno el contenido espero sigas trayendo mas aportes al foro e usuarios como este tipo, veo que eres nueva y pues estas empezando bien un saludo y nuevamente gracias por el aporte que nos traes..




    NO OLVIDES COMENTAR Y DAR LAS GRAXIAS SI TE SIRVIO EL POST O TEMA

    ANTES DE CRITICAR RECUERDA QUE TAMBIEN TIENES DEFECTOS


  10. #10
    Xat VIP Staff Antiguo Avatar de Rugbier
    Fecha de ingreso
    07 mar, 10
    Ubicación
    Argentina
    Mensajes
    790
    Poder de reputación
    12

    Predeterminado

    Te quedo muy bueno, muy completo , gracias x tu aporte para los chicos del foro !
    Última edición por Rugbier; 11/08/2011 a las 22:40



    Spoiler!







    Ricotero !

Página 1 de 2 12 ÚltimoÚltimo

¿Te ha sido útil este articulo? Compártelo!

¿Te ha sido útil este articulo? Compártelo!

Permisos de publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •