158

Header con "ancho total"

Desde que modifiqué el aspecto del header del Escaparate, son muchos los que me preguntan como hacer que la cabecera del blog ocupe todo el ancho de la pantalla, tal como está en mi blog.
En realidad es un "efecto óptico" ya que el tamaño de la cabecera es de unos 800 pixeles.Lo que hace que parezca que ocupa todo el ancho de la pantalla, es una imagen aplicada en el fondo de la página.

Voy a tratar de explicar paso a paso los cambios necesarios para darle este aspecto al header, tal como yo misma los fui haciendo, con la única intención de que os sirva de orientación para vuestros propios "experimentos".

[1] Antes de empezar os aconsejo crear un blog de pruebas con la plantilla Mínima de Blogger, entre otras cosas porque es la que voy a usar en este ejemplo.

Mínima white

[2] Vamos ahora a ocultar la Navbar de Blogger.

Imagen de fondo
[3] Preparamos la imagen para añadir en el fondo del blog, lo que tampoco tiene porque ser algo complicado para los que no dominamos el diseño de imágenes. En mi caso la he hecho usando simplemente el Paint, que como sabéis viene incluido en Windows. Está en formato JPEG y tiene unas dimensiones de 39 x 245 pixeles.
Le he puesto un color distinto en la parte de arriba, para que destaque el menú que incluiremos más tarde, del resto de la cabecera.


[4] Subimos la imagen a un alojamiento apropiado o mejor aún la alojamos en el mismo Blogger para obtener su url.


[5] Vamos en nuestro panel a la parte de Edición HTML y localizamos esta sección del código de la plantilla:

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}


Incluimos la url de la imagen en la línea del background de esta manera:

body {
background:$bgcolor url(http://img27.imageshack.us/img27/5118/dibujocewuio.jpg) repeat-x ;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}


[6] Algo más abajo de esa parte de la plantilla, localizamos el #header-wrapper { y el #header {, en ambas partes de código veremos una línea como esta:
border: 1px solid $bordercolor;
tendremos que cambiar el valor 1px por 0px para anular el borde del header.

Guardamos cambios y tendremos entonces algo como esto:

Mínima body

[7] Vamos a colocar ahora la imagen en la cabecera desde la parte de Diseño de nuestro panel.
En mi caso he hecho una (tambien con el Paint) con el mismo color de fondo que la imagen que colocamos antes en el body (aunque no es imprescindible ya que esto dependerá del diseño de cada uno) para obtener así la apariencia de header con "ancho total". Está en formato JPEG y tiene unas dimensiones de 660 x 145 pixeles.

Imagen de cabecera

[8] Si en este punto miramos como está quedando nuestro diseño, comprobaremos que la nueva imagen de cabecera, no se ajusta del todo a la imagen de fondo:

Header desajustado

[9] Volvemos a Edición HTML y localizamos de nuevo la sección del CSS que corresponde al header:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:0px solid $bordercolor;
}


Y le hacemos algunos cambios para ajustar la cabecera:

#header-wrapper {
width:660px;
margin: 30px auto 0px;
padding-bottom: 25px;
border:0px solid $bordercolor;
}


Resultado:
Header ajustado

