76

Plantilla Harbor con tres columnas


Recuerda
que aunque yo pruebe los "trucos"
Antes de hacer ningún cambio
GUARDA SIEMPRE TU PLANTILLA
Nunca es seguro
que todo salga bien...
Hace algún tiempo jabel me solicitaba en un comentario, ayuda para colocar una nueva sidebar a su blog, así como poder cambiar el tamaño y tipo de fuente de las columnas, de forma independiente a la del resto del blog.
Se me olvidó el post en "borradores" hasta hoy que recibí un email de Julio donde me pide las tres columnas para la Harbor, así que ¡allá va!

El ancho del blog, columnas y post que yo uso en el ejemplo, es siempre el que considero el más correcto, más que nada, porque lo he probado con IE y Firefox, y se ve optimamente en los dos navegadores. Cada uno puede luego modificarlo según sus necesidades, usando las explicaciones como simple guía.
Bien, en primer lugar, voy a explicar como colocar una nueva sidebar a la plantilla Harbor de Blogger, que es la que usa jabel.

1- Nos situamos en el html de nuestra plantilla y localizamos esta parte del código:

#outer-wrapper {

Aquí es donde ampliaremos la anchura total del blog, que pondremos en 1000 pixeles, para ello cambiamos el max-width:890px; a max-width:100%;

2- Un poco más abajo, vemos el #main-wrapper { o contenedor de entradas, vamos a modificar su anchura, que en este caso viene dada en porcentaje:
#main-wrapper {
width:64%;
cambiamos dicho porcentaje a 50%.

Justo debajo, en #main { cambiaremos el padding a 10px:
#main {
margin:0;
padding:10px;
}
3- Trabajaremos ahora con las sidebar, un poco más abajo, localizamos #sidebar-wrapper { modificamos el porcentaje del width a 25%:
#sidebar-wrapper {
width:25%;

Y en #sidebar { añadimos una línea de código, padding:10px; para separar el texto del borde:
#sidebar {
margin:0;
padding:10px;

4- Vamos ahora a incluir el código necesario para la nueva columna y, como en otras ocasiones, lo hacemos copiando el código de la sidebar que ya tenemos y pegandolo debajo de esta, modificando una vez copiada, el float de left a right, para que la nueva columna se vea al otro lado de las entradas y su nombre, como suelo hacer, la he llamado newsidebar:
#newsidebar-wrapper {
width:25%;
float:right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#newsidebar {
margin:0;
padding:10px;
padding-top: 0px;
}

Si nos fijamos en el código de la nueva sidebar, he puesto el padding-top: en cero pixeles, esto marca la distancia de la parte de arriba de la sidebar a la cabecera, cada uno puede marcar la distancia que le convenga, si la ponemos en cero, el comienzo de la nueva columna, quedará igualada con el de los post, a mi me gusta así pero, como ya he dicho, es decisión de cada uno.

5- Colocaremos ahora el código necesario para que nuestra nueva sidebar se muestre en el blog y nos permita añadirle elementos. Vamos hacia abajo de nuestra plantilla y en la parte del html, localizamos esta línea:

<div id='main-wrapper'>

Y justo encima, pegamos el código:
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='NewProfile' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>

6- Usamos la vista previa y tendremos que ver las dos columnas a cada lado, en la nueva sidebar se muestra nuestro perfil, que podremos eliminar más tarde. Si todo está como esperábamos, guardamos cambios.

7- Si ahora miramos en la parte de añadir elementos, comprobaremos que su aspecto es bastante desestructurado, para corregir esto, iremos de nuevo a la plantilla y localizaremos esto en el CSS:

body#layout #sidebar-wrapper {

donde cambiaremos el width a 250px:

body#layout #sidebar-wrapper {
width: 250px;
margin-left: 0;
}

Haremos lo mismo, justo debajo, en body#layout #wrap4, body#layout #outer-wrapper { cambiando el width a 1000px:

body#layout #wrap4, body#layout #outer-wrapper {
width: 1000px;
}

