240

Ensanchar la plantilla Mínima

Recuerda
que aunque yo pruebe los "trucos"
Antes de hacer ningún cambio
GUARDA SIEMPRE TU PLANTILLA
Nunca es seguro
que todo salga bien...
Me han pedido en un comentario la explicación para ensanchar la plantilla Mínima de Blogger, así que paso a explicarlo a continuación. Estas mismas modificaciones sirven para todas las plantillas Mínima (Dark, Blue, Ochre y, por supuesto la Mínima "normal").
Tendremos en cuenta que partiremos de una Mínima tal cual la proporciona Blogger, sin ninguna modificación anterior.
Voy a tomar las medidas para ello que considero más adecuadas para su perfecta visualización en distintas resoluciones aunque, por supuesto, cada uno puede aumentar o disminuir las mismas según considere oportuno.

[1] Vamos a la parte de Edición de HTML en nuestra plantilla. No hace falta que expandamos los artilugios.
En primer lugar localizaremos el #outer-wrapper { esto es, por así llamarlo, el "cuerpo" del blog, tendremos que ensancharlo para más tarde cuando hagamos lo mismo con el cuerpo de las entradas y la sidebar, estan tengan suficiente espacio.
Nos fijamos en la primera línea:
#outer-wrapper {
width: 660px;
Cambiaremos esa línea por width: 850px;

[2] Vamos ahora a ensanchar el cuerpo de entradas (main), buscamos un poco más abajo de lo anterior esto: #main-wrapper { y al igual que antes cambiamos la línea del width (ancho) por esta: width: 500px;


31] Un poco más abajo vemos #sidebar-wrapper {, ahí es donde modificaremos el ancho de nuestra sidebar con el mismo sistema que antes, cambiando la línea del width (ancho) por esta otra: width: 250px;


[4] Esta parte no es imprescindible, pero según mi opinión, el blog gana bastante estéticamente si la cabecera (header) y el pie del blog (footer) tienen el mismo ancho que el resto del blog. Para hacer este cambio buscamos (hacia arriba) esta parte: #header-wrapper { y cambiamos la línea del width porwidth:850px; (el mismo ancho que el cuerpo del blog), así la cabecera ocupará el mismo espacio que las entradas y la sidebar juntas.
Bajamos ahora por el código de la plantilla, hasta encontrar el #footer { y le ponemos también el mismo ancho que el blog: width:850px;

[5] Usamos la vista previa, y si todo ha ido según lo previsto, guardamos los cambios.

[Nota]

Si cambiamos las medidas usadas para ensanchar el width (ancho) de las entradas y la sidebar, tendremos en cuenta que la suma de los dos valores no deben nunca sobrepasar la anchura total del blog y, que tendremos que dejar, como en este caso, unos pixeles sobrantes lo que nos asegurará una distancia optima entre los elementos y, por tanto, una correcta visualización del blog.

Ejemplo de plantilla
Ejemplo de plantilla

Podéis consultar también como añadirle una nueva sidebar a la plantilla Mínima.

Entradas Relacionadas:

240 comentarios:

«El más antiguo   ‹Más antiguo   Total comentarios: 1 – 200 de 240   Más reciente›   El más reciente»
Cabalas Virtuales

Espero que estes bien de tu resfriado, y hayas tomado el tomillo okis ? kiss

Itahisa

Muchísimas gracias!!
Ha funcionado perfectamente y me parece que ahora está mucho mejor...
¿Alguna sugerencia de algo que podría mejorar el blog?

Muchas gracias de nuevo ;)

Rosa

Yoli, ya estoy muchísimo mejor, gracias. El tomillo no me lo tomé :-$ aggg! no guta!

Rosa

Itahisa, que bien que te sirvió.
Sugerencias...la única que doy siempre, no cargar de cosas inútiles, que luego lo paga el "peso" del blog...lo demás a gusto de cada uno.

MILA

Gracias Rosa, por hacerme caso. Medejas tranquila con eso de que no soy yo sola la que está teniendo problemas.
Mal de muchos, consuelo de...gente lógica.

Nefert-Ivi®

Gracias, Rosa. He ajustado mi plantilla a la primera y ahora está mucho más colocadita :-)

Rosa

Nefert-ivi, si, se ve como más limpita, menos "apretada". :-)

TROY

Rosita: Gracias. Me sirvió excelente para ampliar mi reciente blog.
Una pregunta respecto lo mismo. En la plantilla MINIMA, la foto del encabezado se aloja en un marco doble con una línea paralela de apenas 1 pix. Despues de ensancharla, tal como indicas, ese marco sigue quedando corto. ¿Hay manera de ampliarlo?

Si gustas darle una chequeadita, es en

http://estudiotroy.blogspot.com

Parecerá que soy enfermo de vanidoso de querer que esa foto quede a todo lo ancho de la pantalla...pero así es como la deseo.

Aún le falta bastante pero ya quise sacarlo a la luz del ciberespacio. saludos y gracias!

Rosa

Troy, busca la parte del header y añade padding:5px; en el header-wrapper (la separacion de la línea exterior) y en el header (la línea interior) de tal forma que esa parte quede así:

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:900px;
margin:0 auto 10px;
border:1px solid #333333;
padding:5px;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
margin: 5px;
border: 1px solid #333333;
text-align: center;
color:#cccccc;
padding:5px;
}

Si quieres más o menos separación, aumenta o disminuye los pixeles (px)

Jorge Luis martínez Hernández - TROY

Sí, Rosita, GRACIAS. te he enviado otra consulta por mail, no se si la hayas recibido.

Encantado de contar contigo. Muy agradecido.

Rosa

Troy, ya te respondí el mail.

SKY
Este comentario ha sido eliminado por el autor.
SKY

Hola Rosa!!! te agradezco mucho esta ayuda estoy muy contenta...
que otra cosa me aconsejarìas de cambiar o modificar?
puedes darte una vueltita por mi blog??
http://skybalcarce.blogspot.com/
te espero y miles de gracias....

Rosa

SKY, Hola!

He leído el comentario anterior aunque vi que lo solucionaste y supongo que por eso lo borraste.
Supongo que volviste a la medida anterior de tu sidebar.

El fondo de tu plantilla es una imagen, por eso cuando agrandas la sidebar, esas rallas azules del fondo no se "estiran" y se queda cortas.
Si aún quieres agrandarla, tendrás que añdir después de hacerlo un color de fondo que las tape, por ejemplo blanco:

#sidebar {
background: #fff;

SKY

Exacto, lo borre por que conseguì arreglarlo..
sobre lo de las rayas azules?? ops...no entendì...
#sidebar {
background:
esto no lo encuentro ni expandiendo artilùgios...ops...?
soy dura. ehh..

Rosa

SKY, no hay que expandir artilugios, lo que has de encontrar es:

#sidebar{

(Está donde antes añadiste el width para agrandar)

Y justo debajo añadir:
background: #fff;

Para que sea de color blanco y cubra todo el fondo, así no se saldrán las cosas, pero antes tienes que volver a agrandarla para probar esto.

SKY

Hecho!! eres un mito.... gracias...gracias...gracias...

Rosa

SKY, no se si has visto esta entrada:

Ensanchar la Sound of Moto

TROY

Rosita: Muy agradecido con la prontitud de tu respuesta y una disculpa por tardar en darte las gracias. Este fin de semana en Chile fue la locura por la Teletón, cosa que me mantuvo a tiempo completo en mi trabajo.

Puse el código que me enviaste y funcionó perfecto. GRACIAS!

trapiello

Muchas gracias,ha funcionado genial
Besos

Rosa

Trapiello, que bien!
Lo quiero ha quedado chulo, ;-)

Neferu

Muchas gracias!!!!
Me ha quedado mucho mejor, siento haberte molestado ^.^

Feliz Navidad!

Rosa

Neferu, no es ninguna molestia, para eso estoy.

Un abrazo y felices fiestas!

Neferu

Hola de nuevo Rosa.

Se me olvido comentarte que si entras a mi blog con mozilla en el reloj digital del hada no puedes ver la hora, pero si lo haces desde el explorer si se ve, Sabes como puedo solucionarlo?

Un abrazo

Max & Birrax

Hola, buenas.

Estaba intentando seguir tu consejo para cambiar el ancho de mi blog pero algo debo estar haciendo mal, a ver si soy capaz de explicarme. El resultado final es que, efectivamente, consigo cambiar el ancho de todos los elementos, princial, barra lateral, cabecera y pie, pero no el ancho del fondo que tengo puesto, con lo cual la barra lateral se sale y queda todo perfectamente horripilante.