[10] Por último vamos a incluir el código CSS necesario para el menú que irá sobre la cabecera y el buscador que estará incluido en él.
1-Copiamos y pegamos antes del ]]></b:skin> del código de la plantilla:
/* Menu Navbar---------------------*/
.pro15 {padding:0 0 0 10px; margin:0; list-style:none; height:30px; }
.pro15 li {float:left;}
.pro15 li a {display:block; float:left; height:30px; line-height:30px; color:#fff; text-decoration:none;font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 10px; cursor:pointer; font-size:12px;font-weight: bold;}
.pro15 li a b {float:left; display:block; padding:0 15px 0 8px; color:#fff;}
.pro15 li a:hover {color: #fff; text-decoration: underline;}
.pro15 li a:hover b { color:#fff;text-decoration: underline;}
.pro15 li a em {display:block;float:left;width:15px; height:30px;}
/* Buscador ---------------- */
#search-btn {background: #008083;color: #ffffff;padding: 1px;margin: 0px 0px 0px 3px;
border: 2px solid #000;}
#search-box { width: 160px; border: 2px solid #196D81;padding: 1px;}

2- Localizamos ahora más abajo esta línea en el código de la plantilla:<div id='header-wrapper'>

Justo sobre esa línea, pegamos el código para mostrar el menú (es en este código donde tendremos que incluir los enlaces):
<ul class='pro15'>
<li><a href='#'><b>Inicio</b></a></li>
<li><a href='#'><b>Suscribe</b></a></li>
<li><a href='mailto:tucorreo@hotmail.es'><b>Contacto</b></a></li>
<li><a href='#'><b>Sobre mi</b></a></li>
<li><a href='#'><b>Archivos</b></a></li>
<li><form action='/search' id='searchthis' method='get' style='display: inline;'><input id='search-box' name='q' type='text'/><input id='search-btn' type='submit' value='Buscar'/></form></li>
</ul>

Resultado final:
Header final

Notas:
Como os dije al principio de la entrada, esto pretende ser solo una orientación para vuestros propios diseños.
He puesto las medidas de las imágenes que he usado porque en función de esas medidas es como he añadido los valores necesarios para "encajar" el header, si usáis otras medidas para las imágenes tened en cuenta que los valores de padding y margin en el header-wrapper también serán distintos.

Entradas Relacionadas:

158 comentarios:


TRECARUNGA

Rosa! Eso es lo que yo hise en mi platilla gracias a un comenbtario tuyo contestandole a otro lector :D

ezeqdb

Yo había intentado hacer algo así para mi blog, pero ponía una imagen entera como fondo, que medía como 1280x900, pero al hacer zoom out se veían los bordes. Ahora en Proyecto Sandía tengo el fondo blanco, y a falta de hablididad de diseño, estoy pensando seriamente en que el fondo blanco sea la imagen que dé mi blog, que lo represente, en contraposición a la mayoría que son de colores, bueno salvo el tuyo :D saludos Rosa!

ezeqdb

aaah rosa una pregunta.., al lado de donde dice Publicar comentario, dice "Suscripción por correo electrónico", habrá alguna forma de reemplazar ese texto por algo así como "Avisarme por e-mail si hay comentarios nuevos"?

Céz

Eso si! les quiero compartir una experiencia mía, cada mes yo cambio la imagen del header para "refrescar" mi blog, y lo hago con el CorelDRAW bajo las medidas que tienen mi header y siempre la guardo tipo jpg, sin embargo, la desventaja del Corel es que cambia ligeramente ciertos colores de la foto a la hora de exportar , lo mismo pasa cuando es subida en el header hasta el pequeño texto se pixela. Hoy descubrí con el Photoshop (cosa que no sé mucho, pero ahi voy, jejeje), copias la imagen (botón Impr pant PetSis del teclado) y guardas la imagen ya recortada bajo el formato de PNG y la subes a tu blog y el resultado queda mucho mejor.
Podría dejarles un link para el mio, de cine de temática LGTB pero no podría porque no quiero molestar a Rosa, jejeje.
Espero que eso le sirva a alguien :D

R.est

Eso yo fue lo primero que supe, crear fondos, hacer headers, rellenos de fondo, lineas, bordes xD,(para algo me sirvio enseñarme a diseñar) y pues ahi me queda mas o menos la pagina.

Y por lo que dice Cèz yo le hago igual copio la pantalla en PS y asi tomo las medidas. :D

Raúl Montero

Está muy bien, gracias.

Espineli

Esto hace un par de meses lo implementé en mi blog fijandome claro :D cómo lo habías hecho tú lo de la imagen de fondo en el cuerpo (body) del blog y el menú sidebar que no veas cómo cuesta que encaje a la perfección con la imagen de fondo... eso fué lo que más me costó :)

1 abrazo.

Espineli

Para imágenes ya sea en la cabecera, etc, un programa que he probado y va muy bien es Macromedia Fireworks 8. ;)

Chesana

Seguramente lo que voy a preguntar no tiene nada que ver con tu explicación (o sí... no lo sé), pero vamos a allá:

En casi todos los blogs que visito (incluído el tuyo Rosa), hay un espacio a la derecha que tengo que correr las flechas inferiores de la pantalla para verlo. Y resulta molesto, la verdad. Dicho de otra manera: no me cabe el blog en mi pantalla. Tengo 800x600 de resolución, pero si lo amplío a 1024 se ve todo muy pequeño (aunque amplíe el tamaño del texto) porque queda, alrededor de la pantalla una franja en negro.

Pienso que quizás debía haberte enviado un email por la extensión de este comentario...

En fin, que no sé cómo solucionarlo.

Te mando email o te sirve la explicación dada aquí?.

Un abrazo y gracias por todo.

Rosa

ezeqdb El fondo blanco, sin imagen alguna es mi favorito ;)

En cuanto a tu otra pregunta no hay manera de acceder a esa parte del formulario del comentarios, solo tiene acceso el equipo de Blogger.:(

taquito

Querida rosa:
Tengo un menu hecho en javascript que te va a encantar. Necesito que te comuniques conmigo de alguna manera asi te lo paso y ves si de alguna manera se puede modificar o mejorar.
Tiene un efecto flash deslizante hecho con scripts impresionante.
Te dejo el msn-hotmail si quieres agregame o escribeme algun mail, asi me queda tu direccion y puedo asi comunicarme y pasarte este menu.
gracias

mariano.143@hotmail.com

Rosa

TRECARUNGA Je.je, ¡chico listo! así se hace...hay que leer también los comentarios de vez en cuando :D

Espineli No me hables de "casar" el menú...tanto trabajo y enseguida me cansé de el :D
Gracias por el dato del Macromedia ese...aunque a mi me suena a "coreano" :D

@Céz y @R.est Gracias por los consejos ;) seguro que a más de uno le vienen bien, la primera a mi que no tengo ni idea...:S

Rosa

taquito Envíame tu el email por favor, si no es molestia :$

lejaniaimposible@hotmail.com

Rosa

Chesana Durante bastante tiempo era muy común el usar la resolución de 800x600 y los diseños se adaptaban siempre a esa resolución.
Ahora ya muy poca gente la utiliza, así que los diseños se van ampliando algo más...
Además de la resolución, supongo que influya el tamaño de la pantalla...yo no es que tenga mucha idea de esto la verdad, pero por ejemplo mi hijo tiene en su PC 800x600 y El Escaparate y otros se ven "enteros" pero la pantalla tiene 19"
En mi portátil tengo 1280x768 y si bien es cierto que lo veo como tu dices pequeño, no veo ningún borde negro...

En fin...ya ves que estoy como tu en esto...esperemos que alguien más enterado lea nuestros comentarios y se decida a colaborar...:P

Stanislaus Bhor

Rosa, hoy es 7 de mayo de 2009. Mi blog no carga, ¿o son alucinaciones mías? En la barra lateral no aparecen ni enlaces ni fotografías. Dirección: http://unahogueraparaqueardagoya.blogspot.com/
El menú superior tiene links que no son de blogger. Los de blogger sí enlazan. Tiene contadores. 2. No aparecen. Le he puesto algunas cosas aprendidas aquí. Menos la nube de etiquetas, que no salió. Todo iba bien esta semana. Abría sin problemas. Hoy abre, pero no carga. No sé si sea problemas de conexión. De todos modos, cualquier consejo se agradece. Saludos
stanislausbhor@gmail.com

Rosa

Stanislaus Bhor Me abre, me carga y lo veo completo sin problemas...imágenes, nube...todo. :o

Jaime Trujillo Escobedo

Una forma genial de "estirar" el header Rosa :-) es muy cómodo tener un header así de amplio ;) ¡Saludos!

bibliotecaria

Hola Rosa. Siempre visito tu blog. Lo enlacé con los míos. Tengo un problema con Blogger pues no puedo "seguir" más blogs amigos, ni tampoco puedo "administrar" a los que ya sigo. O sea no puedo ni borrar ni agregar ninguno. Porqué? Me dice un cartel "que pruebe más tarde". Tal vez ya llegué al máximo de blogs a seguir? Hay un tope? Espero tu respuesta. Cariños

Mary Lovecraft

Hola Rosita Linda!

muy buen efecto éste, lo tendré a mano para el tema de diseño de plantillas.

Y hablando de diseño de plantillas...voy a hacerte una pregunta dentrao de mi más absoluta necedad al respecto:

¿existiría alguna especie de 'código' (a la hora de diseñar un template) que 'unificara' de alguna manera su visualización a la hora de verlo con IE y FireFox??

Es que por ejemplo, mi blog de plantillas con IE se ve perfecto (es mi explorador) pero el FireFox lo destroza directamente y lo 'pone' al extremo izquierdo de la pantalla. Así mismo, la plantilla que estoy diseñando ahora, se ve más que perfecta en IE (intento cuidar el máximo detalle para que se vea bien) pero con el FireFox O_O me he quedado alucinada! cada 'trozo' del conjunto por su lado :SSS

¿qué puedo hacer al respecto??