Ya tenemos nuestra plantilla Harbor con tres columnas, ahora haremos las modificaciones necesarias para, como solicitaba jabel, podamos controlar de forma independiente el formato de las sidebar.

Tendremos que colocar una nueva variable en nuestra plantilla, y lo haremos en la parte de arriba, donde vemos unas cuantas líneas que comienzan todas igual, con <Variable name=

Este es el código para la nueva variable, que podemos colocar,por ejemplo, a continuación de las que ya hay, o sea, después de la última, pero antes del cierre de estas */

<Variable name="sidebarbodyfont" description="Sidebar Text Font" type="font"default="normal normal 100% Georgia,Serif" value="normal normal 100% Arial, sans-serif">

Una vez colocada la nueva variable, hemos de hacer que las sidebar reciban la "orden" desde esa variable, para ello, colocamos en el código de las sidebar una nueva línea: font:$sidebarbodyfont

#sidebar {
margin:0;
padding:10px;
padding-top: 170px;
font:$sidebarbodyfont
}

#newsidebar {
margin:0;
padding:10px;
padding-top: 0px;
font:$sidebarbodyfont
}

Después de guardar los cambios, si vamos a "fuentes y colores" veremos una nueva opción que se muestra como "Sidebar Text Font", desde ahí podremos escoger el tipo, estilo y tamaño de fuente de las columnas independientemente del formato del resto del blog.


DESCARGAR PLANTILLA

Entradas Relacionadas:

76 comentarios:


Anónimo

Hola Rosa, muchísimas gracias por tu ayuda. He probado todas las modificaciones y funcionan correctamente.
Después del verano abordaré el cambio de la plantilla ya en el blog real.
Además de agradecerte la ayuda, felicitarte por la explicación, ya que no te limitas a poner el código sino a explicar lo que implica el cambio.
Sin saber picar código html pero siguiendo este ejemplo y algunos más que aquí has ido destallando puedes aventurarte a hacer algunos cambios más.
Gracias de nuevo y ya te avisaré para que veas el resultado.

Anónimo

Gracias a ti jabel, por tu confianza y sobre todo por tu paciencia...;)

Miguel

Estimada Rosa:
Una vez más, gracias por tus inestimables aportaciones. Acabo de implementar esta modificación - que llevaba bastante tiempo "tramando", y me encuentro que en Explorer funciona pero en Opera no. ¿Tiene esto alguna explicación?

alida

Rosa solo digo uffsss
veré que tal
Saludos

Julio Torres

Rosa, eres un sol. Gracias!!!
Yo, al igual que Jabel, pondré la nueva plantilla en septiembre, con la reinauguración de A Lareira Máxica. Muchísimas gracias por los ánimos!!!

Y muchas, pero que muchas gracias, por lo del truco para las 3 columnas. Hoy lo he estado probando en mi blog de prueba. Tan sólo he puesto mayor ancho al blog. A lo largo de toda la pantalla.

Lo dicho, muchas gracias. Y adelante con tu genial blog, Rosa, que nos ayudas mucho mucho.

Carpe Diem, Julio

Julio Torres

Ah, se me olvidaba Rosa: funciona bien por el momento.

Anónimo

Hola Rosa
te había mandado un mail consultándote cómo insertar un swf en blogger y te cuento que en una plantilla clásica pude sin problemas, pero en la del nuevo Blogger no. De todas maneras, ya experimentaré y te comentaré como me fue.
Te cuento que gracias a este post recordé una duda que tenía, y era lo referente a esta forma de presentar las plantillas, ya que veo que siempre se hablade columnas pero no de filas... habrá alguna forma de presentar los post en (por ejemplo) fila 1, columna 1, fila 2 columna 1 y fila 2 columna 2, ¿se entiende? Algo así como la posibilidad de dividir la columna principal en columnas, y éstas en filas, a piacere, digamos.
Bueno, te dejo esa inquietud, gracias desde ya por tu blog, saludos

Anónimo