Si pudieras echarme un cable te estaré muy agradecido. Recibe un cordial saludo,

Max.
http://maxbirrax.blogspot.com
max(punto)birrax(arroba)gmail(punto)com

Rosa

Max & Birrax , mira tu plantilla efectivamente es una mínima pero está ya muy modificada, cuando yo explico cualquier cambio para una plantilla, se supone que es para la plantilla tal cual la proporciona Blogger.

El problema en tu caso es que el fondo del blog (outer-wrapper) está ocupado por una imagen (negra con unas rayas a los lados), cuando ensanchas esa parte, la imagen no se ve afectada, es decir, su tamaño seguirá siendo el mismo que tenía...
Solución: encontrar otra imagen adecuada o eliminar la que hay y cambiarla por un fondo de color...

Max & Birrax

Muchas gracias por tu respuesta, Rosa.

Probaré mañana, hoy he tenido un día bastante duro en el trabajo y he llegado a casa muy vago.

Recibe un cordial saludo y que tengáis un feliz 2008 tú y los lectores de tu blog,

Max & Birrax.

Mamen

Ok, creo que éste era el sitio correcto para preguntarte cómo ensanchar el texto en la plantilla minima dark, perdona por dejarte la pregunta en otra entrada que no tenía que ver con mi plantilla. Sigo dudando si al cambiar me afectará a contadores y mapas de visitas. ¿lo haría?. No me gustaría perderlo. Perdona mi ignorancia. Gracias.

Rosa

Mamen, cuando colocas una nueva plantilla se pierden a menudo todas o algunas cosas de la sidebar, pero eso es cuando la cambias por completo subiendo otra en su lugar.

Siguiendo las explicaciones de esta entrada, lo que haces es modificar para ampliar, la plantilla que ya tienes instalada, por lo tanto, NO pierdes nada.

SKY

HOLAAAA!!! primero; saludos para toditos los que lean esto y sobretodo para ti, y el deso que el nuevo año nos regale muchas cosas lindas para compartir!!!

Bueno mi pedido de ayuda es este: no se como hacer para que al acomodar bien en orden una entrada, se publique como la hice yo...o sea, me sucede que me pongo a ordenar todo para que se vea bien, derechito, dejando los espacios entre las cosas para leer, o... (como podrìas ver ahora en mi blog) habìa preparado las fotos todas bien ordenadas y plufff... cuando hago "publicar entrada" o "vista previa" se pone despatarrado!!!! ufff.. que lìo!!!

ya que estamos... me sabrìas decir como hacer una zona... para cuando se quiere escribir algo o dejar un comentario, que no tenga que ver con los temas de las entradas?? no digo una chat sino algo como por ejemplo el "rinconcito de billetes"...
gracias gracias gracias gracias......chuic!!

Rosa

Sky, lo mejor para controlar las entradas antes de publicarlas, o al menos, es lo que yo hago, es editarlas desde la pestaña HTML, ya que si lo haces desde la de redactar, suele pasar que al usar la vista previa se desconfigure.

Lo del "rinconcito de billetes" has de perdonar...pero no entiendo lo que quieres decir. :-$

Mamen

Gracias Rosa!!! Seguí tus indicaciones y lo hice. Seguiré leyendo tu blog para mejorar cosas. Gracias!!!

SKY

gracias Rosaaa...!! lo de entradas "entendidoooo"" ahora te explico mejor lo de: "rinconcito de mensajes"

hacer un espacio en sidebar para que si alguien quiere, pueda dejar un mensaje,y conversar de qualquier cosa ...

ya que si no se trata de comentar una entrada, no tengo un lugar adonde dejar un saludo o dos palabras un aviso ò lo que sea....

gracias gracias gracias gracias

Rosa

Sky, me parecía que era eso, je,je, pero como escribiste en el primer mensaje "rinconcito de billetes" me despistó un poco...

Yo antes usaba Cbox

Está muy bien y se puede configurar incluso en su color para adaptarlo al blog, funciona muy bien, yo lo quité porque me lo saturaban de preguntas y entre eso, los comments y el email, me volvía loca, pero la verdad es que me gustaba.
En esta entrada incluso puedes ver como añadirle emoticonos nuevos.
Emos en Cbox

SKY

gracias angel informatico!!!! pruebo y espero que me vaya bien un abrazo fuerteeeee....

SKY

aquì estoy entre alli pero no consigo hacerlo no se nada de inglès , lo mismo gracias....

SKY

hola rosa estoy aquì otra vez, por las mismas cosas e probado a escribir las entradas en html en lugar de editar pero el resultado es el mismo, no hay caso, no consigo arreglar esto y leer todo sin poder dejar ni un renglòn entre los paragrafos hace que sea todo incomprensibletendrìas otra idea yo veo los otros blog y cuando escriben estan bien en orden, como puedo hacer????
sobre lo de "rinconcito de billetes" no hay algun lugar que tu sepas en español para entender lo que me dice? gracias!!! por toda tu paciencia.... sky.

SKY

hola rosa, he pasado dando una vueltita y te dejo saludos hasta pronto..

Varsovia

Buenas, como va? La verdad que soy un principiante en esto de los Blogs y estoy descubriendo muchas cosas interesantes gracias a tu espacio que es muy bueno y claro.
Consulta respescto al ensanchamiento de la plantilla Minima Dark. Yo lo hice, barbaro. Pero me quedan los elementos de la sidebar, digamos como fuera del cuerpo de la plantilla. Es decir a la vista la plantilla se ve ensanchada, pero en la vista de elementos todo se agrando menos el cuadrado grande, lo que sería el cuerpo digamos. Bueno si sabes que puede ser o en que le erré te agradezo tu ayuda. Gracias y un saludo para ti.

Rosa

Varsovia, no te preocupes, la vista de elementos no tiene nada que ver con la "real" lo normal cuando ensanchas el blog, es que el cuerpo (en vista de elementos) se quede fijo, así que lo demás "se sale" as,i está el mio y todos los que se han agrandado.

Varsovia

ah!! con razón! Me estaba rompiendo la cabeza. Despues leí los comentarios y pense que tenía un problema con el fondo del blog (outer-wrapper) como le explicabas a Max & Birrax. Pero ahora entiendo porque probe con la plantilla sin modificaciones, tal como la proporciona blogger y me pasaba lo mismo.
Sigo para adelante entonces. Gracias por tu pronta respuesta y seguro ya te molestare con otras dudillas. Saludos

Varsovia

Hola. Que tal? Sigo con algún problimita con lo de ensanchar la plantilla minima. Lo que me pasa ahora es que agrego un texto en el cuerpo y no me queda centrado. Sabes como puedo solucionarlo?
La otra consulta es que pude borrar uno de los bordes de la cabecera y quisiera hacerlo con los dos que trae la plantilla. Bueno agradezco si podes orientar en algo. Saludos

Rosa

Varsovia, para eliminar los bordes de la cabecera ve a:
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
Y en border pon un cero (0) en lugar de 1 (uno)

Luego en:
#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
Haces lo mismo.

Para lo de centrar el texto necesito que me lo expliques mejor...no se a que te refieres con "centrar" exactamente, ya que en las entradas el texto por defecto se coloca a la derecha (como ves en mi blog), exactamente ¿que entiendes tu por centrarlo?

Varsovia

Entiendo. A mi me gustaria que se situe más a la izquierda. Más tirado hacia el centro de la página. Digamos a la altura de donde estan las entradas que van en el medio(tengo 1 sidebar de cada lado).
Además me llama la atención que cuando agrego un texto y lo coloco al pie del Blog queda del ancho total y por ende centrado; si lo coloco bajo las entradas toma el ancho de las entradas y queda centrado; pero cuando lo coloco arriba (abajo de la cabecera)queda tirado a la derecha y el rectangulo queda como defasado con una parte de un color más oscuro.
No se si se entiende. Me gustaría que puedas ver mi Blog los ejemplos.
Te agradezco mucho tus prontas respuestas. Sos muy amable. Disculpa que insista pero soy muy nuevo en esto. Saludos.
Mi blog: varsoviaweb.blogspot.com

Rosa

Varsovia he estado haciendo unas pruebas y creo que lo tengo :-)

Has pegado el código para mostrar la nueva sidebar (newwsidebar) justo despues de:

<div id='content-wrapper'>

Prueba a colocarlo justo encima de:

<div id='main-wrapper'>

Creo que ahí está el problema.

SKY

hola rosa estoy aquì otra vez, por las mismas cosas e probado a escribir las entradas en html en lugar de editar pero el resultado es el mismo, no hay caso, no consigo arreglar esto y leer todo sin poder dejar ni un renglòn entre los paragrafos hace que sea todo incomprensibletendrìas otra idea yo veo los otros blog y cuando escriben estan bien en orden, como puedo hacer????
sobre lo de "rinconcito de billetes" no hay algun lugar que tu sepas en español para entender lo que me dice? gracias!!! por toda tu paciencia.... sky.

Rosa

SKY, es que no se que decirte, en lo de "ordenar" las entradas...supongo que se consigue a base de probar e ir usando la vista previa, yo es como lo hago en todos mis blogs...

Si colocas una imagen subiendola desde Blogger, puedes escoger su posición, izda, dcha o centrada, y si colocas el texto justo después del código de la imagen, este empezará justo en la parte de arriba de la imagen...

Respecto a un minichat en español, la verdad, que no conozco ninguno, pero Cbox es muy intuitivo, no necesitas saber inglés... ¿has intentado hacerlo, o solo has visto el idioma y has pensado que no vas a saber?

Te dejo un enlace donde lo explican incluso con imágenes:

Colocar un Cbox

PaBLito

Hola Rosa, desde el otro lado del charco yo, nuevamente. Esta vez intentaré ser mas gráfico para que mi pregunta recale en buen puerto.
Como veras en http://unparpadeo.blogspot.com/ el ancho de donde se puede postear es en una medida que no me corresponde con los bordes redondeados. Mi pregunta es ¿que ses lo que debo hacer para que los bordes tenagan una relacion lienal con la estetica, o sea para que quede bonito?
desde ya muchas gracias :)

Varsovia

jajaja Río de alegría!! Sos una genia. Muchas gracias. Este espacio va queriendo gracias a ti. Un saludo grande.

Almudena

Rosa, ¡eras lo que estaba buscando!, muchísimas gracias por tu blog, es utilísimo. Yo estoy empezando a crear el mio y me está viniendo genial, para la música, ensanchar los marcos, las imágenes...
No sé aún lo que significa tener habilitado mi perfil en blogger, pero mi blog es este
almudenablog.blogspot.com
¡gracias!
almudena

Rosa

pablito, lo que hace el borde redondeado arriba y abajo, son imágenes, como has ensanchado el cuerpo, las imágenes se quedan cortas, o haces dos imágenes nuevas a la medida del ancho de ahora o reduces nuevamente el ancho hasta la medida de esas imágenes.

Rosa

Varsovia, veo que resultó. :-)

Rosa

Almudena, gracias!
Mira aquí lo del perfil:

Compartir perfil

Varsovia

Rosa Querida!!!!!! Es correcto. Si pasas de nuevo por nuestro Blog te darás cuenta como va tomando color (de a poco. Realmente sería imposible sin tu ayuda y recomendaciones.
Lo que sigo si resolver es la consulta que te deje en la entrada de Mp3 en tu blog. Como hacer para que siga sonando a pesar de que entre en distintas entradas y como activar el autoplay en el reproductor de boomp3. Si lo desifraste avisame.Un abrazo y gracias por el comentario en el Slide del Blog.

Rosa

Varsovia, pues he estado intentando modificar el código del reproductor de boom3 sin resultado...:-(
Han cambiado el sistema, antes si podía elegirse esa opción.

Cualquier reproductor dejará de sonar al cambiar de entrada, en Blogger el sistema es de paginación, así que cada vez que vamos a una entrada nueva se refresca la página como si entrásemos de nuevo, es por eso que dejará de sonar...

Varsovia

Entiendo perfecto Rosa. Era como yo me lo sospechaba. Igual gracias por moletarte e indagar. Aprovecho como siempre para dejarte una inquietud. Todavía no lo constate yo mismo, pero me dice un amigo que en los monitores chicos el Blog se ve defasado. Como que no se adapta el tamaño. Sabes que puede ser? O será algún tema del IE porque yo uso el firefox y no me pasa. Un abrazo! y gracias de nuevo.

Rosa

Varsovia, seguro, e imagino que con el mío pase exactamente igual.

Para que se viera correctamente en las chicas y por tanto en todas las demás, tendríamos que respetar un ancho máximo de 800px, 850 a lo sumo...
Claro, nadie lo está haciendo, todo el mundo quiere más espacio y los monitores chicos cada vez son los menos, así que obviamos eso...

Varsovia

Rosa, hace días que no te molesto. Como andas? Vuelvo al ataque con mis consultas: Se pueden ocultar elementos de la sidebaren la página inicial, pero que después sí se vean en las etiquetas?? Y al revés: Se pueden ocultar elementos de la sidebar en las etiquetas y que sólo se vean en la página principal?? jaja
Está dificil, no? un abrazo

Rosa

Varsovia, no es ninguna molestia y además no es dificil ;-)

Widget en la página que quieras

Varsovia

Barbaro Rosa, en breve voy a probar este dato que me pasas. Respecto a los slide show te comento que pude borrar o ocultar el borde donde figuran los links de crea el tuyo, ver todas las fotos, etc. Crees que haya alguna posibilidad de borrar el link que dice slide al costadito y tambien lograr que al pinchar las imagenes que pasan no nos linkee a ningun lado? Un abrazo y como siempre gracias por responder las consultas.

Rosa

Varsovia, recuerdo que en una ocasión intenté hacerlo yo, no recuerdo si para un blog de los míos o para otro...el caso es que no pude...y casi me atrevería a decir que no es posible.

Varsovia

Rosa, una cortita: Pude eliminar el borde punteado en el firefox para los links. Cómo puedo hacer lo proio para el Explorer. Saludos!!!!

Rosa

Varsovia, ¿que puntitos? en IE no se ven...que yo sepa.

Varsovia

Ja, me exprese mal. Lo que en firefox es un borde punteado (lo pude sacar con un consejo de tu blog) en el explorer es un borde blanco. Un recuadro, no punteado.

Rosa

Varsovia, no, si te había entendido...digo ue yo con IE7 no los veo y con las versiones anteriores tampoco veía ningún recuadro ¿¿??

Varsovia

mmm nose entonces. Respecto a lo que te comente antes de los links del Slide, necesito que sauqes tu varita mágica!!!!!!!! jaja todo el mundo se le da por pinchar en las imagenes y se deriva la atención de lo que yo quiero mostrar. Sino voy a tener que buscar la forma de subir otro tipo de presentación. Tenes alguna idea? Un abrazo Rosa

Varsovia

Ayudaaaa!!! Ultimo momento Rosa. Estoy deseperado, de repente me desaparecio la scrollbar de abajo (horizontal) en la pantalla de elementos de página y no puedo acceder a los elementos de la sidebar derecha. Que puede ser? Será algo de Blogger??? O se desconfiguro algo en mi Mozila?? Por favor ayudame. Gracias. Saludos

Rosa

Varsovia, tranquilo hombre, supongo que será el gran Blogger que anda tocando las narices de nuevo...
En fin, vamos a ver si lo arreglamos de una vez.
¿Te acuerdas cuando te dije que la parte "trasera" del blog no tenía que ver con la "delantera"?
Pues no te mentí, pero lo que no te dije es que si podía "arreglarse", vamos a hacerlo ahora.
Busca esta parte de tu plantilla:

body#layout #header {
margin-left: 0px;
margin-right: 0px;
}

Justo debajo, pega esto (tendrás que confiar en mi ya que no se nota nada en "vista previa"):
body#layout #outer-wrapper {
padding: 0;
width: 750px;
}
body#layout #sidebar-wrapper {
padding: 0;
width: 170px;
}
body#layout #newsidebar-wrapper {
padding: 0;
width: 170px;
}
body#layout #main-wrapper {
padding: 0;
width: 365px;
}

Guarda y ve a mirar en el editor de elementos...

Varsovia

Bueno, a ver paso a paso, te paso el diagnostico: Hice lo que dijiste y se acomodaron los elementos dentro del cuadrado. Ahora lo que no se soluciono que no te comente antes, es que me aparece un margen a la derecha de un color más claro del de mi Blog. Es decir como si se ubiera corrido, esa es la sensación exacta. Me gustaría que le pegues un vistazo al mismo.
Preguntas:1- Tendrá que ver con que al codigo que me pasaste tengo que cambiarle las medidas por las de mi plantilla?
2- En mi plantilla no me figura como vos me pasaste:margin-left: 0px; Sino que figura asi: margin-right: 0px; margin-$startSide: 0px; Tendrá esto que ver????
3- Por ultimo, los elementos como te dije se acomodaron todos menos los del pie del Blog.
Ayuda, me tiene un poco preocupado. Mil Gracias
margin-$endSide: 0px;