después de todo lo que me está dando el Draft y ahora que parecía que me iba dejando volver a bloggear (sigo sin poder desincrustrarlo de mi cuenta), me encuentro con ésto, ahora que el diseño de plantillas había sido mi salido a la deprebloguera que había cogido :(

un beso guapa y muchas gracias de antemano por contestarme.

Graciela

creas ilusiones ópticas ;)...no solo eres la destripadora jajaja...fantástico no se me hubiera ocurrido, mira lo que se puede lograr con pequeñas cosas que desconozco...besitos, para mi cumple te llamo para amenizar la fiesta :D

Rosa

bibliotecaria Que yo sepa no hay un tope...ten paciencia y espera unos días a ver...he notado "cosillas raras" ahí y en el gadget de seguidores...han de andar haciendo algo seguro :S

Rosa

Mary Lovecraft Ay, ay, más quisiera yo o mejor dicho todos que hubiera algo así :S pero no hija mia, tenemos que ingeniárnoslas para aproximarlo lo más que podamos...

A ver, lo de que se vea a la izquierda (que por cierto creí que era aposta porque a muchos les gusta) es fácil, un errorcillo que se te escapó...en #outer-wrapper {
Tienes esto así: margin: auto 0;
Y para que el "cuerpo" este centrado la forma correcta es esta: margin: 0 auto;

Por cierto no se si has visto que hace un par de días que enlazo tu blog de plantillas, así que...¡a trabajar! :D

Rosa

Graciela Ajaja, soy algo maga o más bien brujita ;)
Claro que me llamas...ni se te ocurra olvidarte :D:P

Mary Lovecraft

Ohhhh Rosita Linda es verdad, ahí estoy!!

Todo un honor para mí que me tengas enlazada :D

muchas gracias por aclararme el datito del centradao (¡no me puedo creer que exista quien lo tenga así por gusto! jajaja! con lo quisquillosa que soy yo y tiquismiquis!)

ahora mismo lo pongo en práctica.

mira, lo que sí me ocurre, es que la plantilla que estoy diseñando ahora (sólo me falta corregir este dato!) tiene encima de la sidebar una imagen (es un tejadito pues representa la parte central del template una casa y la sidebar otra casita adosada) pues bien, ese tejado lleja a Júpiter literalmente cuando la veo con FireFox.
Y es que el header sólo ocupa la parte central del templete y la sidebar va por libre así que, en IE se ve perfecta pero en FF ya te digo, la sidebar más o menos en su sitio pero el tejadito al extremo superior de lo que sería el header, que no es el header pues sólo ocupa la parte central de la plantilla...

¿tienes idea de algo para intentar que no se vea tan extraño en FF??

un beso, y gracias de nuevo por todo!

Rosa

Mary Jamia :( ¿donde la puedo ver? es que solo con eso que me dices...como que no me entero de na :S

Mary Lovecraft

Ay Rosita Linda no te preocupes, que ya encontré la solución, muchas gracias de todos modos!!

resulta que amplié el header a todo lo ancho de la plantilla así al estar por encima de la sidebar también, éste funciona de 'freno' a la imagen encima de ella y la imagen del header, al ser más pequeña que la totalidad del mismo, lo que he hecho es ponerle el 'no-repeat' y listos! ;)

en nada la verás ;) (que todavía estoy trabajando en ella)

seguro que tendré muchos fallos porque estoy recién aprendiendo como quien dice, pero fíjate que desde hoy en que descubrí lo de las fallas según miras en IE o FF, ya estoy trabajando con los dos, para minimizar al máximo los detallitos 'feos'.

Y todo gracias a tí y todo lo que aprendo contigo ¡¡¡¡¡muuuuuuak!!!!

sigues siendo mi Diosa :D (cómo no)

Bonzu Pipinpadaloxicopolis III

Rosa, vengo a decir Hola‼

MALINA

Una entrada mágnifica y muy completa mi querida Rosa.
Yo estoy haciendo esto mismo de forma autodidacta y chapucera, jajaja pero ahi voy... aprendiendo, me hago copias de mis plantillas y con ella hago las pruebas o destrozos.

Esta entrada seguro que me es útil en algún momento porque me encantan los header de "ancho total"

Besos!

Rosa

Mary Lovecraft Yo es que pa estas cosas soy un poco "burra" je,je, si no lo veo.... pero bueno, me fio ja,ja, si deces que está controlado, es que está :D

Rosa

MALINA No creo yo eso de "chapuzera"...vamos niña, que he visto tus blogs ja,ja. :P

FUNDACIÓN DE ATLETAS CRISTIANOS DE PORTUGUESA

Hola Rosa, muy bueno tu blog. Ya he aplicado algunos trucos que aconsejas en tu blog y me han funcionado. Pero quiero que me orientes en lo siguiente coloque el efecto de "volver arriba" pero no muestra la flecha, solo muestra un cuadro y la palabra volver arriba y una x. ¿Como Puedo solucionar para que muestre la flecha?

Deybi

Pero que lindo ha quedado Ro!. Es tan elegante esa forma, y sin verlo estamos dando un toque totalmente distinto al blog.

¡Un abrazo de mi parte!. Gracias por tanta ayuda :D.

MALINA

jolin! le he preguntado a Gema una cosa que tienes tu aqui, y es poner el footer de forma que parezca que tiene ancho total y no como lo tengo en ConectaBlogChapuzera digo porque me meto en la plantilla y hago cambios sin saber, pero voy viendo la vista previa y asi los modifico. Conectablog le he puesto el header de "ancho total" pero sin leer tu entrada, cotillando otros blogs y cambiando mil veces los margenes hasta que me ha ajustado, jajaja. Asi voy poco a poco, y cuando ya no doy con lo que quiero vengo en vuestra busca, me reparto entre JMiur, Gema y tu :)

Voy a decirle a Gema que me espero por tu explicación porque exactamente es lo que tu tienes y el footer si que lo puse gracias a tu entrada.

Rosa

FUNDACIÓN DE ATLETAS CRISTIANOS DE PORTUGUESA ¿Has puesto la url de la flecha o imagen en el código? Tienes que ponerlo donde dice "url de la imagen".

Rosa

Deybi Un abrazo ati también ;)

Rosa

MALINA Pues no se si ayudarte o no...¿qué es eso de ir a Gem@ con cuentos de "si ella pasa de mi"? Serás...ja,ja, ¡te mato!

A ver como puedo explicartelo...

Si has añadido las columnas del footer con mi explicación, denajo de todo ese código que añadiste y antes del final de la plantilla, más o menos antes de </body> tienes que tener el final del outer-wrapper o lo que es lo mismo, el "cuerpo"del blog.
Si te das cuenta, todo lo añadido en el footer está dentro del cuerpo y es por eso que se adapta a sus medidas...si hacemos que el cuerpo termine antes del footer ya no tendremos ese "problema".

Mueves </div></div> <!-- end outer-wrapper -->

