Tutorial:Poner bordes en entradas y gadgets ♥


Hola,hoy les traigo otro tutorial para decorar tus gadgets o entradas,que se vea mas bonito ,me lo pidieron,nose si se referia a eso,pero de todos modos hago el tutorial:
MODELOS DE BORDES PARA GADGETS
Elijan el modelo que les guste y asen el siguiente paso
 Ir a Plantilla/Edicion Html/Buscar con Ctrl +F .sidebar .widget { y debajo colocas el codigo del modelo que te gusto.
Para las personitas que no encuentran este codigo,lo agregan con los siguientes pasos
Ir a Plantilla/Edicion Html/Buscar con Ctrl +F  ]]></b:skin>
(para copiar el codigo ,selecciona todo el codigo y Presionas Ctrl+C y ya lo tienes copiado y lo pegas donde te indique )

.sidebar .widget {
Aqui el codigo de tu modelo
}
MODELO 1 
codigo:
border: 4px solid #FDB4C1;/* Borde en todo*/
 MODELO 2
codigo:
border-right: 4px solid #FDB4C1;/*Borde en el lado derecho */
border-left: 4px solid #FDB4C1;/* Borde en el lado izquierdo*/
MODELO 3
 
Codigo:
border-bottom: 4px solid  #FDB4C1;/* Borde inferior*/
border-top: 4px solid  #FDB4C1;/* Borde superior*/
MODELO 4
Codigo
border-right: 4px solid #BEB4FD;/* Borde derecho */
border-left: 4px solid #BEB4FD;/* Borde izquierdo*/
border-bottom: 4px dashed #DBB4FD;/* Borde inferior*/
border-top: 4px dashed #DBB4FD;/* Borde superior*/
4: Tamaño del borde,aumenta el numero si quieres mas grueso o disminuye si lo quieres mas delgado
solid:Puedes cambiarlo a "dashed" o "dotted" para mas CLIC AQUI para que veas los tipos de bordes
BEB4FD:Color del borde,puedes cambiar el color,remplasando por el color que quieras en esta pagina clic aqui(Elijes tu color y el codigo que te de,lo remplazas)

PARA PONER EN LAS ENTRADAS BORDES
Los modelos para las entradas son iguales y los codigo,y si pongo los modelos de nuevo,se va aser larga la entrada  ,asi que  solo les dire donde tienen que poner el codigo de tu modelo para que sea en las entradas 
Elijan el modelo que les guste y asen el siguiente paso

 Ir a Plantilla/Edicion Html/Buscar con Ctrl +F .post-outer { y debajo colocas el codigo del modelo que te gusto.
Para las personitas que no encuentran este codigo,lo agregan con los siguientes pasos
Ir a Plantilla/Edicion Html/Buscar con Ctrl +F  ]]></b:skin>
.post-outer {
Aqui el codigo de tu modelo
}
Bueno eso es todo,espero que hayan entendido  ,cualquier duda avisenme 

12 comentarios :

  1. waaa muy bueno !!
    esta buenisisiismo muchas gracias
    en serio te lo agradezco de corazón por todo
    sayonara!!

    ResponderEliminar
  2. agradecida 100% sya me habia preguntado como se hacia y esto me sienta como anillo al dedo!

    ResponderEliminar
  3. waaa gracias por la tutorial!
    saludos

    ResponderEliminar
  4. Hola ¿Te gustaria intercambiar banners? Me encanta tu blog y encerio me gustaria mucho. Si estas de acuerdo visita mi web, elige uno de mis banners y deja el que quieres que ponga. http://kawaiikingdom.es.tl/Afiliate.htm Saludos :D

    ResponderEliminar
  5. oommg que lindas se ven me gustan todos los estilos!! :D grax x el tutorial

    ResponderEliminar
  6. Me encantan *-* En especial el 2 y 3 :D

    ResponderEliminar
  7. tiene que estar en une stilo de plantilla porq no me funciona ; (

    ResponderEliminar
  8. joo me encanto el tuto pero no me funciona T_T

    ResponderEliminar

Hola :3 Bienvenidos a Lunany-kawaii
Debera seguir las siguientes reglas:
-No insultos
-No spam
-Ni peleas
gracias ♥