Matias, lo siento, hasta que no leí este comentario no encontré el mail en mi "correo no deseado" no se porqué se fue allí...

Mira a ver si algo como esto es lo que buscas:
http://elescaparatederosa.blogspot.com/2007/04/post-con-estilo-peridico.html

Eulalia

Hola Rosa. He probado este truco, pues mi blog tiene esta plantilla, la Harbor, pero los elementos que había en la barra original no aparecen.
De todas maneras me ha ido bien el truco, pues he ensanchado la página poniéndola al 100%, y separado un poco la sidebar del cuerpo de las entradas, que en algunos sitios se solapaba.
De todas formas el código resultante de modificar la plantilla Harbor lo he colocado en un blog que he abierto para hacer pruebas sin cargarme el bueno y ya iré mirando como hacer para que las cosas de las dos columnas se vean.
Gracias por tu ayuda.

Anónimo

Eulalia, si has cargado la plantilla directamente los widget (elementos de la sidebar) desaparecen, para que no suceda hay que ir haciendo las modificaciones a mano, o si no, copiar los códigos de cada elemento para volver a ponerlos más tarde.

Eulalia

Si, ya me he dado cuenta de ello.
Gracias por tu rápida respuesta. He copiado el enlace y lo he pegado en un blog que he abierto con los cambios para que tenga dos columnas y que usaré para ir probando cositas.
Saludos

Anónimo

Rosa quisiera tu ayuda tengo la plantilla Harbor,y lo que quiero es limitar la columna izquierda del resto del blog con una linea por q se ve todo muy desorganizado
espero tu pronta respuesta
saludos
excelente blog

Anónimo

Eliana, mira, ve a el código de tu plantilla y sin expandir artilugios localiza esto:

#sidebar-wrapper {

Justo debajo, pegas esta línea:

border-right: 1px solid #ddd;

Si aumentas el valor de 1px, por uno mayor, la línea se verá más gruesa.

Solid, es que la línea será continua, si por ejemplo la quieres a puntos, cambiarais solid por dotted.

El #ddd, es el color de la línea, que en este ejemplo es gris clarito.

USA LA VISTA PREVIA y así verás como queda antes de guardar cambios.

¡Suerte!

SHOBOGENZO

Hola Rosa, gracias por dedicar tu tiempo a personas como yo, que no tenemos mucha idea de como funciona esa cosa tan rara llamada HTML, y que tenemos la ilusion de hacer un poco más personal y bonito nuestro blog.

CARME.

SHOBOGENZO

Hola a todos...Por favor, alguien me podria decir como cambiar TODO el color de fondo de la plantilla Harbor? Solo me permite cambiar el color de una parte de la plantilla, pero no hay manera de eliminar la imagen que tiene incrustada en la parte superior. ¿Como podria eliminar esa imagen, marca de agua o textura...?

Gracias por vuestra ayuda.

Carme.

Anónimo

SHOBOGENZO , la plantilla Harbor lleva cinco imágenes para formar su fondo. Localizas esto en "edición html" de tu panel:

body {
background:#fff url("http://www.blogblog.com/harbor/rocks_left.jpg") no-repeat right bottom;
background-attachment:fixed;

Lo dejas así:
body {
background:#fff ;

Ahi es donde luego si quieres vas a cambiar el color del fondo (sustituyendo #fff por el color que quieras) o añadir una imagen de fondo.

Ahora localizas esto otro algo más abajo:

/* Page Structure
----------------------------------------------- */
#wrap {
background:url("http://www.blogblog.com/harbor/sky_left.jpg") repeat-x;
min-width:740px;
margin:0;
padding:0;
text-align:left;
font: normal bold 97% Verdana, sans-serif;
}
#wrap2 {
background:url("http://www.blogblog.com/harbor/lighthouse_left.jpg") no-repeat left 0px;
}
#wrap3 {
background:url("http://www.blogblog.com/harbor/cloud_left.jpg") no-repeat right 75px;
}
#wrap4 {
background:url("http://www.blogblog.com/harbor/center_cloud_left.jpg") no-repeat 50% 0px;
padding:15px;
width:100%;
width/* */:/**/auto;
width: /**/auto;
}