Rosa

Varsovia, lo de margin-$endSide: 0px; no tiene nada que ver, es lo mismo pero con el código nuevo de Blogger.

El pie de la parte de editar y la cabecera no se acomodan porque esos si se modifican en la parte "real" para acomodarlos. Tranquilo eso está correcto así.

Y lo que me dices del espacio "blanco" en el blog, ni idea de a que te refieres, acabo de entrar y yo lo veo todo bien ¿¿??

Varsovia

En realidad el margen no es blanco, yo veo un margen gris oscuro que para mi antes no estaba y ahi es donde se corta el Blog. Me estaré volviendo loco??
En cuanto a lo del pie, como puede ser? si antes me movía con la scrollbar ahora como hago para pinchar en el "edit" de los elementos del pie si no lo veo??
No le queres pegar un vistazo a mi Blog por dentro??
Siento que se me complico todo.

Rosa

Varsovia, pues eso gris que dices yo no lo veo chico...

Y lo del pie...¿es que no lo ves?porque entonces algo anda mal, yo creí que decías que no se había achicado de largo, pero verse tiene que verse...

Rosa

Varsovia lo del footer está arreglado. Borré el comentario anterior para que no se lea tu contraseña, de todos modos yo la cambiaría...es demasiado obvia ¿no te parece?.

Lo del gris sigo sin ver nada...

Varsovia

Bueno Rosa ante todo gracias por tu paciencia y disposición.
Yo tratare de relajarme un poco a ver si dejo de ver cosas donde no están!! jaja igual estoy seguro que algo raro paso. No importa. Te mando un abrazo y ya estaré molestando nuevamente.
P.D: NO te preocupes por la contraseña, ya tome tu consejo jaj

Libertad de Expresion

Hola,hice todos los cambios como indicas y salio bien,pero ahora la sidebar se ha corrido para abajo,en el codigo esta como a la derecha pero fisicamente no lo esta,se veia bien unos dias pero quizas al incorporar otros elementos borre algun simbolo,tendras alguna idea a que se deba esto,el ancho total es 850px,el main 500px y la sidebar 250px,vi en otro blog que si los anchos no estaban dentro del ancho total pasaba esto,pero este no es el caso,te agradezco de antemano.

el blog en particular es:

http://pinceladasdecuba.blogspot.com

Saludos

Rosa

Libertad de expresión, las medidas no creo sean el problema.
Estoy casi segura que se debe a alguno de los elementos que has incorporado a la sidebar y que, al ser más ancho que esta, busca espacio, y lo que hace es "tirarla" hacia bajo. Yo me inclinaría por el mapa de geoglobe... pero es fácil de comprobar, ve retirando los elementos más grandes (empieza por el mapa) y si sube ya sabrás donde está el problema.
Por cierto, salta en tu blog una ventana con publi, que viene de Geoglobe...

Libertad de Expresion

Hola Rosa,he solucionado el problema,quite muchas cosa y nada porque no se trataba de uno de los elementos de la sidebar sino de un video en uno de los post,aunque tenia medidas pequeñas no se que tendria pero lo elimine y ha vuelto a su lugar la barra lateral,agradezco tu rapida ayuda,lo dejo aclarado para utilidad de otros,te deseo muchos exitos,Gracias

Rosa

Libertad, me alegro que lo localizaras tan rápido, estaba segura que las medidas no eran el problema...pero casi creí que era el mapa, ya ves...bueno no está tal mal,para ser así "a ojo" me aproximé bastante...jajajja.
¡Un abrazo!

Varsovia

Hola Rosa como andas? Ante todo Felicidades!!! Feliz cumple. Te cuento que mi Blog avanza descapcio porque me cuelgo en incorporar conocimientos acerca de las utilidades en vez de subir material que es lo más importante. ja
bueno te consulto por consultar porque no creo que sea posible....Se puede (al igual que me dijiste con los widgets) ocultar una sidebar en las paginas de etiquetas? o lo que sería mejor quitarlas para las páginas de etiquetas??? Usa tu varita mágica!!! Como siempre gracias por tu disposición. Abrazo de BLog

Rosa

Supongo que lo que dices es posible. Nunca lo he intentado, pero como los condicionales de Blogger deberían funcionar en cualquier parte de la plantilla, supongo que se podría hacer...

Una advertencia:
Hay que tener en cuenta que al ocultar la sidebar, los otros elementos del blog (entradas y las otras sidebar) rellenarán ese espacio, "estirandose" para ocupar el ancho total de la plantilla.
Así que el efecto no sería tal como esperas, creo yo...

Varsovia

No, al contrario. Justamente, lo que me gustaría sería borrar por ejemplo un slidebar (izquierda) y que el espacio de las entradas se agrande ocupando ese lugar. No entendí lo de los condicionales...nose que es...si le encontras la vuelta, te pido que me chifles!!! jaja una abrazo

Arturo

Muchas gracias Rosa me ha sido de gran ayuda

Rosa

Varsovia, ya se como ocultar la sidebar, pero hay un problemilla...resulta que el resto del blog, no se "estira" como yo pensaba...se queda igual pero sin la sidebar...

Rosa

Gracias a ti Arturo!

pablito

hola Rosa, despues de tanto transpirar sobre el html de mi plantilla he vuelto con lo ultimo que queda de mi para ver si se puede pulir algo de ella
¿como borrar esa barra que se encuentra en la parte inferior y que solo de ve en IE?

Rosa

Pablito, no tengo ni idea, la verdad, he copiado el código de tu plantilla tal como lo tienes y lo he puesto en mi blog de pruebas y a mi no me sale "esa barra".

PaBLito

Rosa, estimada. Espero te sea util este link para mostrarte lo que mis amarronados ojos ven

http://bp0.blogger.com/_-fzBZDDmz9g/R8AQqiGA57I/AAAAAAAAAZk/N6gsoqQybqs/s1600-h/barra+molesta.JPG

la barra solo se ve en internet explorer

Pd: quizas sea tiempo de dejar de contentar a dos dioses para dejar de rezarte con mis trivialidades :)

gracias por todo :)

Rosa

Pablito, pasame la plantilla por email, eso va a ser algún error en el footer, aunque no te fies, que el Explorer hace lo que le da la gana...

P.D.Tengo muchas consultas en estos días, aún así la miraré nada más que la envíes por si es algo sencillo, si no ten un poco de paciencia ¿ok?

Varsovia

Rosa que tal? Te hago una consulta? Como puedo hacer que cada link de la lista de vinculos de la sidebar tenga una imagen como icono?
Es decir me gustaría tener una lista de vinculos similar a la de Amigos de Visita de El Escaparate. Como hago?
Saludos

Rosa

Varsovia, pues o añades el icono o imagen "a mano" o tal vez podrías usar algo así:
http://xyberneticos.com/index.php/2007/10/15/crear-listas-con-miniaturas-para-resaltar-secciones-patrocinadores-etc/

http://xyberneticos.com/index.php/2007/10/01/agregar-favicones-a-los-enlaces-de-nuestra-web-mediante-javascript/

Varsovia

Bien Rosa. Voy a probar con las urls que me pasaste.
De todas maneras me gustaría saber como sería a mano ¿?? Es decir como hago para agregar la imagen si el elementos es una lista de vinculos de Blogger???? Se puede? Bueno Gracias como siempre. Saludos

Rosa

Varsovia, ah, no había pensado que era un widget-lista de Blogger...no creo que te sirvan entonces las urls.

Se puede colocar un icono o imágen delante de los links, de hecho mis listas lo tienen y son de Blogger, lo que pasa que tendría que ser el mismo icono para todos los links...

Varsovia

Rosa, Como estás? Como siempre muchisimas gracias por tu ayuda!!! Despues de rebuscarme un poquito pude lograr la listita. Ahora te molesto por otra inquietud. Quiero agregar una scrollbar en los comentarios. Lo intente copiando la modalidad que punlicaste para los post cambiando el nombre por comments y lo coloque en la parte de los comentarios en el CSS.
Apareció la barra en los comentarios pero nosé porque me desfaso el contenido de los mismos. Me los achico. Como que me los corrió contra la derecha.
Sabes que puede ser?? Como puedo poner una scrollbar en los comentarios sin que altere el formato de los mismos?
Muchas Gracias por tu ayuda.

