3 sept. 2014

Tutorial: Modificar la caja de gadget al gusto

Tippy
Hi! Cuánto tiempo (?) Al fin he vuelto y he acabado mis exámenes, ya no tengo que estudiar más estos días ;u; No me han salido tan mal, yo espero aprobar los dos pero hasta mañana no puedo saber mis notas así que aquí estoy en mi casa llena de nervios por saber si apruebo o no ;_; En la próxima entrada ya les diré como me fue, pero por hoy voy a dejarles un tutorial sencillo para modificar los gadgets muy práctico en muchas ocasiones.~
 Quitar fondo y bordes a la caja
A veces queremos poner un gadget totalmente transparente, pero si sólo pones fondo transparente aún se verá el borde, y para que no quede así pon este código arriba de ]]><b:skin>
#númerodelgadget { background: none;border: none;}
Lo que está en rojo es donde va el número del gadget que tu quieres que tenga fondo transparente, y una manera sencilla de saber el número, es ir a Diseño y mantener el cursor arriba de la palabra ''editar'' del gadget que quieres modificar. Les dejo una imagen para guiaros mejor:

[Haz click para verla en grande]

Cuando hayan visto la imagen espero que entendáis a lo que me refería xD Cada vez que queráis saber el ID de vuestro gadget esta es la manera más sencilla de saberlo sin tener que ir a Plantilla y estar buscando uno por uno, solo ir a Diseño y mantener el cursor arriba del ''editar'' de los gadgets que quieran modificar y abajo les sale el número que es siempre HTML-un número-. Pues eso es lo que tienes que poner en el númerodelgadget, que en este caso quedaría:
#HTML3 { background: none;border: none;}

Bueno no me quiero enrrollar más, creo que ya se entiende, ya saben si no entienden algo me lo comentan. ~
 Mover los gadgets
A veces nos puede quedar un gadget muy hacia abajo, o muy hacia arriba, etc, o simplemente lo quieres mover porque queda muy alejado o muy cerca a otro. Buscamos ]]><b:skin> y arriba pegamos este código:
#HTMLnúmerodelgadget{
margin-top: -20px !important;
Lo que está en rojo es lo mismo que expliqué antes, vas y miras el número que tiene que quieres mover y pones su número. Y lo que está en azul quiere decir cuánto quieres ponerlo más arriba, si le aumentas el número estará más arriba y si le pones menos pues más abajo. Si no ha bajado tanto como querías puedes cambiar el ''margin-top'' por ''margin-bottom'' que sería abajo. :3

Y bueno esto sería todo, la verdad que a mi estos trucos me suelen venir muy útiles para modificar los gadgets y no me queden..feitos (?) xD Espero que les haya servido y perdonen por haberme enrrollado un poco pero quería explicarme lo mejor posible :c Igualmente ya saben, si hay dudas comenten

4 comentarios:

  1. HI muy bueno el tuto y que bien sin examenes son de lo peor

    ResponderEliminar
  2. El tutorial estuvo muy bueno, siempre es necesario saber este tipo de cosas, son de gran ayuda.

    Gracias por el tuto.
    ¡saludos!

    ResponderEliminar
  3. Muchas gracias por el tutoriales!! C;
    Muy bueno, cuidateee

    ResponderEliminar
  4. Buen aporte Yani *w* dñfjakljdlaj cada vez q entro a tu blog la musica de fondo me pone d animo y me dan ganas d jugar en consola :v xD

    ResponderEliminar

Gracias por dejar tu saludito ·ω· Si tienes algún error o necesitas ayuda con un tutorial, dale a ''haz click aquí'' en la cabecera y mándame un e-mail diciéndome lo que necesitas y si sólo tienes dudas de algo te contestaré en tu blog para que puedas verlo♥♥
––––•(-•RECUERDA: Si quieres afiliar y/o que visite tu blog, pídemelo en ''Afiliados'' en el menú de la cabecera, o en la C-Box (sólo en esos dos sitios, o sino no aceptaré)`•.¸¸.•´´¯`••._.•