Para enmarcar sólo las entradas, busca el código que empieza con .post{ y allí, antes de la llave } de cierre has de añadir esta línea:
border: 2px solid $bordercolor;
cambiando el 2 por el grueso de línea que desees y el solid por el estilo de borde que quieras.
Aquí puedes ver los distintos estilos de borde que existen y como se llama cada uno.
Aquí puedes ver los distintos estilos de borde que existen y como se llama cada uno.
Luego busca esto .sidebar .widget, .main .widget { y debajo de la llave } de cierre añades ésto:
.main .Blog {
border-bottom-width: 0;
}
para eliminar la línea de puntos que separa las entradas.
Si lo que quieres es enmarcar los elementos de la columna lateral, primero has de separar este código:
.sidebar .widget, .main .widget {
border-bottom:5px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
en dos partes (añadiendo la línea que remarco en rojo para que enmarque los elementos) dejándolo así:
.sidebar .widget {
border:5px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
Cambiando el 5 por el grueso que desees de línea y el dotted por el nombre del estilo de línea que prefieras.
13 comentarios:
Hola, Elualia espero que me ayudes porque la he liado otra vez :) Separe el codigo tal y como lo explicas lo comprobe barias veces pero la sidebar se quedo mas alta que main wraper y entre los elementos de la sidebar me gustaria que se vea la imagen del fondo del blog y no lo consigo.Gracias
http://pomagalowindows.blogspot.com/
HOla! me gusta mucho tu blog, y queria saber si me puedes ayudar,este blog tiene una plantilla de 3 columnas ?
http://kawaii-cafe.blogspot.com/
y como puedo hacer para enmarcar las entrada y todo lo demas asi como ese blog? y tambien quiero saber si este blog no tiene los bordes del titulo bueno espero que me haya dado a entender y que me puedas ayudar ! saludos!
Hola Eulalia:
He probado tus instrucciones para enmarcar las entradas, pensé que era eso lo que quería, pero no me gusta como me queda, ¿habría posibilidad de (ya que tengo 3 columnas) enmarcar entera cada una de ellas? algo así como hacer 3 cuerpos, porque luego me gustaría darles un color diferente al del fondo ¿eso es posible? como no se si me explico te dejo mi blog por pudieras verlo y me entendieras mejor http://muebleslaso.blogspot.com/
Como siempre muchas gracias por tu ayuda.
Si, si que se puede,
En este caso has de añadir la línea de borde a #main-wrapper { #sidebar-wrapper { y #newsidebar-wrapper {
De esta forma enmarcas cada columna por si sola.
Muchas gracias Eulalia, lo he conseguido lo malo ha sido cuando he ido a poner un fondo que tienes muy bonito y me ha dejado el blog con el fondo blanco, no se que he hecho, nada bueno. Seguiré intentándolo. Gracias!!
Hola Eulalia:
He conseguido enmarcar las tres columnas y ahora lo que quiero es darles un color (gris oscuro)diferente al del fondo (negro). He buscado por tus tutoriales y en los comentarios y he encontrado una serie de instrucciones que le das a una persona que te preguntó algo parecido a lo que yo quiero. ¿añado background-color: $sidebarbgcolor; a main wraper a sidebar y a newsidebar? y si eso es así, por favor podrías decirme de dónde saco el código del color que yo quiero y dónde habría de colocarlo? No se si me explico bien. Muchas gracias, otra vez!!!!
Para darles un color diferente, por ejemplo con este $sidebarbackgroundcolor has de crear la variable.
Repasa las entradas de este blog, que me parece que en alguna explico como hacerlo.
Luego el color podrás cambiarlo por fuentes y colores.
Hola Eulalia!! Por fin gracias a ti he conseguido enmarcar las tres columnas, y darles color a las dos laterales, tenías razón había una entrada en la que explicabas como hacerlo, la había visto antes pero no entendía nada y pensé que no tenía relación con lo mío, porque yo no sabía ni que tenía que insertar una variable, ni que era una variable. Asi pues otra vez muchas gracias. Lo malo es que ahora la newsidebar se me pega en la main wraper, he cambiado el 6px padding-$startSide: en main wraper y no hay modo ¿se te ocurre que puedo hacer? lo he intentado mil veces y nada.
Haz lo siguiente:
En #outer-wrapper, verás una linea que pone padding: 10px;
Dejala así
padding: 10px 0;
con esto se separarán las columnas pero quedarán descompensados los márgenes.
Guarda primero la modificacuión y luego ves modificando el padding-$startSide de #main hasta que las 3 queden equilibradas.
Hola!! Eso de poner el 0 en padding ya lo tengo hecho, con eso, como tu digiste, gané sitio y luego tuve que modificar el padding-startside de 6 a 35 y aún así se me siguen pegando. Y ya más no lo puedo subir porque la sidebar de la derecha se me descuelga, es más aunque esto pase nunca se llegan a despegar la newsidwbar de la main wraper. ¿qué opinas tú?.
Me parece que lo que está pasando es que se está separando el texto del borde, no las columnas.
Cambia padding por margin y rebaja el 35 a 10 o asi y haz vista previa, a ver qué pasa.
Dicho y hecho!! eres increíble!!cambié el padding por margin varié el número y por fin se separaron. Que habilidad tienes!! Muchas gracias por ayudarme.
Con las plantillas de blogger apenas tengo problemas para solucionar cosas así. Lo malo es cuando la gente se baja alguna plantilla de otro sitio, que a veces no son de blogger, sinó adaptaciones de las de word press. En estos casos no lo tengo tan claro.
Me alegra saber y ver, que ya se ha arreglado.
Un abrazo.
Publicar un comentario en la entrada