Rosa

Varsovia, estoy bien, gracias por preguntar :-)

En la entrada donde explico lo de los scrollbars usa el ejemplo "Scrollbar en un Widget solamente", creo que te servirá.

Varsovia

Rosa, Me fije pero vos decis que tenemos que localizar el "id". Como los comentarios no son elementos comunes (digamos). Nose donde poner el codigo para la scroll ni cual es el "id".
Además creo que tengo otro problema, es que cuando saque la srcoll de los comentarios cuando había probado, los comentarios quedaron más angostos en vez quedar en su tamaño original!! NOse que hacer. Sabes que pudo haber pasado???? Tendra que ver que achique un poco el #main-wrapper {????

Rosa

Varsovia, el código para el scroll se pone en el CSS, antes de ]]></b:skin> como en otras ocasiones, y sea elemento "común" o no, el propio elemento donde están colocados los comentarios tiene un id, HTML7 o lo que sea...

MARISSA

LO HICE!!!! QUEDO PERFECTO
GRACIAS

QUISIERA NUMERAR MIS PAGINAS Y QUE CADA TEMA SE VIERA EN UNA PAGINA DISTINTA LA PRINCIPAL Y QUE EN LA PRINCIPAL SOLO SE VEA LAS NUEVAS ENTRADAS Y ESTAS SE ALOJEN DESPUES EN LA PAGINA QUE LE CORRESPONDE...

SE PUEDE???

GRACIAS ANTICIPADAS

Rosa