Borra directamente todo ese código.

USA VISTA PREVIA ANTES DE GUARDAR.

SHOBOGENZO

Rosa, mil gracias. Ya he solucionado el problema. Considérame tu nueva alumna aprendiz de "html"!

Un abrazo!

Jony

¡Hola de nuevo!
Aquí sigo de nuevo con las páginitas web.
Rosa -¿ sabes que tengo que modificar en el html de la plantilla , para que el Título de las entradas se separe más del texto..?- es que me parece que están muy pegados..
Gracias antes de nada y ¡¡saludos a todos blogeros'!!

Anónimo

Jony, no puedo ver tu blog, y tampoco me dices que plantilla usas, así que no puedo ayudarte...

xiroko

Enhorabuena por tu pagina es muy buena.
hola rosa tengo un problemilla con mi plantilla no se como añadir una columna en la derecha .
cuando empiezo a ser los pasos q tu pones algunos archivos no me salen en edicion html a ver q puedo hacer.
Este es mi blog
http://xiroko-marbella.blogspot.com/

Anónimo

xiroko, es normal ya que tu plantilla no es original de Blogger...es un diseño de finalsense, así que no podré ayudarte en esto, más que nada porque está construida (sidebar,main...) usando imágenes y sería necesario modificarlas, cosa que yo ni idea de programas de diseño...

internet

Hola denuevo molestando amiga sabes tengo dudas:

Yo tengo un blogger de juegos http://gunboundaimbot.blogspot.com y bueno tengo mis dos columnas igual que las tuyas e gsutaria poneras una a cada lado haber si me ayudas algo simple nada mas que yo lo capto, esto de blogger es nuevo para mi ya qe me dedico a la catedra. ayudame!!!

Anónimo

Eskan, para que te quede una a cada lado, una de las sidebar ha de tener el float:left y la otra el float right

#sidebar {
float: right;

#sidebar-wrapper {
float: right;

Eso en su código CSS, luego al colocar el código html, una ha de ir antes de las entradas.

Anónimo

Hola Rosa:

Necesito tu ayuda con urgencia. Hace un tiempo creé mi blog con una plantilla harbor. También creé las tres columnas y he ido modificando pequeños detalles sin problemas.Todo ha funcionado bien, hasta hoy, que he tenido un problema con "Imageshack" y no podia visualizar el fondo de mi blog. Mi sorpresa ha sido cuando he visto que se me habia desconfigurado la plantilla. He alojado la imagen del fondo en otro servidor y la he vuelto a poner, pero todavía sigue desconfigurado. Lo extraño es que con Internet explorer puedo visualizar las dos sidebar y el bloque de entradas tal como lo tenía, pero con el Firefox3, la sidebar y las entradas estan desplazadas hacia abajo. No entiendo cómo ha podido pasar y no sé que he de tocar para arregarlo. Volví a subir una copia de la plantilla que tenía pero sigue igual.
Por favor, puedes ayudarme? Me veo incapaz. te adjunto la dirección del blog:

http://dogen-shobogenzo.blogspot.com/

Besos. Espero tu respuesta.

SHOBOGENZO

Hola Rosa, conseguí arreglar el problema de la desconfiguración de mi plantilla al colocar el reloj que tenia en la newsidebar y ponerlo en la sidebar de la izquierda. Espero que todo me funcione bien ahora.

Besos.

Mari

Anónimo

SHOBOGENZO, me alegra oír eso...espero que mi email te ayudara a lograrlo :-)

Marcia R

Hola rosa, he tenido unos problemitas intentando acomodar mi blog tal como lo has explicado, espero me puedas ayudar:
1. todo se ve muy desorganizado y alborotado, las sidebar se sobrepasan por mas ke intento cambiarle algo, a ver si te das una vueltita y me dices que estoy haciendo mal, xq x mas ke le puse lineas, igual sigo perdiendome en mi propio blog :S