a encima de <div id='footer-wrapper'>

Usa la vista previa a ver si te deja y tendrías que ver el footer "extirao" :D

Luego habrá que añadir CSS para controlar el aspecto porque se expandirá todo... así que pones por ejemplo (es como lo tengo yo):
#footer-columna-contenedor {width: 940px; margin: 0 auto;padding-top: 10px;}

Luego para darle color de fondo como yo a todo lo pones en el footer-wrapper:
#footer-wrapper{background: #ddd;}

Bueno pues el "rollo" es algo así...para entretenerte ya tienes un rato :D:D

Y ya puedes decir por ahí que SI te hice caso ajajajjaa.

¡Mala Malina!

MALINA

jajaja pero ha surtido efecto decirlo eh? es que verás si cuando me pongo a modificar y no lo hago del tirón malo malo porque si pasan dias ya no se ni por donde me ando ni encuentro el momento para ponerme y a la porra las explicaciones (o casi) jajaja
Y por otro lado se que siempre estas overbooking y procuro no darte mucho trabajo, mala mujé!

Pero que sepas (que se enteren todos) que tu pa' mi eres la "primer" que conocí, me ayudó, se unió a UNIBLOG, etc... y esas cosas no se olvidan, se quedan en el cuore.

Bueno... ya te comenté que "no se estira" yo probé a poner la parte de los creditos con un ancho mayor en pixeles para probar (ya que esta fuera del wrap o como se diga) y si se amplió pero eternamente hacia la parte derecha y de la izquierda ni se movió.

Gem@

No le hagas caso Rosa MALINA lo dijo de boquilla pá dentro :)

Rosa

MALINA Te juro que leí el comentario y me dije...voy a donde Gem@ a ver esta que le suelta ajajajja. La monda eres ;)
Envíame la plantilla anda que la mire los "bajos" :D

Gem@ De boquilla pá dentro na, que con esta hay que tener cuidadin te lo digo yo, jajaja.

MALINA

Rosa no me malees a Gema que aún no sabe porque me llamo "Malina"
ahora vas y lo cascas! jajaja

Pobre Gemita, ella es la única q me ha "sufrido" con lo del primito. (tu yo sabemos verdad Gema?)

Gem@

Lo de MALINA no será que te lo has ganado ¿verdad? porque por lo que dice Rosa ....

Rosa

Gem@ Yo no digo na...:S hoy me han dicho en Twitter que mis twitts tienen como "mala energía" y me lo han dicho por alguna conversación que han leído entre Malina, La Bloguería y yo, así que...no comments, como las artistas, ja,ja,ja.

Gem@

Eso de mala energía me suena a bruja Lola y las dos velas negras :)
Pues nada no comments...

MALINA

Rosa no fastidies! te han dicho eso? pues a mi que no me miren, en todo caso me pueden echar mala fama por juntarme con "algunas"

Hasta estás consiguiendo que siendo yo una SANTA con mayúsculas, se piense Gema otra cosa, ains... lo que hay que aguantar, señor, señor!

Por cierto que lo de tus twitts lo entiendo porque siempre te estas quejando o dando la bronca: "porque no usarán el buscador" "que me hablen por el blog que para eso está" etc... etc... jajaja (chinchaté!).

Ahora que, el dia que se pongan al descubierto los DM arde troya!

Rosa

MALINA ¡No por Dios! Solo eso me faltaba :S ya se me ha escapado algún DM al "publico" por error y ha sido vergonzante :D

Gem@ ¡Chitón! ja,ja,ja.

La Blogueria