Marissa, pues va a ser que no, ya me gustaría a mi :(( pero en Blogger no es posible la "paginación" como tienen en Wordpress por ejemplo. :((

MARISSA

GRACIAS ROSA...TU SIEMPRE TAN ATENTA

MIRA MI HIJA HA CREADO UNA PAGINA
http://mangueando2.blogspot.com PERO LA HIZO CON LA PLANTILLA MS Y LE SALIA QUE EXPLORER NO PODIA ABRIR LA PAGINA DESPUES LA HA CAMBIADO POR LA MINIMA PERO SIGUE SALIENDO ESTE MENSAJE Y SE CIERA LA PAGINA.

PUEDES DARLE UNA REVISADITA??? GRACIAS

Rosa

Marissa, pues mi IE no me ha dado ningún problema...he visto el blog perfectamente, con su fondo rosa y la chica con las uñas en rojo y verde (¡que combinación XD) en la cabecera...
Tal vez tu hija aún no ha actualizado su versión de IE a la más nueva, o alguna configuración de su navegador...no se, pero yo la veo perfecta.

marissa

Gracias Rosa...ahora yo tamien la veo bien...no se que habia pasado
besos

Varsovia

Hola Rosa tanto tiempo. Como estas? Espero que hayas descansado como te mereces. Te molesto porque tengo un desfasje en los comentarios y realmente no puede saber que es. Me preguntaba si podías hecharle un vistazo a mi plantilla a ver si vos te das cuenta. Sucede que se ha reducido el largo de los comentarios. Me paso justo despues de probar la srcollbar que despues al sacarla quedo asi: http://varsoviaweb.blogspot.com/2008/01/bienvenidos-varsovia.html
Como siemnpre gracias por tu buena disposición.
Abrazo

Rosa

Varsovia, que raro es eso...no he visto nada en el código fuente...¿podrías, por favor, decirme donde y como probaste las scrollbars?

Varsovia

uff! La verdad que esta dificil, porque fue hace un tiempo y meti el codigo de la scrollbar despues lo borre e hice distintas pruebas.
Es cierto que es bien raro...Si no me equivoco, lo que hice fue utilizar la forma que vos explicas para Scrollbars en el cuerpo de las entradas, pero cambiando post por comments y colocando el codigo antes de #comments {
margin:0;
De todas maneras despues lo saque y el error sigue. Me tiene de los pelos en cualquier momento opto por sacar todos los comentarios y ya.
Si se te ocurre que puede ser, por favor dame una mano. Gracias Rosa!!

Rosa

Varsovia, pues lo siento, pero sigo sin ver nada que pueda estar haciendo eso...

Morkelik

hola, Rosa, estoy fascinada con tu blog. asi que probando algunas cosas perdi mi plantilla original y no se como ponerla nuevamente. la tengo guardada pero no se como se hace. te gradeceria me puedas ayudar conesto, besos y gracias!

Rosa

Morkelik , si la has guardado en tu PC no tendrás problema.

Si lo has hecho con el sistema de Blogger, es decir, un enlace que hay en tu panel que pone "Descargar plantilla completa", solo tendrás que (debajo de ese mismo enlace) pinchar en examinar, localizar la plantilla en tu PC y pinchar en subir.


Si la has guardado "a mano" es decir, copiando todo su código y pegándolo en el blog de notas (por ejemplo), tienes que copiarlo todo de nuevo y en la parte del código de tu plantilla en el panel, borrar todo por completo y pegar el que tienes guardado.

Morkelik

gracias!!!! ya lo restaure. besos

Varsovia

Rosa que tal. Te hago una consulta cortita. Como puedo hacer para achcar la distancia entre entrada y entrada? O bien eliminar los titulos de las mismas o achicarlos? Gracias como siempre. Un saludo

Rosa

Varsovia, a ver, para separar una entrada de otra es en:

.post{
aumentando los valores de margin.

Para los títulos de las entradas es en:
.post h3{

en font-size:130%; modificas el tamaño del texto.

aBdUl

hola rosa, es para hacerte otra consulta, yo tengo mi blog, y es una platilla descargada, hize los pasos y si me ensancho, pero no queda igual con los bordes de la plantilla para la sidebar y la columna central,es decir que a la hora de ensancharlos las letras se sale de los bordes, quisiera preguntarte si hay alguna solucion para esto, lo que pasa esk me gusta la plantilla pero me parece muy delgada, espero tu rpta, y aca de dejo mi blog ha ver si lo ves http://viajeprogre.blogspot.com y me ayudas, muchas gracias =)

Rosa

¡Saludos aBdUl!

Eso que me dices es normal, el fondo de tu blog (sidebar y main) están conseguidos usando imágenes, y claro al ensanchar el cuerpo, las imágenes se quedan donde están,pues su tamaño no puede adaptarse al nuevo sino es haciendo nuevas imágenes con un programa de dibujo...

Ligia

Rosa:

Que buena explicación le has dado a Morkelik, la he tomado para mí. Es bueno saber como rescatar la plantilla....sobre todo para nosotros los "lerdos" con respecto a manipular las plantillas...en cualquier momento podemos perder el trabajo realizado con tanto empeño.

No me lo quiero ni imaginar!

Besitos,

Lia.

Rosa

Ligia, me parece estupendo! Mucha gente tendría que aprender de ti, y mirar más amenudo en los comentarios...:-L

Ligia

Gracias, Rosita:

Entrar a tu blog es como entrar a una super tienda de libros y ponernos a leer todas las sinopsis de los libros sobre "Plantilla", "Header","Body" "Sidebar", "Post" "Footer", etc....siempre se aprende algo nuevo.

Seguiré visitando tu blog a diario esperando las entradas nuevas y leyendo todos tus comentarios a través de "Ultimas opiniones"

Tu fan número 1.

JESY2474

Hola Rosa, espero que estes muy bien.
Quería preguntarte en la plantilla Simple II, se puede mover el margen izquierdo de la columna central? quiero decir, el título de la entrada está mas a la izquierda que el cuerpo de la entrada, yo quiero aprovechar que la columna central sea toda la pantalla, ya que hay un espacio a la izquierda en el que no se puede escribir.
Gracias por tu ayuda.

Rosa

JESY2474 , puedo orientarte sin ver la plantilla siempre que esta sea una de las Blogger original...de las demás, adaptadas o creadas para usar en Blogger, necesito verlas para poder contestar, no tengo idea de cual es la plantilla Simple II, piensa que hay cientos de plantillas diseñadas para Blogger...

JESY2474

Gracias Rosa por tu respuesta, esta es blog que estoy formando

quiero correr las imagenes un poco mas a la izquierda, yo diria que quedaran en el mismo marqen que tienen el titulo y la fecha, como podes ver esos estan más a la izqueirda que las imagenes.

http://jesy2474-pruebas.blogspot.com/

Rosa

JESY2474, como te dije no controlo esas plantillas igual que las de Blogger, pero vamos a probar ¿OK?
Localiza esto en la plantilla:
.post {
padding-left:5%;
padding-right:10%;
}

Deja el padding-left en 0%
Usa la vista previa antes de guardar, sino funciona, me lo dices y trataré de hacerlo de otra manera.

JESY2474

Muchas gracias de nuevo Rosa, estaba ahí mismo donde dijiste :)

krys

Buscando por google he llegado aquí, y me ha sido muy útil tu explicación! Gracias! ;)

Rosa

Krys, gracias a ti, por detenerte unos segundos a comentar para agradecer. :-)

titodavis91

soy nuevo en bloger y todos los cambios que haces estan muy bien y es justamente lo que quiero, lo que pasa es que al cambiar el del paso uno en mi blog (calcolo.blogspot.com) hay una piececita debajo de la cabecera que le hace la forma redonda a los picos y no se agranda conforme al outer-wrapper y me volvi loco para busca cual modificaba este comando pero no lo conseguí ver, Me podrian ayudar?¿

Rosa

titodavis91, eso que dices es una imagen de las que forman esa plantilla, en realidad ese es el mayor problema de casi todas las plantillas que no sean Mínima, se ensanchan de igual modo que esta, pero hay que modificar el tamaño de las imágenes de fondo al nuevo ancho.

MARGA'S HAPPY PATCHWORK

gracias Rosa, esta vez, perfecto a la primera.
Eres la mejor.

Mari Carmen

Muchisimas gracias, me ha salido perfecto!!

Rosa

Mari Carmen, lo he visto, te ha quedado ok;-)

Miguel

Hola de nuevo,el enlace que puse no es el de mio blog.
Gracias de nuevo

Rosa

Miguel, hay bastantes plantillas para descargar que tienen un diseño muy parecido a esta mía, en Btemplates he visto alguna....

David

muchas gracias, en verdad llevaba más de 3 meses queríendolo arreglar, e inclusive una vez la descompuse, excelente... bye! :-L

Cristhian Amaya

Amiga Rosa otra vez yo, Cristhian jejeje, bueno te comento que yo estube muy interesado en ensanchar mi blog y en especial la parte de las entradas, bueno tu ves tengo los post expandibles en las etiquetas, pasa que is haces click en solistas hombres sale todos bien se muetra los post, pero si haces click en Conjuntos y todo los demas veras que se malogra todo, me podrias ayudar por favor, espeor lo veas te dejo mi blog.

Pagina Princiapl
Solistas Hombres
Aqui lo veras todo ordenado.
Cojuntos
Aqui veras que se desordena todo, por favor ayudame

Eduardo Sánchez Butragueño

Me fue de gran ayuda...¡mil gracias!
Saludos desde Toledo.

Sergio

Hola Rosa, acabo de descubrir tu blog y me parece tremendo el trabajo que estás haciendo. Si sólo cobraras unos céntimos por cada problema que resuelves te harías de oro. Así que primero quiero darte las gracias por todo lo que haces gratuitamente.

Verás, he estado probando esto de ensanchar el blog y tengo un problema con la imagen de cabecera: me sale descentrada. He probado a darle el mismo ancho que la página y, efectivamente, coge la misma medida pero desplazada hacia la derecha. He probado a editar la imagen con photoshop y darle los 720 px que tiene el cuerpo del blog... y nada.

También barajo la opción de darle la anchura de la totalidad de la página, como tienes tú. Entonces, si pudieras comentarme sobre las dos opciones y decirme qué hago mal, te lo agradecería enormemente.

Un besazo y gracias de antemano.

Rosa

Sergio, he estado en tu blog y como no están los cambios aplicados, no se en que habrás podido errar...y es que siguiendo los pasos de la entrada, el header no tendría porque desplazarse a ningún sitio...

En cuanto a lo que dices de mi cabecera, es una apreciación muy común :D pero a veces, no todo es lo que parece...mi header es exactamente igual que el de tu plantilla, mide 760px aproximadamente y está situado en el centro (la imagen con el título y la abeja). Lo que a ti te parece "la cabecera que ocupa toda la página" es en realidad una imagen de fondo aplicada en el body, como cuando pones cualquier imagen en el fondo de la página. Como el color de fondo de esa imagen es el mismo que el de la imagen de cabecera "se funden" y por eso parecen una...

Sergio

Rosa, disculpa que no te avisara de que ya estaba solucionado, no podía dejarte el comentario, no me dejaba.

Muchas gracias por molestarte y disculpa.

Es tranquilizador saber que estás aquí para ayudar a todos aquellos que nos aventuramos por primera vez en este mundo.

Un saludo.

Rosa

Sergio, aquí no ha pasado nada :D
Gracias a ti!

RANCHO VIRTUAL

muy bueno rosa....gran utilidad

Hijo De Judas

Hola Rosa.

Junto con agradecer tu gran trabajo realizado en este sitio y que me percato además, te das el trabajo de superbizar cada uno de tus cientos de post respondiendo nuestras dudas en un tiempo en ocaciones muy breve. Quiero hacerte una consulta sobre este post.

La verdad no resulta muy dificil cambiar el porte de la barra donde van las entradas (main?) y la otra donde van los elementos que uno agrega comunmente (sidebar?). Sin embargo me aparece un problema que creo no se a presentado, lo que me hace pensar que algo ejecuté mal.

Antes de continuar te dejo mi blog de prueba donde realize lo que explicas en este post:

http://privadodefelipe.blogspot.com/

Ok, lo que pasa es que cuando me pongo a redactar (en este caso, puse puras "wwwww" solo como prueba), lo que escribo no pasa al siguiente reglon, sino que sigue hacia al lado... ahhh! no se explicarlo, suena muy mal explicado. Pero emm, es como si al escribir esto, nunca pase al siguiente reglon, sino que siga y siga hacia el lado derecho nuestro...

No se si tiene solucion aquello.
De todas maneras al momento de publicar sale todo bien, pero es muy incomodo cuando estoy escribiendo y por ejemplo, quiero visualizar lo escrito.
Si no me entiendes me dices. Espero me disculpes, pero me manejo muy poco y no poseo un volcabulario muy tecnico ni rico como para explicarte de mejor manera.
Desde ya gracias y suerte en todo. La mereces

Rosa

Hijo de Judas Te expresas perfectamente:D

Eso que dices más bien ha de ser problema del editor de entradas...revisa en tu panel, en "Configuración", pestaña "Formato" que tengas puesta la opción SI en "Convertir saltos de línea".

Y gracias por tus agradables palabras.:$

Hijo De Judas

Hola Rosa.

Te cuento que revisé lo que dices y ya tenia marcada la opción "SI", sin embargo volvi a escribir en una entrada intentandolo nuevamente como prueba y me encontré con la grata sorpresa de que ahora no tengo problemas, está todo como debe ser :P

Seguramente es como en los computadores cuando al hacer un cambio recomiendan reiniciar el pc :D

Esto significa sencillamente que lo que explicas en el post me funcionó a la perfeccion por lo cual te agradezco nuevamente aquello y claro, por darte el trabajo de responder a mi duda.

Paso a concluir intentando de aportar que a quien le haya pasado lo mismo que yo, no se desespere ;), reinice su sesion de blogger y verá que el problema ya a pasado.

Un abrazo Rosa, un gusto.
Adios y gracias

Rosa

Hijo de Judas Creo que todo se debe a los cambios que están haciendo en Blogger para integrarlo con otros servicios de Google, como el gadget de seguidores o los feed de FeedBurner...y si, tienes razón, en muchos casos se soluciona solo con iniciar sesión de nuevo e incluso limpiando la caché de nuestro navegador.

Y, por supuesto, el gusto es mio.
Un abrazo.

Neru

¡No puedo parar...!Me lo estoy pasando bomba. Gracias, gracias y un millón de gracias.

Rosa

Neru ¡Paraaaa! :D Me alegra mucho que te diviertas además de conseguir que tu blog se vea precioso.

selene

Hola querida amiga Rosa he buscado esta entrada pero me temo que yo lo tengo mas chungo cambiar el ancho de mi blog http://diariodeunadesconocida-selene.blogspot.com/ si lo ves a mi me gustaria que tenga el ancho como ejemplo de tu blog pero viendo tu post el mio ya tiene ese tamaño te dejo aver si le puedes hechar un vistazo

----------------------------------------*/

#outer-wrapper{
background: #fff url(http://1.bp.blogspot.com/_qTWVg4q5lCo/SPevR3McGNI/AAAAAAAACRM/zNmNRfQznL8/s1600/content_bg.jpg) repeat-y;
margin:16px auto;
width: 1024px;
}