2. En la sidebar original por mas ke intento colocar en el padding-top: 170px, sigue apareciendo desde el principio, y en esta plantilla eso no se ve bien puesto que hay una imagen ke no se aprecia, no se porqe no puedo modificar esa parte, o al menos puedo modificarla pero no se reflejan los cambios..

A ver si me ayudas porfa... este es mi blog: http://confesionesdeunaconsejeraunprg.blogspot.com/

Gracias!!

Anónimo

marc!an!ta, no lo has hecho como yo lo explico en la entrada, o mejor dicho, una vez hecho lo has tocado todo de tal manera que el código está lleno de errores...

Situate en la plantilla y localiza esto:

#main-wrapper {
width:50%;
float:right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#main {
margin:0;
padding:10;
}
#sidebar-wrapper {
border-right: 1px dotted #ddd;
width:30%;
float:left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar {
margin:0;
padding-top:0;
padding:170;
font:normal normal 99% Trebuchet, Trebuchet MS, Arial, sans-serif
}
#newsidebar-wrapper {
border-left: 1px dotted #ddd;
width:20%;
float:right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#newsidebar {
margin:0;
padding:10;
padding-top:0;
font:normal normal 99% Trebuchet, Trebuchet MS, Arial, sans-serif
}

Cambia todo eso por esto otro:

#main-wrapper {
width:55%;
float:right;
padding-right:20px;
padding-top:100px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#main {
margin:0 auto;
padding:0 auto;
}
#sidebar-wrapper {
border-right: 1px dotted #ddd;
width:20%;
float:left;
padding-top:100px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar {padding-top:100px;
margin:0 auto;
padding: 5px;
font:normal normal 99% Trebuchet, Trebuchet MS, Arial, sans-serif
}
#newsidebar-wrapper {
border-left: 1px dotted #ddd;
width:20%;
float:right;
padding-top:100px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#newsidebar {
margin:0 auto;
padding: 0 auto;
font:normal normal 99% Trebuchet, Trebuchet MS, Arial, sans-serif
}

En ese nuevo código, donde ves padding-top:100px; es la distancia de las entradas y sidebar a la cabecera, es ahí donde has de aumentar el valor si quieres una distancia mayor.
Fijate que tiene que estar así padding-top:100px; no puede faltar nada ni siquiera el punto y como, tenias todo lleno de ese tipo de errores, cambia el valor:170 pero SIN TOCAR lo demás.

Marcia R

Gracias
Gracias
Gracias
Gracias
Gracias
Gracias !!!!

Me has ayudado muxo Rosa, muy amable, seguire visitandote y de hexo te enlazare :)

Abrazos.

Anónimo

marc!an!ta , ya veo:-) te ha quedado muy bien.

Anónimo

Buenas

Queria pedirte ayuda relativa a la plantilla harbor.

Tengo la plantilla con las tres columnas, pero no se donde he tocado, pero en las dos columnas laterales, las entradas se me juntan unas con otras. Cuando son script, le meto el
y logro una separacion entre ellas, pero otras etiquetas vienen de la plantilla, y no se que codigos o cosas tocar, para que haya algo de separacion entre unas y otras.

Gracias

Anónimo

Anónimo, no entendí nada...:$
Deja un enlace a tu blog para mirarlo...

Anónimo

http://eldiariodecrab.blogspot.com/

Fijate por ejemplo en la columna derecha arriba. La pestaña "Mi lugar de descanso" luego la foto, esta pegada a la siguiente, y asi otras tanto en la misma columna como en la de la izquierda. No se donde he tocado, pero ya no se volverlo a poner bien. Le meto una copia que tenia, y me sale el mensaje de que si la hago, perdere no se que artilugos y no se que historias.

Gracias

Anónimo

Anónimo, localiza esto en tu plantilla:
.sidebar .widget, .main .widget {
background:url("") no-repeat center bottom;
margin:0 0 15px;
padding:0 0 15px;
}

Y la línea de padding, ponla así:
padding:25px 0 0 15px;

