11 jul. 2014

Personalizar Los Gadgets y...

  

Hola Mis Sparkles como están espero muy bien , bueno  yo hay haciendo un diseño de otra forma más diferente a todos los demás que he hechos con los codigos me llevo mal me caen mal !! codigos noo pero da lo mismo igual lograre terminar el diseño se me hace dificil xD pero es facil como que un codigo me arruina todo pero xD !

Bueno Primero Les Traigo Un Tutito De Personalizar el Sidebar h2 y el h3.post.title {



Plantilla Blogger :

Plantilla EDICION HTML -> CTRL+F o F3 -> y buscas </b:skin>

Plantilla Blogskin : 
Buscas </style>  Con CTRL+F o F3 

PRIMERO EL SIDEBAR OSEA EL TITULO DE EL GADGET :

.sidebar .widget {
 background: #fff;
text-shadow: 1px 1px 1px #fff;
width: 250px;
padding: 7px;
text-align: justify;
border: 2px solid #F5A9F2;
outline-offset: -3px;
outline: 1px dotted #BCA9F5;
margin-bottom: 10px;
font: normal normal 11px 'Trebuchet MS',Trebuchet,sans-serif;
color: #BCA9F5;
}
h2{
background: #F6EFFF;
text-shadow: 1px 1px 1px #fff;
padding: 4px;
text-align: center;
font: normal 11px 'Trebuchet MS', Trebuchet, sans-serif;
color: #BE81F7;
border: 1px solid #EADCF1;
box-shadow: inset 1px 1px 0px #fff,inset 0px -14px rgba(198, 211, 231, 0.06), inset 0px -8px rgba(204, 204, 204, 0.04), inset 0px -6px rgba(204, 204, 204, 0.03), inset 0px -3px rgba(204, 204, 204, 0.08), inset 0px 3px rgba(204, 204, 204, 0.06);;

}

EDITEMOS :

.sidebar .widget { 
hay son las cosas de el gadget por ej : el fondo de el gadget y todo eso los bordes letra de el gadget menos de el titulo etc ...
h2{
Es el fondo de el titulo el borde la letra de el titulo y todo eso etc ...

Ahora Son Las Mismas Reglas Con El Titulo osea h3.Post.Title

h3.post-title { background: #F6EFFF; padding: 5px; border-radius: 0px; border: 1px Solid #EADCF1; text-align: center; .post-outer { margin: 4px 2px 30px; background:#f; padding: 6px 6px; background:#fff; border-right: 4px Dashed #EADCF1;/*Borde en el lado derecho */ border-left: 1px Dashed #EADCF1;/* Borde en el lado izquierdo*/ border-radius:7px; box-shadow: 0 0 5px #EADCF1; padding: 15px 20px; margin: 0 0 25px;

EDITEMOS :

Solamente Editan El Borde Y Todo eso ...

BUENO SI LES GUSTA EL COLOR DE FONDO DE AMBAS COSAS NO LO EDITEN PERO RECUERDEN DAR CREDITOS SI OCUPAS ALGO DE EL BLOG BUENO ESO NO RE-BLOGGEAR   .

SE DESPIDE CHINNIX~

                                                        





No hay comentarios.:

Publicar un comentario

Hola Konichiwa Espero Que Comentes Algo Lindo o3o Lind@ Bueno Espero Que Te Guste este Post Y Todos Los Post Bueno Sigueme Para Saber Cuando Actualizo .. Saludines \(o3o)/