#header-wrapper{
background-image: url(http://wfze6a.bay.livefilestore.com/y1p77PS2CbH3I0HLtkt9o0SUoe4XKk1-UdzkjmRmodKEXTWEKaOhHgIviIaeXdv0OHrVPAwgL2g0OU/header_bg.jpg); background-repeat: no-repeat;
height: 412px;
text-align: right;
width: 1024px;
}

#content-wrapper{padding: 0 150px;}

#main-wrapper{
border-left: solid #000000 1px;
padding: 0 10px 0 10px;
float: right;
margin: -70px 0 0 0;
text-align: justify;
width: 500px;
}

#sidebar-wrapper{
float: left;
text-align: left;
width: 200px;
}

Rosa

selene El ancho de tu blog es mayor que el ancho del mio, aunque no te lo creas.
El mio da esa impresión óptica porque no tiene fondo.
En tu blog el outer-wrapper lleva incluida una imagen de fondo que incluye el "cuerpo" y ese borde de color rosa a cada lado.
El problema es que si ensanchas el contenido, esa imagen se quedará "corta" y las entradas y la sidebar darán la impresión de que se han salido del cuerpo, aunque en realidad no sea así...
Tendrías que hacer una nueva imagen de fondo para el outer-wrapper con las medidas adecuadas...

selene

hola Rosa muchas gracias por responderme ahora ya lo entiendo todo entonces lo q tendria q hacer es
1.- cambiar la imagen http://1.bp.blogspot.com/_qTWVg4q5lCo/SPevR3McGNI/AAAAAAAACRM/zNmNRfQznL8/s1600/content_bg.jpg

todo sera de color rosa
2.- como haria para q el cuerpo este en todo el rosa que cambiaria q dimenciones tendria entonces ??? gracias por tu apoyo ROsa

selene

Hola horas despues te escribo para decirte de que nose como lo hice pero lo hice y todo gracias a tu ayuda hechale un vistazo acepto tus criticas !!! un beso Rosa!

Rosa

Selene Aprendes rápido. ;)
Si me permites el atrevimiento, te he hecho una cabecera, aunque a mi no es que se me de demasiado bien...si no te gusta, no pasa nada ¿ok? tenía un ratillo libre y se me ocurrió :D

http://img403.imageshack.us/img403/4757/headerselene.png

selene

O.o que fuerte!! un regalo de la misma ROsa del escaparate , tremendo honorrrr no me lo puedo creer cunado vi tu respuesta me quede muy asombrada , thank´s thank´s Rosa me has hecho muy feliz !!! muchos besos guapa !!!!
tu fiel seguidora ,
posdata : como veras mi blog esta lleno de tus enseñanzas jejej :P y ahora la cabecera tambien :P besos guapa!

Rosa

Selene Para ocultar el título, localiza esto en la plantilla:
h1.title{
color: #AC0640;
font-weight: bold;
font: normal bold 249% Georgia, Times, serif;
line-height: 1.3em;
}
Justo debajo de la primera llave { pones esto;
visibility:hidden; display:none;

selene

ya lo hice Rosa muchas gracias !!!

AnDy

Gracias Rosa!!!... la verdad es que no me gustaba como quedaba mi blog asi, todo muy junto!!!
Siempre me es util tu informaciòn, aunque a veces, cuando se termina mi paciencia dejo todo como estaba antes!!
Besitos

vicky

hola Rosa!! Es la 1ª vez que entro a tu blog me esta sirviendo de mucha ayuda.
Puedes ayudarme con un problemilla q tengo?
he ensanchado el main del blog y al hacerlo se me queda una linea en el main que no se quitar.
http://tutoria4anysfaura.blogspot.com
gracias
vigago10@hotmail.com
vicky

Rosa

vicky Tu plantilla es una Rounders, y esas líneas que dices son imágenes, que puedes retirar borrando sus url de la plantilla en:

#main-wrap1 {
#main-wrap2 {
#main {

Lucía.uy

Rosa, muchísimas pero muchísimas gracias por tu ayuda en este tema, lo he puesto en práctica sin ningún tipo de inconvenientes siendo una persona que no sabe nada de nada sobre este tema.

Te mando un gran abrazo, desde uruguay, Lucía

Rosa

Lucía.uy Me alegra oír que todo ha ido bien. Gracias! :D

Eduardo Castillo Páez

Hola Rosa, cómo estás?.
Siguiendo tu sugerencia, ensanché la plantilla y creo que ha quedado mucho mejor. La profe dirá.
Ahora voy por tus otras recomendaciones, jaja.

Mil gracias!!.

Rosa

Eduardo ¡Mucho mejor! Por cierto...¿no recibiste mi email? te decía que si me pasabas tus datos de acceso, podría hacértelo yo...aunque mejor así ¿eh? tu has aprendido y yo me he ahorrado el trabajo :D

Echizen

Buenisimo Rosa!!! Justamente estaba buscando esto... recién estoy comenzando con mi blog, y me gustaría que lo mires a ver que te parece... es personal, al menos este primero que estoy haciendo... pero me gustaria hacer la plantilla mucho mejor... así que voy a ir cambiando las cosas a medida que vaya leyendo todo tu blog que me parece espectacular y de gran ayuda!
Un saludo grande.
Flor

Rosa

Echizen La plantilla Mínima es la mejor elección para ir luego dándole el diseño que más nos guste, de hecho es la que yo uso en el Escaparate y en todos mis blog :D

Eduardo Castillo Páez

Rosa, no, no me llegó ningún mail tuyo. Gracias igual. Tal vez te pida algo que se me está complicando, pero no quiero saturarte.
Viste lo de los gatos?.

Gracias.

Rosa

Eduardo Sii, aquí buen una "bomba" mediática durante meses, en Febrero del 2008 o así creo recordar que se "destapó" el asunto.:(

Fieltro-Complementos

Hola, tengo 2 blogs, y en uno de ellos si he podido ensanchar la plantilla, pero en el otro, en el principal me pone esto:

No hemos podido obtener una vista preliminar de su plantilla.
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
Se ha encontrado más de un artilugio con el ID: AdSense1. Los ID de artilugio deben ser exclusivos.

MI BLOG

Fieltro-Complementos

te vuelvo a dejar mi enlace que:
(no controlo todavia)

mi bloggracias

Rosa

Fieltro Mira en esta entrada:
http://elescaparatederosa.blogspot.com/2009/02/mensaje-de-error-los-id-de-artilugio.html

Fieltro-Complementos

gracias

Jean Paul

gracias me has salvado la vida de que mi pc me matara pensando en como hacer eso XD gracias gracias

mazorko

gracias!!!! llevaba intentándolo desde hace tiempo y en otros manuales me parecía "atravesado"

saludos

marta

Muchísimas gracias por este tutorial, hace muchísimo que quería cambiar la anchura de la plantilla y no sabía cómo. Me ha ido estupendamente, gracias de nuevo.
Un beso MUYGRANDE :)

Chaantii

Hola!

¿Hay alguna forma de ensanchar la plantilla "Thisaway Rose"?

No me atrevo a probar lo que has dicho en este post porque solo es para "Minima" :S

Rosa

Chaantii Si hay forma, pero tendrás que construir todas las imágenes que lleva en su diseño de nuevo...no es fácil.

Chaantii

Ok, gracias. De momento lo dejo asi, y si encuentro alguna forma mas sencilla ya lo probaré ;)

HacheM

Hola Rosa! Espero que te encuentres de lo mejor y que puedas ayudarme: resulta que he ensanchado la plantilla y todo bien, ahora puedo poner videos en formato más grande, el problema es que el margen o contorno de color gris del cuerpo de las entradas no se modificó y entonces aparece enmedio como "cortando" las entradas... cómo puedo correr ese margen hasta el borde derecho???? Este es mi blog para que por favor le eches un vistazo:

http://unfinalnorevelado.blogspot.com

Saludos y gracias de antemano.

Rosa

HacheM Esos bordes son imágenes de la plantilla, o las modificas al tamaño que has puesto en el main, o las eliminas.

En el primer caso no puedo ayudarte, en el segundo, has de borrar la url de las imágenes que se encuentran en #main-wrap1 { #main-wrap2 { y #main {

Usa vista previa.

Frank A. Caner