He puesto 25 de separación, cambialo por lo que necesites.

Anónimo

No cambia nada.

He ido probando con varios valores, pero no se mueve nada.
Incluso he pensado que quizas, en la linea del padding que me has puesto, sobre un 0, pues he probado sin ese cero, incluso en vez de dar vista previa, me he ido directamente a guardar y no se mueve ni un apece nada

Anónimo

Anónimo, lo intentaremos entonces desde los títulos...en
.sidebar h2{

Hay una línea de margin, ponla así a ver...

margin:25px 0 0 0px;

Anónimo

Perdona la demora, me fui a cenar.

He probado lo que has comentado y BINGO, ya se mueve y se ajusta.

Si no es mucho abusar, en la columna de la derecha, tengo la etiqueta de "Entradas mensuales" y quisiera darle el efecto de que se expandiera/contrajese, para que no ocupase tanto.

Por mas que he mirado, tan solo he visto el ejemplo para las "Etiquetas" que por cierto lo he hecho bien, y para otros script, pero para ese menu, no me sale.

Gracias

Anónimo

Anónimo, ya he preparado la entrada, en breve la publico para hacer lo mismo con los archivos;)

Alejandro Solana

¿Como puedo quitar el ByRosa del tituto y reestablecer mi titulo original?

Anónimo

Solana, localiza esto con los artilugios expandidos (fíjate que aparece dos veces una casi debajo de la otra):
<img src='http://signatures.mylivesignature.com/54485/197/C03A7FF355AFBD90FD676F4E01338FF5.png' style='border: none; background: transparent;'/>

Y sustituyelo por: <data:title/>

No obstante acabo de corregir eso en la plantilla para descarga ahora mismo.

songstoloveanddie

una pregunta yo quiero tener tres columnas, pero yo tengo en mi blog la plantilla minima.:S

espero que me respondas
adios

Anónimo

FERNANDA, puedes verlo aquí:
http://elescaparatederosa.blogspot.com/2007/06/aadir-una-sidebar.html

Stella Serrano

Amiga su blog es muy bonito y muy útil. mi blog es elcosturerodestella.org y tengo la plantilla harbor. Seguí tus explicaciones y no se que pasa pero la nueva columna parece pegada al main wrapper. El main wrapper no lo he podido correr para que la nueva columna ocupe su puesto. Me podría indicar que hago? Le agradezco en el alma ya que necesito esa columna urgente para poder organizar mejor mi blog. Dios la bendiga.

Anónimo

Stella Tal como está, está correcto.
Otra cosa es que te guste con algo más de distancia entre las entradas y las sidebars, pero en ese caso, lo que no puedes hacer es "correr" nada, ya que entonces no habría el suficiente espacio para todo y alguna de las sidebar se desplazaría hacia abajo...

Lo que deberías hacer en ese caso, es reducir el ancho de alguno de los elementos (main, sidebar o ambos) y una vez hayas ganado ese espacio, entonces si podría darsele alguna separación si fuese necesario.

Sir Cebollo

Gracias por tu ayuda, una plantilla de estilo suave como harbor y a 3 columnas es lo que andaba buscando :) gracias cuidate

ambar

Hola, Rosa. No te conozco, pero me ha surgido un problema en el blog y no sé cómo resolverlo. Anoche, de repente y sin hacer nada, paró la columna de la derecha a la parte de abajo, debajo de las entradas. ¿Sabes a qué puede deberse? ¿Tendrá solución?

El blog es : http://elcorazondelavida.blogspot.com

Te agradecería mucho tu respuesta.

Ámbar

Anónimo

ambar No hay nada en tu plantilla que esté mal.
El problema creo que está en la última entrada que has publicado, has usado el Word y en Blogger no puede usarse ese editor para las entradas...unas veces no da problemas, pero otras suceden cosas como esta. No es compatible con Blogger.

ambar

Gracias por contestar tan rápido. He suprimido la entrada y he creado otra sin texto para probar. Pero la plantilla no se corrige. ¿sabes que puedo hacer para que vuelva a estar como antes?