¿Mala energía? será por lo de Twitteros Anónimos? el que se pica ajos mastica. O sería yo, largando alguna de las mías :(

Bueno, alo importante, ¿es aquí donde se solicita información del affair entre Gema y el primo? Gracias.

Rosa

La Bloguería Pues ahora que lo dices...ostis que si, que andábamos con eso cuando me lo dijo ajajaa...

Y no, jamia aquí no es, porque yo estoy pez en el tema...amos, que soy más prima que el primo de Gem@ :D:D

Gem@

jajajaja no la líes Vane que bastante liaste al decir que La Bloguería es un grupo de personalidades que antes trabajaban para el gobierno.

La Blogueria

Gema, confiesa.

MALINA

Menos mal Gema que vienes a poner un poco de orden, porque te habrás dado cuenta que lo de Malina es para despistar y la culpa es toita de mis malas compañias.

"Unas" cardan la lana y "otras" se llevan la fama.

Mundo cruel! :(

MALINA

Hay chinches por aqui? me estan dando picores raros.

Céz

Ah caray! perdona la intromisión, pero se dan cuenta que hay gente leyendo esta "conversación"?, ya me imagino a todos atentos y comiendo palomitas la "peli" (podría ser algo como "Gema y el hombre misterioso", Rosa sería la mejor amiga y Malina ¿antagonista?)hahaha :s

MALINA

Céz nooooooooo hay madre mia, Dios Bendito! que nos leen!

La Blogueria

Pero, ¿esto no era la sección de DMs de Twitter?

(pd: Rosa disculpa tamaña intromisión en los comentarios de este post. A veces pasa que hasta tus más fieles se te vuelven trolls :D)

MALINA

:( que pena! me gustaba este canal

Rosa

Céz Ajajajaa, y no sabes lo mejor...hay partes de la conversación en el blog de Gem@ y en Twitter...:S

Gem@

Recién llego de pasar el día fuera y menuda la que habéis liado que hasta nos dan papeles en un culebrón.
Rosa yo estoy tan pez como tú en el tema del primo de Malina :O
Céz jajajaja y tan misterioso que no existe!! sólo en la mente de Malina :)

Céz

jajaja, así que este hombre solo tiene existencia en el cerebro de Malina? ah que decepción, Gema ya nos arruinaste la trama, yo estaba muerto de suspenso y tragándome las uñas de mis manos, esperando la siguiente parte! hahahaha. :D
Ya me imagino a Rosa riendo cada rato y a Malina, ehmm pues, un poco de locura no hace daño a nadie :D

PD. Por cierto, muchas felicitaciones a todas las mamás por su día.

k_nelita

Hay mi Dios que risa :D :D
Pasé por el blog de gem@, de casualidad leí el comentario de Malina sobre el footer y me vine a ver que pasaba, ya que no estoy muy conforme con el mío y busco otras opciones y me encuentro con esta conversación y me muero de risa, que locas que son las tres, cuatro? Ja ja
Realmente para un culebrón, tienen el protagónico las cuatro :D
Realmente no entiendo nada, el primo de quien tiene que ver con quien?
Lo de mala energía en los Twitt de Rosa no me lo creo.
Y que Malina sea mala tampoco :D
Me han hecho reir mucho ja ja jaa
Besos a todas, pero del footer no entendí nada :D :D

Rosa

Gem@ Es Malina la culpable de todo, lo juro que yo no me entero de na...y encima sale la Vane con el primo ainsss no entiendo ni jota.

Céz Gracias por la parte que me toca en las felicidades, aunque en España ya lo hemos celebrado antes...

k_nelita Vamos a lo importante que será lo mejor ja,ja, el footer era el de Conecta de Malina y quería dejarlo como el mio más o menos...¡ya está!

La Blogueria

Chicas, por un precio módico, os lo cuento TODO, TODO sobre Gema y el primo, con fotos reales de fotochop.

k_nelita

Ahh bueno, gracias Rosa ya entendí lo del footer pero sigo muy intrigada con lo del primo de gem@, Vane largá el rollo, cuanto querés? :D ja jaa Mostrá las fotos!!
Besos a todas ;)

BatoManon

Perdón por tantas molesitas Rosita...

FLOR

hola rosa he puesto en mi blog el header con ancho total, y en mozilla se ve bien y en internet explore no se ve bien, hice algo mal?
mi blog de pruevas es
http://tierna-flor.blogspot.com/ ya me dices algo gracias

Rosa

FLOR Supongo que si, ya que en mi blog está hecho así y no hay problema...
Digo supongo porque tu blog de pruebas es privado y no he podido verlo :S

FLOR

perdona Rosa ya es publico

Rosa

FLOR Es imposible que sevea bien en ningún navegador, ya que la imagen de fondo (body) no está, es decir, está su url pero no es la correcta...
Copia la url que pusiste, pegala en el navegador y verás que sale una página de error...no estás usando la url correcta.

FLOR

Rosa creo que me pillaste cambiando la imagen por si la arreglaba, si puedes entra ahora en firefox se ve bien ewn el explore no(que bueno tenerte)

Rosa

FLOR Chica...me sigue pasando lo mismo :S
La imagen la tienes en una carpeta pública supongo...porque sino solo la vas a ver tu si estás logueada a DropBox, los demás no la vemos... a mi me sigue saliendo "error 4o4 página no encontrada" cuando trato de comprobar la url de la imagen.

FLOR

Me vuelvo loca Rosa, tenias razon no estaba publica por dios lo que me ha costado gracias por todo

Rosa

FLOR De nada corazón :D Menos mal que se me ocurrió pensar en eso, je,je, sino estaríamos dando vueltas al tema. :S

Okaa-san

Hola rosa!
Tengo un problemita y no sabía en que lado colocartelo asi que como esto tiene mas o menos relacion te lo pongo aki >_<

Se me desconfiguró totalmente el blog y me tocó rehacerlo todo y de plantilla usé la Sand dollar...ahora anda todo "bien" pero hay un problema, la cabecera me sale con un margen amarillo que no me gusta (que ansío quitar xD)y no sé como sacarlo (intenté de todo pero no hay manera =.=)a ver si me podrías ayudar xq llevo ya meses intentandolo y no hay manera T.T xfis.

Mi blog: http://paranoiasdeunacurrante.blogspot.com/

Thnks! >_<

Rosa

Okaa-san Lo que yo veo en tu header es un "fondo" de color amarillo, no un margen...

El color de fondo está aquí, en esa última línea, puedes cambiar el código #ffffcc por otro para cambiar el color, o eliminar la línea para que no haya ningún color de fondo.

#header {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border-bottom:dotted 1px #ffffff;
background:#ffffcc;
}

Okaa-san

OMG!!! gracias graciaaaas Ç_Ç
Sólo era esa linea? madre mia y yo dando vueltas como una noria y no encontraba eso jajaaj

Muchisimas gracias de nuevo *_*

NOSOTRAS

hola amiga Rosa aqui estoy otra vez estoy preguntando, hice el HEADE con ancho total
¿podria ponert una foto en el resto del fondo?
intento ponerlo y no me sale, este es el blog (http://lomasnueve.blogspot.com/ un saludo

Rosa

NOSOTRAS No, en el fondo (body) solo puede ir una imagen y es la que hace el efecto de header, lo que si puedes hacer es cambiar el color de fondo (el blanco).

NOSOTRAS

muchas gracias cariño

PyoT

Rosa yo se que esto no es del tema, pero me preguntaba si se puede cambiar el URL de mi blog

Rosa

PyoT Si, se puede en Configuración - Publicación.
Ten en cuenta que si lo haces, Google considerará el blog como uno distinto al que ya tenías, así que es como si acabaras de empezar...además de que tendrás que informar a quien te esté enlazando para que cambie la url, a quien te lee desde el feed...en fin, casi vale más hacerse uno nuevo :S

Joaquin

Hola, me funciono lo de azanchar la imagen de cabecera, pero lo q no me funciono es el menu de arriba, seguramente sea algo de el css, solo me aparecen los enlaces y el buscador, de forma vertical y sin color ni nada, bueno, espero q me ayudes y te cuento q tu blog es expectacular!!!
este es mi blog: JB-Chiste malo

Joaquin

Me olvide de decirte mi correo electronico, joaco_bolsilludo@hotmail.com

Rosa

Joaquin Falta una llave como esta } después de este código:

#subnav li:hover, #subnav li.sfhover {
position: static;

Walter Portilla Noles

Hola Rosita, gracias a tus posts y consejos y otros más de Pizcos, pude hacerle unos bonitos efectos a uno de mis blogs :) http://comunidadpaezperu.blogspot.com/

Algún consejo o sugerencia que me puedas dar para inlcuirlo en el blog??

Gracias por la ayuda ;)

Luego iré modificando mis otros blogs, pero necesitaba terminar ese pues en el facebook ya somo como 600 y necesitaba un blog decente jaja :)

Saludos.

Walter P.

Rosa

Walter Yo lo veo muy bien...quizás le quitaría el borde al header...

David

Hola Rosa. No me aparece la imagen en el background, ese es mi problema:

body {
background:$bgcolor url(http://1.bp.blogspot.com/_t79VIfPEP9k/SkXFNTAwH6I/AAAAAAAAAZg/BOec00UeNZ8/s1600-h/Blog.jpeg) repeat-x;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Utilizo la plantilla minima. Si quieres te envío la dirección del blog para que le des un vistazo, pero ahora el problema es ese, a ver si puedes ayudarme.

Gracias y un saludo.

Rosa

David En "Un lugar donde quejarse" veo la imagen perfectamente...de hecho te ha quedado superbien :D

Susana

Hola de nuevo Rosa, además del extenso mail que te mandé hace un par de días, te encontrarás con varias consultas mías en varios post, ya que no paro de navegar por tu blog buscando soluciones.
En esta ocasión es la "header" que acabo de hacer. Como quería meter texto e imágenes la diseñé en pain como dices, la guardé como imagen y me limité a subirla como imagen ocultando el título del blog.
Todo esto lo hice en un portátil, en el que el ancho del header se veía ajustado a la pantalla y al ancho de la barra del navegador de blogger (tuve que hacer varios intentos para que quedara bien). Hoy estoy en el PC, que tiene una resolución de pantalla similar y resulta que la cabecera que diseñé "se sale" por la derecha, y esto mismo le pasa a compañeros del proyecto al ver el blog.
No se que hice mal. O:S Intento buscar el ancho total de mi blog en el html pero no lo encuentro.
Te agradecería alguna ayuda para solucionar esto, como siempre cuando puedas.
Un saludo. Susana.
coop57galicia.blogspot.com

Meri

Rosa elimine por que conseguí centrar la cabecera

Rosa

Meri Si, lo vi ;)

Para ponerle a esa línea amarilla el color del fondo, localiza esta parte del código:

#main-wrap1 {
width:500px;
float:left;
background:#fffabf url("") no-repeat left bottom;

Ahí cambia #fffabf por #223344

Rosa

Susana Por eso en mi explicación de esta entrada digo que es una ilusión óptica...

No puedes usar una imagen con ancho total, ya que si la pantalla desde donde se ve es menor, se verá cortada o dependiendo de la resolución "se saldrá"...

A una imagen no se la puede expandir ni contraer a voluntad, sus medidas son las que son y no hay más...por eso lo lógico es usar una imagen que no supere los 800px para el header.

Susana

Gracias Rosa por responder tan pronto. Voy a intentarlo como explicas aquí y ya te diré.

Susana

Ya estoy aquí de nuevo. Seguí tus instrucciones pero debe haber algo que no hago bien. :((
¿Podrías echar un ojo y decirme si encuantras el problema?
Yo no necesito ocultar el navegador de blogger. Hice la imagen de fondo con paint del mismo color que el fondo de mi cabecera, y rehice ésta hasta los 800px de ancho.
Ahora me queda un espacio grande a la derecha de otro color, y a mi me gustaría que la omagen quedara centrada.
Tampoco encuentro en mi código el
border: 1px solid $bordercolor;
¿será que mi plantilla no lo tiene?
Siento ser tan torpe.

Meri

Gracias Rosa.

Ya lo cambie, donde me has dicho se cambiaba la parte del centro,y no quería eso, estuve otra vez investigando (era la linea que había debajo de las ondas) y lo consegui, el color lo puse en #header-wrapper {

Que haría yo sin tí.

Gracias guapa

Rosa

Susana A ver... tu plantilla está diseñada en porcentajes, con lo cual se adaptará al ancho de la pantalla desde donde se ve... todo menos la imagen que permanecerá tal cual como ya te dije.
Si la centras, el problema persistirá en algunas pantallas o resoluciones...por eso esa plantilla trae su título a la izquierda, para que, si la resolución es muy pequeña, la imagen o el título se verá cortado...de esta manera si se sitúa a la izda no hay problema...

Rosa

Meri Que haría yo sin ti dice... pues lo que has hecho tu solita. No te quites merito que es todo tuyo, porque anda que menuda respuesta te di, ja,ja, como suele decirse "casi acierto" ainsss eso me pasa por contestar a veces lo primero que se me viene ala cabeza... menos mal que tu eres espabilada :D

Susana

Ah!!!, por eso no encontraba tamaños de los elementos y hay tantos porcentajes.
A lo mejor no fue la mejor elección de plantilla. Lo que yo quería es una sencilla con mucho espacio para entradas y otros elementos.
Gracias por haberme ayudado a comprenderlo mejor.

Rosa

Susana La plantilla más sencilla de Blogger es la Mínima (la misma que uso yo en el Escaparate) partiendo de ella y con paciencia, puedes lograr cualquier diseño...

Ingenieria

Hola Rosa, me podrías ayudar, me resultó todo bien pero el menu horizontal de arriba donde está el buscador quisiera centrarlo y nose como.

Te dejo mi blog, Saludos.

Blog

Meri

Yo de nuevo Rosa :o

Por más vueltas que le doy no lo consigo
¿donde puedo quitar esos marcos de puntitos en la columna central?
http://lascositasdemeri.blogspot.com/

Saludos

Rosa

Ingenieria Coloca en la primera línea del CSS un float:center a ver...

.pro15 {padding:0 0 0 10px; margin:0; list-style:none; height:30px;float:center; }

Rosa

Meri Mira en esta parte del código:
.post {
margin:.3em 0 25px;
padding:0 13px;
border:1px dotted #11593C;
border-width:1px 0;
}

Ves esa línea que dice border:1px dotted #11593C; pues donde está el 1 pones 0
Vas bajando por la plantilla y todas las líneas que veas iguales les vas haciendo lo mismo y usando vista previa, hasta que desaparezcan todas...

Ingenieria

Estimada Rosa, no me resultó, quedó igual alineado a la izquierda (creo), porque puede ser que este centrado y otra cosa tenga descentrada puesto si te fijas al final de mi blog en "Política de privacidad" supuestamente también esta centrada pero se encuentra ligeramente a la izquierda.

Mi Blog

Saludos.

Rosa

Ingenieria No perdona, es que me lié yo...

La política de privacidad está centrada, es el "efecto óptico" que te da esa impresión...

Para centrar el menú en su primera línea:
.pro15 {padding:0 0 0 10px; margin:0; list-style:none; height:30px; float:center;}

Cambia el 10px del padding por 20% lo miras en vista previa y según lo veas aumentas o disminuyes el valor ahí... y creo que ahora si :D

Vladimir Ceballos Mendez

Hola Rosa espero estes super bien.... queria pedirte un favor como hago para introducir una barra de ancho total con texto, en la parte mas superior de mi blog en el header, te doy un ejemplo: www.johnchow.com
Hablo de la barra de color azul que esta en la parte mas superior de esta pagina, que es de ancho total y tambien contiene texto centrado. Espero me ayudes, mi blog es demodaweb.blogspot.com

Muchas Gracias.... Exitos!

Meri

¡¡SOLUCIONADO!! :P

Es esto lo que he quitado,(que asi venía en mi plantilla)

border:1px dotted $borderColor;

Muchisimas gracias Rosa

Saludos
Meri

Rosa

Vladimir Mira en esta entrada:
http://elescaparatederosa.blogspot.com/2007/05/navbar-personalizada.html

Ingenieria

Estimada Rosa, simplemente eres una Máquina!!!

Darío Morgendorffer

Hola Rosa, muchas gracias por tu respuesta en la pregunta de las sidebars.

Ya las he corregido y he cambiado otras cositas que he ido viendo en tu blog, estoy aqui casi como 6 horas seguidas. xD

Bueno, a lo que iba, acabo de aplicar el truco de Header con ancho total y todo bien, pero me ha queado espacio sobrante entre la barrita y mi imagen.

te agredeceria si me dijeras que valores del codgio son los que tengo que cambiar o ajustar para que se 'adelgace' ese espacio.

Saludos.

Rosa

Darío Morgendorffer Tendría que ver el resultado online... quizá no se trate de los valores, sino de la propia imagen (sus medidas)...

Darío Morgendorffer

Hola, ya lo logre solucionar, lo que pasa es que mi plantilla es adaptada de Wordpress y tiene estas cosas:

/* standard elements */
* {
margin: 0;
padding: 0;
}

p,ul {
padding-bottom: 1em;
}

ul {
margin-left: 15px;}

li {
list-style: none;
list-style-image: none
margin:0 0 0 20px;
padding:0 0 10px 0;
}

Me fije que la navbar que pones empieza en cada elemento con "li }" . Asi que le cambie ese Padding a cero:

li {
list-style: none;
list-style-image: none
margin:0 0 0 20px;
padding:0 0 0px 0;
}

Y resulto.

Soo me queda un poco la intriga y esl ultima consutl, pero ¿sabes para que es el "Li"?


Saludos y gracias por los consejos^^.

Rosa

Darío El li es cada item o elemento de una lista, en este caso los elementos del menú.

Estrellita

Hola... muy bonito tu blog, muy bueno los colores.
Me bajé una plantilla, y la modifiqué "a mi gusto" con lo poco que se, y averiguando en google para las modificaciones. Aún no estoy convencida, de que haya quedado vistoso, sin caer en tantos colores, aunque me gusta lo colorinche, pero con cierta armonía y que no lastime la vista a mis visitantes jejejeje. Bueno, una pregunta; como incorporaste el traductor ahí arriba, en el linkbar?
estrellita.figueroa@gmail.com
Mi blog!
ah, otra preguntita, necesecitará una imagen mi blog, en el header, xq le había puesto uno blanco con 2 florcitas pero no me convenció y lo quité, es que no encuentro uno que armonice con los colores que tengo, o lo dejamos sin imagen?

Rosa

Estrellita Yo no le pondría cabecera, ahora que en gustos...

El código del las banderitas de traducción lo metí entre <li> y </li> como una pestaña más del menú...

estrellita Figueroa

¿Y el codigo de dde lo tenés??

Rosa

Estrellita El código es distinto para cada blog...

Verás, tienes que ir a Google y allí pones traducir tu blog al inglés, cuando te salga traducido has de copiar la url del navegador y así con el portugués...
Luego colocas el código con la imagen de las banderas que hayas escogido y esa url, así:
<li><a href='URL_TRADUCCION INGLES'>
<img alt='Translate to English' src='URL BANDERA INGLESA' title='Translate to English'/></a><a href='URL TRADUCCION PORTUGUES'><img alt='Traduzir para o Português' src='URL BANDERA PORTUGUESA' title='Traduzir para o Português'/></a></li>

Lhotse

Buenas Rosa, no se si tendré la suerte de que leas esto porque este post ya está pasado, ojalá que sí. He seguido paso a paso este tutorial y de lujo. Todo correcto en Firefox, pero cuando me voy a Internet explorer las imagenes del background no se ven :(

Mi blog es http://indreamsbeginsresponsibility.blgospot.com

¿Sabes cómo se puede solucionar esto? Mil gracias

Rosa

Lhotse Aquí no hay nada pasado :D leo todos los comentarios, llegan a mi email directamente.

Fíjate que en esta línea, en body {

background: #ffffff url(http://img27.imageshack.us/img27/5118/dibujocewuio.jpg) repeat-x ;

Hay un espacio antes de repeat-x que tu no has dejado...hay que tener cuidado con estas cosas, parecen tonterías pero no lo son.

Lhotse

Madre mía Rosa...un monumento te voy a poner!!!

Muchísimas gracias por tu ayuda!

Walter

Buenos Dias Rosa, he estado intentado lo que dices y como lo explicas paso a paso, pero no me sale ..podrias por favor ayudarme y guiarme para tener mi banner aparentemente en todo el ancho del blog....una molestia mas, me gustaria poder poner la publicidad en la cabecera igual a esta pagina www.mamaflor.com....espero me puedas ayudar

Rosa

Walter Cuando explico una entrada, más si es de este tipo, lo hago paso a paso y lo mejor que se o que puedo...es mi forma de ayudar, más no se ya como hacerlo...si sigues los pasos tal como dices que haces de forma correcta, yo te aseguro que sale.

Peyote

Hola Rosa, tanto tiempo, jejeje.
Tengo una duda, abri un nuevo blog y quisiera que el ancho de los post creciera, ¿Cómo le hago?
De antemano gracias.

Peyote

Olvida mi anterior pregunta, ya encontre una entrada tuya que me ayudo, pero creo que me equivoque en algo. No sé como explicartelo, mejor velo por ti misma.
http://sichingasnomames.blogspot.com/

Rosa

Peyote Ya veo que lo arreglaste.

Viva La Danse

Hola Rosa!!!
Tengo un pequeño problemita... el tema es que cuando intento centrar la imagen de fondo, se me corren el menú y el header! tiene algo que ver que haya hecho todo y a lo ultimo agregue la imagen de fondo?

Rosa

Viva La Danse Has de seguir los pasos tal como están explicados, no entiendo porque has de centrar la imagen de fondo...

Elios

Hola Rosa, estuve mas de una semana tratando de entender como hacer esto, esta muy bien explicado y es muy claro, lo que no me resultaba era eso de subir las imágenes a blogger, porque no sabia cual link usar y siempre usaba el que se nota en el navegador cuando das clic en la imagen, alli estaba mi error, ahora por fin pude!!

Gracias de verdad, saludos

*Eva*

Hola Rosa!
Estoy probando este truco en mi blog de pruebas para aplicarlo a mi blog y me he encontrado con una cosa muy curiosa, el menu me aparece con el fondo de color que le tengo aplicado al body en lugar de estar sobre la imagen. ¿tienes idea de que puedo estar haciendo mal?
gracias!

Rosa

*Eva* O la imagen de Body no es la más adecuada, o has colocado el código del menú en un lugar que no es...

*Eva*

gracias Rosa! lo revisaré de nuevo.

*Eva*

Hola Rosa!

Perdona que sea tan pesada. Al final he conseguido arreglar lo del header. El problema era que tenía un color del fondo en el outer-wrapper, al quitarlo el "header ancho total" queda perfecto. Gracias.

Ahora voy a por el footer.
He visto que lo explicas en el comentario 36. Lo he probado y todo perfecto excepto que no consigo darle el formato al texto.
He consultado tu entrada: modificar las columnas del footer
He podido "jugar" con todo (títulos, fondos...)menos con el formato del texto. He probado entrando códigos en #col1, #col2 y #col3 (tipo font, color), pero sin suerte.
¿desde dónde puedo controlar el diseño del texto del footer?

Gracias de nuevo y perdona las molestias.
Eva

Rosa

*Eva* Pues en el CSS de tu plantilla, en #footer-wrapper

Carlos Robles

quisiera que mires este blog, pero con IE, en el header me aparece una barra azul sobre el mismo,
claudiasaldania.blogspot.com
solo lo hace con IExplorer, con ningun otro navegador,
ya he probado casi de todo,
desde ya muchs gracias

Rosa

Carlos RoblesLocaliza esto en la plantilla y elimina la línea que ves en negrita:
#header-wrapper {
width:950px;
margin: 10px auto 0px;
margin-top: 15px;
padding-bottom: 0px;
border:0px;
background: url(http://i830.photobucket.com/albums/zz225/carrob26/00-fondo_post_3.jpg) repeat-x left top;
}
Usa vista previa antes de guardar (hazlo en IE claro está)

IBeat

Rosa pregunta..
En el blog q estoy haciendo, quisiera q el header, el logo digamos, cubra los costados grises del wrapper
es decir q llegue en ambos lados al esfumado
es posible?
Gracias!

Rosa

IBeatTu logo tiene 800 pixeles de ancho, para eso la imagen debería ser de 980 pixeles mínimo...

Walter

buenos días Rosita, así como se puede hacer con header como puedo hacerlo con el footer para que de la apariencia de un ancho total

Rosa

Walter Lee en comentarios anteriores...el 35 creo te será de ayuda.

Walter

he hecho lo que me has dicho del comentario 35 pero no ha pasado nada, no se estira en nada el footer

Walter

GRACIAS ROSITA, ME FALTO PONER EL CSS QUE CONTROLA EL FONDO GRACIAS :P :) :D

Mr Roboto

hola rosa tengo un problemon como hago para que el contenido del blog ocupe el mismo espacio que la cabeza ...como en tu blog

http://figmotion.blogspot.com/

como puedes ver la cabeza esta centrada y le sobran espacios a los costado pero el contenido ocupa toda la pantalla,,quisiera que se vea parejo. estoy usando la plantilla sand dollar.
saludos

Rosa

Mr Roboto Eso no es un problemón, eso es que la plantilla San Dolar está diseñada de esa manera y además en porcentajes sus medidas, lo cual la complica aún más...
Coloca una imagen en body por ejemplo detrás del header que ocupe todo el ancho, tal como explico en la entrada.

Magoplup

Rosa hola yo nuevamente disculpame pero creo que soy el mas novato en esto de los blogger de todos los que visitan esta pagina ya debes conocerme te e dejado muchos comentarios en poco tiempo debes tener pesadillas con migo :( pero "Rosita" no me quiero rendir :D he aplicado algunos cambios en un blog de prueba privado.... Pero este tambien lo quiero aplicar el problema es que estoy usando esta plantilla:

----------------------------------------------
Blogger Template Style
Name: Travel
Designer: Sookhee Lee
URL: www.plyfly.net
--------------------------------------------

Y no aparecen los codigos que das en esta entrada ninguno :S ni con la plantilla normal ni expandida :-l sera que los codigos cambian totalmente?.... Si es asi cuales serian los codigos a cambiar en esa plantilla? Gracias y Disculpame "El Novato" :(

Rosa

Magoplup En las nuevas plantillas del diseñador de Blogger, cambia el código por completo... aún no me he "metido" con ellas, pues muchísima gente sigue usando las de siempre...

Walter

hola rosita como hago para ensanchar la cabecera en su totalidad y conservando los costados que estan de color naranja,el blog es este http://miblog-deprueba.blogspot.com

Rosa

Walter Tal como lees en esta entrada.

Walter

nunca me entiendeeeeeeeeeeeeees que quede asi como www.llusantronic.net, todo el header y los costados igual porque si aplico el truco que esta en esta entrada se pierde todo

Rosa

Walter Te entiendo perfectamente, y así es como quedará... no se pierde nada como tu dices... quedará como eso más o menos.

Walter

bueno Rosa al parecer hablamos idiomas distintos, gracias por el tiempo y la molestia, buscare, ya llevo asi 6 meses buscando pero nada, algun dia dare con lo que deseooo

Walter

buenos dias yo otra vez molestando, quisiera saber como separar el header o cabecera del outer wrapper asi cmo en el footer para que se haga independiente y asi ojala pueda lograr mi objetivo

Walter

Rosita, ya lo logreeeeeeeeeeeee perseverandoo lo he conseguidoooo....ahora a hacer mas trucos

Rosa

Walter ¡Me alegro! Eso es... perseverancia! :D

Walter

rosita ayudameeeeeeeeeeeeeeee....hoy entre a internet explorer y se ve desconfigurado y no doy con los margenes ayuda por fa...con los margenes que es lo que debo modificar, pues en firefoz sale bien todo pero en IE no pasa nada y lo que mas usan aqui en mi pais es IE

Rosa

Walter Lo veo igual en Firefox que en IE, por supuesto en sus ultimas versiones... no tengo las anteriores ni me interesan la verdad... para eso están las actualizaciones.

hookale

Hola! pues tratando de encontrar una solucion, y no tener exito en ello, quisiera que me ayudaras. Lo que quiero es centrar la imagen de encabezado de mi blog, la subi por bloger y lo que quiero es centrarla o que ocupe ñlo que es el ancho de las dos columnas, espero me puedas ayudar

Rosa

hookale Tendrás que subir una imagen de 900px, para que te quede algo así:
http://elescaparate2.blogspot.com/

hookale

Muchisimas gracias, algo tan sencillo y no se me ocurrio. ja ja

orochimarusama

Hola que tal rosa ,muchas gracias por tus tutoriales,son de mucha gran utilidad y te felicito ,estoy creando mi segundo blog pero el el header hay un menu grande que se halla abajo del header y un menu pequeño que esta arriba del header,lo que quiero hacer es poner una imagen de cabecera pero que quede entre esos dos menus porke puse una imagen pero tapa al menu de arriba y se ve fea espero que me puedas ayudar gracias.
Pd:Ya quite esa imagen fea y deje la verdadera
problemasdematematicas.blogspot.com

Rosa

orochimarusama Has de mantener las medidas de la imagen original, es decir, la nueva imagen ha de medir: 960px × 132px

Publicar un comentario en la entrada

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