Rosa,tal ves me puedas ayudar,pues no entiendo que pueda ser lo que pasa,no carga el cuerpo ni la siderbar derecha en mi blog.

http://pinceladasdecuba.blogspot.com/

Rosa

Frank Yo lo veo perfectamente (si quieres, me lo dices y te envío una captura de pantalla) tal vez sea "cosa" de tu conexión...

Frank A. Caner

Si Rosa,se ve bien ahora pues cambie la plantilla,derribe todo el diseño anterior y lo estoy montando de nuevo,comprobé con otras personas que no terminaba de cargar,puede haber sido algún elemento que dejo de funcionar o algún ataque por su contenido,no lo se,pero eso me motivo para cambiar el estilo que estaba posponiendo desde hace tiempo,Gracias por pasar por allá y contestarme,esta plantilla es algo mas complicada ,pero la voy comprendiendo y con la ayuda que brindas en este blog,la iré mejorando,Un abrazo

Rosa

Frank Ahhh, ok. Suerte con la nueva ;)

HacheM

Muchas gracias Rosa!

Eliminé la imagen tal como me indicaste y me gustó el resultado.

Felicitaciones por tu blog y por tu ayuda.

Saludos cordiales!

Meri

Otra vez yo Rosa :$ Ensanche la plantilla como sabes y yo con Firefox la veo correcta, pero me han comunicado que con IE no se ve la sidebar :O lo he comprobado y efectivamente no se ve ¿Qué puedo hacer? No tengo ni idea de lo que puede pasar

Saludos

Rosa

Meri La verdad es que yo tampoco... es algo que está mal, pero no creo que en las medidas de la plantilla, sino en algo que has añadido, porque además de desaparecer del todo la sidebar se ve como cortado el footer...

Mira, sinceramente, lo primero que yo haría sería quitar esas dos imágenes de los lados arriba y las mariposas, aunque pudiera no ser eso, pero las quitaría igualmente...
Tus recetas son geniales al igual que las fotos de las entradas, no necesitas sobrecargar el blog con ese tipo de "tonterías" que lo único que hacen es molestar y estropear el diseño...

Prueba a quitarlas, miras en IE, y si no es ese el problema me lo dices y miro más a fondo.

Meri

Gracias Rosa por tus consejos;)

Eso que me dices no es, por que ya lo fui quitando,(luego lo puse) Fui también quitando cosas de la sidebar y tampoco, debe ser en la plantilla pero no se que es.

Rosa

Meri Lo raro es que el IE no muestra ningún error en la barra de navegación...:o

Revisé tu plantilla lo más que puedo ver desde el código fuente, y hay un script que has añadido entre las variables al principio de la plantilla, que no debería estar ahí...

Si lo necesitas tendrás que cambiarlo a justo antes de </head>

No se si será eso, pero ya que estamos, lo corriges y ya luego me cuentas...

Este es el script que está mal situado:

<script type=”text/javascript”>
function mailnobot(nm,dm)
{
mailurl = “mailto:” + nm + “@” + dm;
window.location = mailurl;
}
</script>
<a href=”javascript: mailnobot(lacocinademeri@gmail.com);”>Haga clic para enviar el e-mail</a>

Si no lo necesitas, entonces eliminalo directamente... es algo para enviar emails...

Meri

Rosa eres mi ídola :D

¡¡Era eso jorobas!!

Gracias jamía, que zoquete soy

Rosa

Meri Ja, ja, que bien, me alegro mucho... a la próxima ya sabes... los script siempre antes de </head>

Alexander [Vida Entre Binarios]

Gracias! de verdad mil gracias! es lo que buscaba!

Bubble

rosa te pido ayuda

resulta q cambie las medidas de mi blog y lo hice bien ancho, perfecto. pero cdo lo veo en otra pc con monitor mas pequeño, aparece una barra de desplazamiento horizontal que en el caso de otros blogs bien anchos no ocurre, o sea a otros blogs anchos como el mio los veo igual en esta pc y en la de monitor mas pequeño, pero a mi blog lo veo bien aca y en la otra compu aparece con la barra...

busque por todos lados y no se como solucionarlo sin achicarlo porq me gusta como queda asi, si me podes ayudar te agradeceria mucho, este es el blog:

http://the-bubble-blog.blogspot.com/

gracias desde ya rosa

Rosa

Bubble Es una verdadera exageración el ancho que has puesto, y ni si quiera es el tamaño de pantalla, si en un monitor enorme usas una resolución baja, también verías la barra... o reduces en general todo el ancho, para que se vea bien en todos no mas de 900 0 950px de ancho total (outer-wrapper) o usas porcentajes, pero con porcentajes es mucho más complicado el controlar que se vea correcto en todos los pcs.

o_z

Buenas,me a costado decidirme a postearte porque me a dado tiempo asta de fumarme un cigarro asta que llege a publicar el mensaje pero valia la pena por este pots que era el que estaba buscando porque es PERFECTA la esplicacion..un saludo!!:d

Shirahime

dios, muchisimas gracias!!! qué crack!!! llevaba tiempo queriendo ensancharlo y me estaba volviendo loca, ahora está genial!! :D

Longhinos

Genial, ha funcionado todo a la perfección, ahora mi blog está mucho mas equilibrado y atractivo.
Una explicación clarisima.
Gracias por todo.

Brochazos

Hola Rosa, tengo un problemilla de medidas! No sé por qué me sale la barra de scroll horizontal si el blog tiene de ancho 800px (tanto en outer-wrapper como en header-wrapper).
La barra aparece tanto en Mozilla como en IE.

¿Sabes a qué puede deberse?

Mil gracias
=)

Rosa

Brochazos Creo que es tu menú..

Fijate en su código en esta línea:
<div class="wrapper1">
<div style="width:1050px;" class="wrapper">

El ancho está establecido en 1050 cambia a 1000 por ejemplo y creo que la barra desaparezca y el menú no se vea afectado...

Pruebalo y me cuentas...

Brochazos

Muchas gracias, lo he cambiado y ya no aparece.

Chica, una maravilla!


=)

- Bella -

¡Hola Rosa! (Vengo volando, estoy en clase... pero no me podía quitar esto de la cabeza xD)

Verás, yo tengo la plantilla mínima, quiero ensancharla así que esto me vendrá de perlas. Pero quería preguntarte dos cositas más a ver si me puedes ayudar.


Una de ellas es: ¿Es posíble ponerle fondo? En mi blog (Está el enlace en mi perfil para que le eches un vistazo, supongo que dejarlo sería SPAM ^^) la plantilla está como ''transparente'' es decir, como si escribiera sobre el background o fondo del blog y quiero hacerlo sobre blanco ¿Cómo la coloreo?

Y la segunda es: ¿Podría ponerle un borde a la plantilla?


Gracias!!!!! ;)

Rosa

-Bella- Veo que ya has conseguido hacerlo más o menos...
Yo le pondría fondo blanco a todo el cuerpo, es decir, en esta parte, añadiría el backgroud que ves en negrita:
#outer-wrapper {
width: 900px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 100% Arial, sans-serif;
border:6px solid #99CCCC;
background-color: #ffffff;
}

- Bella -

MÁS DUDAS Y:

¡Sí Rosa! lo conseguí, muchas gracias. Y gracias por el consejo.

Sólo tendría que aprender a pegar el marco al cuerpo del blog y ya ^^ aunque tampoco queda mal.

Una DUDA. ¿Ves que en todas las entradas mis fotos se enmarcan? ¿Cómo quito el marco? ^^

GRACIAAAS

Rosa

- Bella - Precisamente lo que te aconsejé es eso...para que el marco se vea alrededor del cuerpo blanco y no flotando ahí...

Localiza esto:
.post img {
padding:4px;
border:1px solid #6C82B5;
}
Y cambia el 1px por 0px

- Bella -

Rosa, eres un GENIO! ^^ Gracias por todoooooo!!! Ya está solucionado!


Muáaaaaaaaaac!

Azul

Hola de nuevo Rosa.
Hice los cambios pertinentes como aconsejas y a primera vista no se notan, donde si lo hacen es en elementos de páginas, ya que los tadgets estas corregidos hacia el margen derecho. Mi pregunta es porque no se corrigió el margen izquierdo?. Me gustaria aprovechar mas los margenes en toda la página y que quedara completa. Gracias!!!!!!

«El más antiguo   ‹Más antiguo   Total comentarios: 1 – 200 de 240   Más reciente›   El más reciente»

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