miércoles, 11 de mayo de 2011

Como colocar un skin a tu cbox

Hola chic@s hace dias que me han estado pidiendo este tuto sobre los fonditos del cbox y bueno no habia tenido tiempo hasta hoy u.U es algo sencillo pero a la vez un poquito tedioso porque tienes que estar cambiando valores -.- en fin aunque soy algo malita para explicar haha xD tratare de hacer lo mejor que pueda oki empezemos ^-^!!

El skin es una imagen que tienes que hacer y personalizar a tu gusto poniendole todos los adornos que quieras para que se mire cute ^^ !!!

Primeramente has una imagen a tu gusto ^^

2.- Aloja tu imagen en un hosting para que te de la url y la puedas pegar al codigo yo te recomiendo imageshack o photobucket

Yo hice estas n.n las medidas que yo use son: height: 450px width: 215px (tu puedes hacer tus propias medidas)


has clic en un skin cbox para ver su tamaño original

Si utilizas estos diseños no le quites mi direccion de url ^-^

3.-Copia el siguente codigo:



pegalo justo atras de tu codigo de cbox (mira el ejemplo)



oki no te olvides de pegar todo el codigo completo en un gadget htlm/javascript como normalmente lo harias para poner un chat de cbox !!

si seguiste los pasos te habra quedado todo muy bien ^^ !!

Nota: vas a tener que modificar los valores de tu cbox para que quede centrado por ejemplo ( el padding, height y width) esa es la parte tediosa xD!! si miras mi ejemplo del codigo completo tiene los valores que yo utilice en el cbox que miras al lado izquierdo !!


ESTO LO MIRASTE AQUI EN ANNYZ BLOG xD !!

28 comentarios:

  1. Nyyya!! graziazzz x el tutoo *O* ahora qeria zaber una cozita... cuando dicez.. "pegalo justo atras..." como zeria.. pegar zin modificar nada, o ai qe borrar algo i luego pegar el codigo? :B

    Graziaz n.n

    GloomyKawaii.blogspot.com

    ResponderEliminar
  2. sip pegalo sin cambiar nada como en el ejemplo que puse, esta pegado justo antes del codigo del cbox !!! sino te cuadra bien entonces si cambia los valores del height y width !! es un poco tedioso porque tienes que estar cambiando valores hasta que te quede bien centrado tu cbox dentro del skin !! suerte :D

    ResponderEliminar
  3. Waaaaaaaaaaaaaa que lindos *______* inetntare ponerselo al cbox!!
    gracias^^

    ResponderEliminar
  4. Wowo, genial Annyz-chan!! muchas gracias por ponerlo!! n_n

    ResponderEliminar
  5. wow, super bien este tutorial.
    Como siempre sobresaliente Annyz
    Besitos!!!

    ResponderEliminar
  6. Holaa hay gracias yo fui unas de esas que te pedia este tuto ajajja que bueno que no ingnoras >.<

    ResponderEliminar
  7. Annyz x_x segui exactamente tus pasos, pero el skin no se ve =(

    ResponderEliminar
  8. EDIT: Ya logre que apareciera llevo como 1 hora intentando centrarlo x___x como le hiciste!

    ResponderEliminar
  9. hola ayame n.n la verdad fue algo tedidoso o.O porq estuve cambiando los valores del cbox a cada rato para que quedara bien !! =S pero bueno el resultado final valio la pena !!

    besos

    ResponderEliminar
  10. BELLISIMO GRACIAS *o* ESTO ES LO QUE ESTABA BUSCANDO YA HACE TIEMPO

    ResponderEliminar
  11. Eres genial!! Siempre entiendo perfectamente tus tutoriales.. gracias infinitas!!! ^_^

    ResponderEliminar
  12. Ashh!! Tengo un desastree !! D: .. Nesesito as ayuda T-T

    ResponderEliminar
  13. Esta muy chevere el tuto pero no pude con lo de los tamaños.... =(

    ResponderEliminar
  14. ESTAN LINDOS LOS SKINS DE CBOX, COGERE UNO

    ResponderEliminar
  15. Desde que lo vi estaba super deseosa por usar el tutorial, solia tener un chatbox pero los estilos tan aburridos me quitanban el entusiasmo de tenerla en el blog. -.- Ahora, despues de unas dos horas :D ya tengo un cbox que me gusta! xD

    ResponderEliminar
  16. Wow me encantó! mucha gracias!, nunca utilicé el C-box xq no me gustaba el estilo que trae, y gracias a tu tutorial cree mi skin para mi foro y Blog y Wow quedo super! Mil gracias Annyz!! me volviste a salvar! jajaja... Y me complique un poco porque no me salia bien, hasta que coloque el estilo del C-box transparente! jeje... Oye si quieres puedes ver como me quedo: http://sailormoon-forever.nstars.org

    ResponderEliminar
  17. por mas veces que hago es tuto no me resulta fallo en lo de los tamaños los cambio segun mic-box pero no me resulta que puedo hacer??

    ResponderEliminar
  18. saku cual diseno quieres usar?? asi yo te lo acomodo

    ResponderEliminar
  19. Hola annys alguien copio tu tutorial y no dejo creditos lo vi buscando cositas para el cbox no se si te importe pero es mi deber como seguidora decírtelos esta qui
    http://kutenewslove.blogspot.mx/2011/10/skin-cbox.html
    happy day

    ResponderEliminar
    Respuestas
    1. omg gracias spens por avisarme ya me paso por ese blog.

      Eliminar
  20. bufff, soy principiante y me gustaria saber como cambiar los valores...

    ResponderEliminar
    Respuestas
    1. primeramente tienes que hacer tu cuenta en cbox..
      el segundo paso es hacer tu cbox a tu gusto para que se vaya creando el codigo, al terminar.. das clic en "publish" ahi se te dara el codigo definitivo de tu chat ...

      cuando lo tengas (mira la ultima imagen que puse en el tutorial) idenfica ahi lo que menciono sobre el padding, height y width para que tu cbox quede bien acomodado en el skin.

      Eliminar
  21. Hola annyz!, me podrías dar el tamaño de el skin? si la tienes por supuesto.
    Tu blog es super kawaii :D.

    ResponderEliminar

Nota: solo los miembros de este blog pueden publicar comentarios.