Aitokawaii


ENTRADAS ABOUT AMIGOS MATERIAL TUTORIALES Extras FCBOOK TWITTER Inicio

[Tutorial] Como hacer un borde a mi titulo del post
lunes, 11 de junio de 2012 | 9:50
Bien, ya notaron que mi plantilla actual tiene un borde en dashed o punteado al rederdor y tiene un fondo lilita?? Bueno para hacer eso hay que hacer lo siguiente...


1) Te vas Diseño o plantilla en la nueva interfaz >> Edición de HTML >> y buscas el codigo



h3.post-título {
o
h3.post-título, h4 { 

2) Bien ahora justo abajo pondras este codigo
background: #FFECF5;
border: 2px dashed #000000;
-moz-box-shadow: 0 0 3px 3px #
C0C0C0
;
-webkit-box-shadow: 0 0 3px 3px #
C0C0C0
;
box-shadow: 0 0 2px 2px #
C0C0C0;


#FFECF5 Color del fondo
#000000 Color del bore
#C0C0C0 color de sombra. Opcional Si no quieren sombra olo eliminen esa parte. Su codigo quedaria mas o menos asi






background: #FFECF5;
border: 2px dashed #000000;
3) Para los templates blogskin buscaresmos el codigo
.main-title {
Y pondremos el siguiente codigo abajo
border-radius:5px;
border-bottom: 2px dashed #ffffff;
border-top: 2px dashed #ffffff;
border-right: 2px dashed #ffffff;
border-left: 2px dashed #ffffff;
background-color: #FDD9FF;



Explico...


Esta el radio del borde que es de 5px.


border-bottom: el borde de abajo
border-top: el borde de arriba
border-right: El borde de la derecha
border-left: el borde de la izquierda.
Pueden modificar el color para cada lado, el mio es #ffffff, el estilo sea dashed o solid y e grosor, el mio es de 2px


background-color: Color del fondo el mio es #FDD9FF, que es morado.


Cualquier duda o sugerencia hacedmela saber bye

Etiquetas:


2 boyfriend[s] | volver arriba




|