Anónimo

ambar Trata de recordar que hiciste o añadiste en tu plantilla antes de que se notase el error de la sidebar y retiralo.

Miguel Angel

Hola:

Pues yo cuando llego al punto seis y le doy a vista previa me sale este error: El código ID del nuevo widget "NewProfile" no es válido para este tipo: Profile

¿me podeis ayudar?
mi blog: http://barakaldocfsuhistoria.blogspot.com/

gracias

Anónimo

Miguel Angel Hablas del gadget del perfil... cambia "NewProfile" por Profile2 en el código de ese paso.

Miguel Angel

Hola Rosa:

Salio, salio

No se como decirte, eh, ¿gracias? no, queda pobre pero Muchas que Mucha Gracias, seguire añadiendo cosas.
UN SALUDO

Miguel Angel

Hola Rosa:

Y ya que estamos con la plantilla, como se quita la torre o cupula que esta a la izquierda del titulo, Yo quiero que aparezca el escudo de mi equipo. no se si me he explicado, sino me comentas

UN SALUDO

Anónimo

Miguel Angel Yo no la veo ya en tu blog, así que supongo ya has encontrado como quitarla :D

Miguel Angel

Hola Rosa:

No, lo que quiero cambiar es la cupula por el escudo del club en cada entrada, por ej:la ultima BELTRAN. Te mando un correo con una captura.
UN SALUDO Y MUCHAS GRACIAS

Anónimo

Miguel Angel Entendido :D ya respondí tu correo...

Miguel Angel

Hola Rosa:

Una vez mas..... conseguido. Muchas Gracias por este magnifico blog y por tu ayuda que no tiene precio

UN SALUDO

Unknown

http://gianna-miblogdepruebas.blogspot.com/
Hola guapísima!. Fíjate que tengo tu Harbor de 3 columnas y la tengo casi lista, pero el problema que tengo es con la imagen de cabecera que no consigo ajustarla. El sidebar y la entrada bien, pero diantres!, por más que subo la imagen desde mi pc o incluyo la url nada, se me queda muy separada de arriba.
No me atrevo a publicar hasta que consiga arreglarla. ¡Por Dios, llevo seis meses igual!. A ver si tú, que tanto me has enseñado, me echas un capote.
Besossssssssssssssssss y dime si cuando ponga en marcha el blog puedo enlazarte.
Felices vacaciones, que te las mereces...
Juany

Anónimo

Gianna Envíame la plantilla tal como la tienes e incluye las imágenes, al menos la de cabecera si la has subido desde el pc, envíala también, o eso, o me envías los datos de acceso al blog para modificartelo yo directamente, tu verás... pero en el email recuerdame el problema.

Mis cosillas de cocina

Hola Rosa mi pregunta no va por las columnas pero como hablas de la plantilla harbor quería preguntarte si hay alguna manera de sacar ese faro que sale delante de las entradas..
Gracias y un beso

Anónimo

Bulma En esta parte de la plantilla:
.post h3 a, .post h3 strong {
background:url("http://www1.blogblog.com/harbor/icon_lighthouse.gif") no-repeat left .15em;
display:block;
padding-left:20px;
text-decoration:none;
color:#800040;
font-weight:normal;
}
.post h3 strong {
background-image:url("http://www2.blogblog.com/harbor/icon_lighthouse2.gif");
color:#000;
}

Si vas a quitarlo, elimina esas dos url que ves en el código, si vas a poner otra en su lugar, cambias esa url por la de tu icono (las dos veces que sale la url)

Mis cosillas de cocina

Mil gracias Rosa, que haría yo sin ti?? :D jajajja
Cuidate un beso

Claudio Otano

hola rosa...no puedo sacar la nueva columna de abajo y que me quede en linea...se bajo despues de ponerle fondo al blog...socorro!!! el blog es concejalotano.blogspot.com graciasssssssss

Anónimo

Claudio Yo más bien creo que es otra cosa... ¿Has colocado recientemente el marquee de bievenidos?... podría ser eso... en su código dice: marquee width="269" y no puede ser mayor que tu sidebar: 180

Claudio Otano

hola Rosa, modifique el marquee de bienvenidos a 179 pero no pasa nada...igual hace rato lo puse...ahora saque todos los gadgets y trate de cargar otro, pero me sigue mandando abajo la columna..gracias por tu atención

Unknown

Rosa, no me sale. En mi blog ahi un marco q separa el contenido de la nada. Y ese marco noc como agrandarlo, por q sino me queda mal..
blog: http://puasdelrock.blogspot.com/

Tomas G

Anónimo

TomasGEse marco estáin cluido en #content-wrapper { y no hay que agrandar el marco, sino el #content-wrapper { ... de todos modos tu plantilla no es una Harbor :o y además ya tiene un ancho suficiente para que se vea correctamente en todas las pantallas...

Peliculas y juegos online

¡Hola, Rosa! En http://peliculasdewaltdisney.blogspot.com/ tengo un problema. La sidebar no se ve bien en ningún otro navegador que no sea internet explorer. He escrito al diseñador, pero no he recibido respuesta... te agradecería mucho que me pudieras ayudar.

Leyendo tu entrada, ¿quizás sea que le falta esto?:

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

Si es así, ¿cómo y dónde debo ponerlo?

Espero que puedas ayudarme.
¡Muchas gracias!
Hada de los Tiempos

Rosa

Hada de los tiempos Antes de hacer nada, yo probaría a retirar ese anuncio del principio de la sidebar...

Peliculas y juegos online

Gracias, Rosa. Al final me he decidido a cambiar de plantilla... ¡¡¡Besitos!!!

Cêz

Hola Rosa, he leido los comentarios con la esperanza de encontrar una respuesta a una duda que tengo, es posible cambiar una columna de lado derecho a la izquierda de una plantilla?

la plantilla en cuestión es ésta
http://btemplates.com/2009/11/23/white-clean-magazine/

Me gusta mucho porque tiene un diseño muy prolijo y compacto, solo que quiero ubicar la 1ra columna hacia la derecha del blog, después del cuerpo del post y ultima columna (mas gruesa q la primera).

Espero que no sea complicado hehehe

Abrazos desde México

Anónimo

CézPara cambiar una columna de lugar, hay que modificar el float:left; (izda) por float:right; (derecha)

Cêz

Rosa, he encontrado 13 float:left; pero pensé un rato y dije: Sería Sidebarleft?, le cambie como me dijiste de left por right y sigue sin ver algún resultado después de guardar los cambios. Debo cambiar todos los floats o alguno en especifico? :(

Anónimo

Céz Y mira que trato de que "peléis" vosotros mismos con el código eh... ¡y nada!

A ver... localiza esto en la plantilla:
#sidebar-wrapper-left {
float: left;
width: 160px;
margin-right:15px;
padding: 0;
display: inline;
text-align:justify;
}
#sidebar-wrapper-right {
float: right;
width: 280px;
margin: 0;
padding: 0;
display: inline;
text-align:justify;
}

Y "metele" los cambios que ves aquí:

#sidebar-wrapper-left {
float: right;
width: 160px;
margin-right:5px;
padding-left: 10px;
display: inline;
text-align:justify;
}
#sidebar-wrapper-right {
float: left;
width: 280px;
margin: 0;
padding-left: 10px;
display: inline;
text-align:justify;
}

Usa vista previa... que si "despatarras" algo no me hago responsable, ja,ja...

Cêz

Rosa, te adoro!!!!! con los pasos q me diste salió el resultado e-x-a-c-t-a-m-e-n-t-e como quería, jajaja.

Tienes razón, me equivoqué al decir "Después de guardar cambios", como siempre uso uno de tus mejores consejos: Guardar una copia de la plantilla y probar Vista previa.

Muchas gracias y q tengas una excelente noche!!! :D

Anónimo

Céz Tu también me gustas!!! ja,ja,ja. :D

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S