El árbol dio sus frutos y los resultados están a la vista. La plantilla Theme Beckett adaptada al nuevo código de Blogger Beta.
Ambas plantillas poseen una estructura mínima pero, hasta donde pude comprobar, permiten agregar, quitar o editar las widgets (elementos), sin causar problemas.
Todas las imágenes necesarias se hallan alojadas en la web original:
http://www.typepad.com/.shared/themes/lilia/theme-beckett/
por lo que no es necesario volverlas a subir.
El diseño se basa en el código CSS y las modificaciones deberían hacerse allí, teniendo en cuenta que, el único elemento que tiene una referencia complicada es el widget LABELS:
El elemento HEADER fué modificado, eliminando DIVs internos y atributos CLASS no definidos para que se adaptara al tamaño de la imagen de fondo.
El elemento PROFILE es el único que no se corresponde con el código automático insertado por Blogger, se le antepone un elemento HTML para contener la imagen del perfil del usuario. Si no se quiere que aparezca, puede eliminarse este último. Además, la opción Mostrar mi perfil no funciona dentro de la solapa de elementos y si se quiere eliminar, debe hacerse en la plantilla:
El tiempo dirá si los frutos eran comestibles.
Ambas plantillas poseen una estructura mínima pero, hasta donde pude comprobar, permiten agregar, quitar o editar las widgets (elementos), sin causar problemas.
Todas las imágenes necesarias se hallan alojadas en la web original:
http://www.typepad.com/.shared/themes/lilia/theme-beckett/
por lo que no es necesario volverlas a subir.
El diseño se basa en el código CSS y las modificaciones deberían hacerse allí, teniendo en cuenta que, el único elemento que tiene una referencia complicada es el widget LABELS:
#Label1 a {font-weight: normal; text-decoration:none;}y que si se efectúan cambios, debería verificarse que el atributo ID sea el correcto.El elemento HEADER fué modificado, eliminando DIVs internos y atributos CLASS no definidos para que se adaptara al tamaño de la imagen de fondo.
El elemento PROFILE es el único que no se corresponde con el código automático insertado por Blogger, se le antepone un elemento HTML para contener la imagen del perfil del usuario. Si no se quiere que aparezca, puede eliminarse este último. Además, la opción Mostrar mi perfil no funciona dentro de la solapa de elementos y si se quiere eliminar, debe hacerse en la plantilla:
<a class='profile-link' expr:href='data:userUrl'>Ver mi perfil</a>Como a mis gusto, la solapa de elementos no resuelve correctamente los datos de Ubicación y abrevia el nombre del pais (por ejemplo: Buenos Aires, AR), si se quiere corregir, puede editarse la línea de la plantilla, cambiando:<dt><data:location/></dt> directamente por el texto: <dt>Buenos Aires, Argentina</dt>Todos los demás, dependerá de lo que se ingrese en la solapa Template (Layouts) Elements y de lo que esté establecido en Settings.
El tiempo dirá si los frutos eran comestibles.
59 comentarios:
Hola. Soy muy novel en esto de blogger y apenas sé html y css... por eso tengo una duda acerca de tu diseño, el cual tengo puesto, pero no consigo configurarlo a mi gusto. especifico: quiero poner una imagen como haces tú arriba del perfil, pero quitando el propio widget del perfil, que este independiente. y a poder ser, que la imagen este centrada. me entiendes? muchas gracias...
La solución es fácil. Primero, no es necesario que elimines el widget Perfil, es suficiente con ir a la ventana de Diseño / Añadir y organizar elementos y editarlo. Allí, desmarcar Compartir mi perfil y luego Guardar Cambios. Esto es por si alguna vez quieres volver a ponerlo.
Ahora, en la misma ventana de Diseño, Añadir un elemento a la página y seleccionar HTML. Puedes ponerse un título o no. Luego, en el editor de Contenido se puede escribir o insertar código. Para esto último debe mostrar el vínculo "Formato RTF", si dice "Edicion de HTML", click en el texto para permutar.
Copia y pega el siguiente código:
<div style="margin: 0; padding: 0; background: none; text-align: center; vertical-align: middle;">
<img src="URL_imagen"/>
</div>
Cambia URL_imagen por la dirección completa donde está la imagen que quieres poner, Guarda los zambios, verifica que el nuevo elemento esté donde quieras que aparezca y listo.
El código permite hacer aún más ajustes y agregar detalles, si necesitas una ayuda más detallada puedes comunicarte por EMail.
Lamentablemente, en tu comentario no aparece un vínculo a tu blog así que no puedo ver de qué se trata. Sería bueno que agregues tu dirección. Si tu perfil está oculto, simplemente copia y pega la URL de tu página en el comentario.
yo tb uso el beckett, y ya lo puse en el beta,
probando otras plantillas
en la pestaña fuentes y colores de la pestaña Plantilla, me permite modificar los colores principales de esa plantila, pero en becket no sufren modificaciones, hay una forma de cambiar estos colores?(p,ej el naranja de los posts volverlos verdes , o poner el fondo un poco mas claro por dar un ejemplo
hola, segui tus instrucciones y x fin me acepto esa plantilla, mas sin embargo quiero quitar la barra azul de blogger, no se si me puedas facilitar el codigo
gracias eh
Justo antes de <:/b:skin> agregá:
#navbar-iframe {
height: 0px; visibility: hidden; display:none;
}
y la barra desaparecerá.
También hay otros trucos que pueden hacerse con la barra de Blogger.
Hola, buenas noches.
He visto tu entrada y creo que voy a adaptar el tema que sugieres porque me resulta atractivo, pero resulta que al aplicarlo me desaparecen un reloj que tengo puesto y el enlace a mis estadísticas entre otras cosas. Si me pudieras orientar para que se vean te estaré muy agradecido. La dirección de mi blog es http://maxbirrax.blogspot.com/
Enhorabuena por tu blog, es muy interesante.
Un cordial saludo,
Max.
Cuando se cambia una plantilla por otra, esta o cualquier otra, se eliminan los elementos que no existan en la nueva; por ejemplo, si tu plantilla tiene un elemento HTLM como estadísticas, como la nueva nunca los tienen, elemento desaparec, incluso Blogger que advierte que se borraran y te pide confirmación. Lo mismo ocurre con otros agregados personales.
Lo que debe hacerse es, modificar la plantilla nueva previamente, cosa que puede ser bastante engorroso o bien, copiar el contenido de los elementos que uno quiere conservar y luego, insertarlos otra vez.
Yo, recomiendo esto último, copiar los contenidos, eliminarlos de la plantilla y recién entonces, subir la nueva y agregarlos.
Estimado,
Tu consejo ha funcionado a la perfección.
Muchas gracias y un saludo,
Max.
http://maxbirrax.blogspot.com
Me alegro que todo funcionara.
Hola, JMiur.
Perdona que te moleste de nuevo, pero llevo varios días pegándome con la plantilla y buscando información en Internet para resolver mis dudas, pero no soy capaz de solucionarlo por mis propios medios, por lo que volveré a agradecer tu ayuda. Lo que me sucede es lo siguiente:
* No soy capaz de cambiar el color de la zona en la que se ven el número de comentarios escritos y las etiquetas del post. Me gustaría cambiarlo para que se distinga mejor el final de un post con el principio del otro.
* No soy capaz, como en tu página, de separar el final del blog del resto del contenido por las dos líneas de puntos que tú tienes.
* He visto que, al final de tu página, pone "Blogger Theme Beckett + Hacks" y "Plantilla adaptada por JAVsoft" como reconocimiento. Quisiera ponerlo porque también valoro, y mucho, el trabajo de los demás, sobre todo cuando lo hacen de forma desinteresada, pero no sé como.
Bueno, pues como ves, son bastantes cosas. Quizás hubiera debido enviarte un correo pero espero que, si contestas por los comentarios, algún otro torpe como yo se pueda beneficiar.
Recibe un cordial saludo y mi agradecimiento de antemano,
Max.
http://maxbirrax.blogspot.com
max(punto)birrax(arroba)gmail(punto)com
P.S.: Y hablando de agradecer, si entras en mi blog, échale un vistazo a la sidebar (esta maldita palabreja si he conseguido aprenderla).
Max & Birrax:
Tal como pides, intentaré contestar acá; espero que se comprenda, si no es así, me envias un mail.
1. Cambiar el color de la zona en la que se ven el número de comentarios escritos y las etiquetas del post.
Eso se controla con estas propiedades:
.post-footer {
border-top:1px solid #1A2936;
clear:both;
color:#666666;
font-size:11px;
font-weight:normal;
margin:5px 10px 20px 0px;
padding-top:0px;
}
ahí, deberías agregar el color del fondo y tal vez, eliminar el borde y separar el contenido. Por ejemplo:
.post-footer {
background-color: #202931
clear:both;
color:#666666;
font-size:11px;
font-weight:normal;
margin:5px 10px 20px 0px;
padding:10px;
}
2. Separar el final del blog del resto del contenido por dos líneas de puntos.
Agrega esto en la parte de estilo de la plantilla (entre <b:skin> y </b:skin>)
#footer-wrapper {
background:transparent url(http://www.typepad.com/.shared/themes/lilia/
theme-beckett/date-header-bg.gif) repeat-x scroll 0%;
margin-top:25px;
padding:0pt;
width:760px;
}
3. Poner "Blogger Theme Beckett + Hacks" etc.
:$ eso no es necesario, de cualquier manera, eso es parte del footer y ya tienes un elemento HTML allí donde incluyes el contador y la licencia de Creative Commons. Ese es el elemento a utilizar. Ahí hay muchas alternativas pero te conviene empezar con los pasos anteriores porque es probable que las nuevas propiedades del footer de obliguen a rediseñar esa parte, eliminar espacios o saltos de línea.
Ah .... he visto la sidebar, gracias por el enlace :D
Estimado JMiur:
Hemos aplicado tus consejos y... ¡han funcionado! Lástima que estemos en los lados opuestos del charco, si no, te invitábamos a un café ;)
Por cierto, nos parece que somos unos buenos alumnos, porque vamos a atrevernos a corregirte: la segunda línea del ejemplo del punto 1, es decir donde pones:
background-color: #202931
debe terminar con el caracter ";" ya que si no, no funciona. Te lo decimos por si lo copia alguien con poca experiencia (como nosotros), para que no se vuelva loco.
Bueno, pues muchas gracias de nuevo y feliz 2008 para tí y para los lectores de tu blog,
Max & Birrax.
Me alegro que funcionara y, es verdad, falta el punto y coma final :D
Hola otra vez, JMiur:
Te molestamos una vez más a ver si nos puedes echar otro cable. Por casualidad, hemos observado que desde que hemos adoptado esta plantilla para nuestro blog no nos aparece el icono de "Enviar por e-mail" al final de cada entrada a pesar de que, en la configuración, tenemos la opción "¿Mostrar vínculos de envío de entradas?" -> Sí.
¿Sabes a qué se puede deber?
Como siempre, gracias y saludos,
Max & Birrax.
P.S.: Por si te hiciera falta, la dirección de nuestro blog la tienes en el comentario nº 10.
Sí, ese un error de Blogger . No tiene que ver con la plantilla sino con ellos. Está ocurriendo en varios blogs. Ha desaparecido ese icono y el de edición rápida.
Yo, puse en práctica esta solución:
Rescatando al soldado lapicito
Pues una vez más funcionó tu consejo.
Gracias y saludos,
Max & Birrax
Me alegro que se solucionara, aparentemente, el error es aleatorio y la solución también.
Misterios de Blogger :D
Pues... ¡hola otra vez!
JMiur, perdona la tabarra que te estamos dando -porfavorporfavorporfavornonospongasenlalistanegra- pero es que unas veces por ignorancia y otras por curiosidad, hemos de reconocer que no te dejamos tranquilo. Esta consulta que te vamos a hacer es por curiosidad. A ver si somos capaces de explicarnos:
Hemos observado que esta plantilla emplea la imagen "colitem-header-bg.gif" con unas dimensiones de ¡800x150! y un peso de 46 Kb., sin embargo, en el código siempre se añade el parámetro "50%".
Deducimos que con éste último se indica que se muestre al porcentaje indicado pero que, en cualquier caso, nos bajaremos los 46 Kb. que pesa tantas veces como se tenga que mostrar por lo que en el caso de conexiones lentas o red saturada, puede hacer que la carga de la página sea más lenta.
Nuestra pregunta es: ¿se podría reducir el tamaño de la imagen teniendo en cuenta que es llamada desde tres sitios distintos -comentarios h4, comentarios label, sidebar- con el fin de reducir su peso?
Bueno, a ver si esto de Internet va a más y nos permite invitarte a una o Max Birrax :)
Gracias como siempre de antemano y saludos,
Max & Birrax
Supongo que te refieres a cosas así:
background: #0F181F
url(http://www.typepad.com/.shared/themes/lilia/theme-beckett/colitem-header-bg.gif)
0 50% no-repeat;
En esa propiedad, 0 50% no indican el tamaño si no la posición de la imagen. En este caso, centrada (50%). Ese número podría reemplazarse por la palabra "center".
¿Es posible reducir su tamaño? Si, tal vez, aunque es un gif de 256 colores. Habría que editarlo y ver.
En términos generales, ese tipo de imagen no afecta la velocidad de carga de manera significativa.
Gracias, JMiur. Probaremos este fin de semana y te comentaremos los resultados.
Saludos,
Max & Birrax
Hola, JMiur.
Perdona si este no es lugar apropiado donde preguntar al respecto, pero es el que veo más aproximado. Como siempre, te escribo para ver si me puedes echar un cable:
Tengo una plantilla Denim y me gustaría hacer algo como lo que tú tienes en donde pones "Agregar un comentario ...", es decir, un texto y detrás de él una imagen.
Tengo otro blog en el que utilizo la plantilla Beckett y los estoy comparando pero no encuentro la solución. Si me pudieras echar un cable te quedaría, como siempre, agradecido.
Un cordial saludo,
Max & Birrax.
Tendría que ver la plantilla online para responder con más exactitud pero, en principio para que queden así, los enlaces, deben hacerse flotar:
<span style="float: left;">
TEXTO
</span>
<span style="float: right;">
IMAGEN
</span>
Hola, otra vez.
Debe ser que no lo entiendo, porque no me funciona y me provoca "cosas raras" en el resto de la página...
Si no tienes inconveniente, te voy a enviar un correo privado a tu cuenta indicándote la dirección del blog de pruebas y anexándote la plantilla que estoy empleando. Para que te puedas ubicar más facilmente he puesto como texto dentro de ella lo mismo que tienes tú: "Agregar un comentario ..."
Bueno, JMiur, muchas gracias de nuevo y, por favor, tómate esto con toda la calma del mundo, porque para mí es una afición, no una obligación.
Saludos,
Max & Birrax.
Ya recibí el mail así que veremos si podemos resolverlo.
Hola, JMiur.
Resuelto gracias a tu ayuda el problema que te planteaba en el Comentario 21, paso, tal como acordamos, a escribir la solución por si le fuera de utilidad a alguno de tus lectores. Dado que el modo de tratarlo fue a través de correo, intentaré resumirlo en la medida de lo posible. El problema que tenía era:
Tengo una plantilla Denim y me gustaría hacer algo como lo que tú tienes en donde pones "Agregar un comentario ...", es decir, un texto y detrás de él una imagen.
Ese sector de los posts individuales, en la plantilla, es una línea que tiene este código:
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLink Url' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
Como no tiene definidas propiedades CSS, se las agregaremos. En algún lugar, por ejemplo antes de </b:skin>:
.comment-footer {
position:relative;
width:auto;
/* aquí irá el resto de las propiedades */
}
Pongo esas dos que son las básicas y ahora, vemos las otras.
color: #xxxxxx;
font-size: XXpx;
font-family: XXX;
Con esas controlamos el texto. Si lo que quieres es colocar una imagen de fondo a toda esa línea (en mi caso es una gradiente con una estrella en la punta, hay que agregarle propiedades de fondo:
background:#color url(laImagen) no-repeat 0% 50%;
y márgenes que dependen mucho del tipo de imagen a usar; por ejemplo:
margin: 40px 0 0 0;
padding: 5px 5px 5px 20px;
Me has dado la solución a la primera, pero ahora, la imagen, me sale también en la fecha del comentario, y no me interesa.
...
Creo haber resuelto el último problema que te comentaba. Dentro del bloque "Comments" inserté el código que me enviaste pero, un poco más abajo, he observado que había este otro:
dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 78%;
}
que, por lo que he observado, es "el que manda" en la zona que indica la fecha en la que se ha hecho el comentario.
Buscando comment-footer con los "artilugios" expandidos he encontrado esta otra porción de código:
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
Y he deducido que estaban ligados uno con otro. Lo que he hecho a continuación es que en el bloque Comments he cambiado dd.comment-footer por dd.comment-footer2 y en el HTML he cambiado dd class='comment-footer' por dd class='comment-footer2' , es decir:
----------------------------
#comments-block dd.comment-footer2 {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 78%;
}
----------------------------
<dd class='comment-footer2'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
----------------------------
... et voilá, el problema se ha resuelto. El temor que tengo con este cambio es que, a posteriori, me encuentre con efectos indeseables si quiero hacer alguna otra modificación ya que también he visto esta zona del código:
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
que no tengo la más mínima idea de lo que hace.
Esa última parte lo que hace es mostrar, de manera similar los backlinks, es decir, algunas referencias externas a ese post. Te diría que, por el momento, no le des importancia y en el futuro vemos. En principio, se vería el nombre del autor y la fecha con un formato igual a los comentarios.
Pues esto es todo, espero no haberme extendido más de lo necesario. Tan sólo me queda agradecerte una vez más, y en esta ocasión en público, las molestias que te has tomado y el tiempo que me has dedicado a pesar de ser fin de semana.
Recibe un cordial saludo,
Max & Birrax.
Gracias, Max; menudo trabajo te debe haber llevado poner el código en esta maldita cajita blanca :D
como puedo ensanchar esta plantilla.. pero lo del fondo mas oscuro????
donde se pone las entradas...
y como podria añadire otro barra a la derecha.
gracias
No son preguntas para contestar rápidamente; todo eso, requiere cambiar la plantilla completa. Por ejemplo, el ancho de la parte negra está en #main-wrapper pero, cambiarlo requiere modificar las imágenes de fondo.
Añadirle otra columna también se puede pero, significa hacer la plantilla otra vez, calcular todo, crear las imágenes, probar, etc. O sea. hacer otra plantilla.
hola vagabundia me encanta esta web ,siempre te estoy visitando ,veras me gustaria poner tu plantilla pero si se pudiera con tres columnas
me puedes ayudar porfa un gran saludo
Poder, se puede pero es necesario hacer muchas modificaciones, incluyendo las imágenes de fondo. Ayudar, puedo, lo que no puedeo hacer es rediseñarla por completo.
hola jmiur yo he ido buscando por todas tus ayudo y a mi modo he cambiado algo la plantilla y me estoy haciendo un lio aqui te dejo el blog de prueba para que heches un vistazo http://probandoleslie.blogspot.com/
muchas gracias por tu atencion y un fuerte saludo
Ok. Ya veo. Envíame un mail contándome dónde quieres colocar la sidebar nueva o cuales son los problemas con que te has topado:
vagabundia@gmail.com
Hola JMiur: cómo hiciste para variar el ancho de tu plantilla? tanto para esta beckett (en español) como para la mínima (copio) :
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team
si te es más fácil mando a tu correo las plantillas... Es que el espacio para el texto o imagenes queda muy reducido. Gracias
Sí, Marisol es más sencillo que envies la plantilla y la URL dónde la tienes colocada.
Hola JMiur.
Ando tambien muy enfadado con esta planti, tratando de poner la fuente de texto más grande, pero por Fuentes y colores no salen opciones y el códigos de la plantilla es muy confuso.
Podrías ubicarme?.
Las fuentes de texto se establecen con la propeidad font-size. Tode está dentro de <b:skin>
L de todo el documento, la genérica, esta en body
La de los títulos de las entradas en .post h3 y en .post h3 a, .post h3 a:visited
La de las entradas en .post-body
Ok amigo.
Muchas gracias, ya lo he solucionado...
Vaya que me ha dado esta tarde agua de beber este formulario incrustado. Que es lo que debo hacer para poernlo?.
Eso varía mucho con las plantillas, en algunas es sencillo pero en otras un poco más complejo porque utilizan imñagenes de fondo que deben ser adaptadas para el nuevo tamaño.
Algo es eso puede leerse ACÁ.
Hola de nuevo...
Disculpa tantas molestia JMIur. He estado viendo que el widget de Perfíl se muestra un poco extraño, la imagen de sobrepone encíma de los datos y se ve medio feo. He estado buscando en los comentarios, pero no encuentro una respuesta a esto. Algo en el primero pero no me funciona.
Puedes ayudarme para que quede como este que tiene, los datos en un lado y la imagen en otro?.
Saludines!.
Aquí no uso el elemento Perfil, eso que ves, está colocado en un elemento HTML. No sé muy bien qué resultado queires obtener pero, para que la imagen quedara a un lado y los textos en el otro, podrías agregar esta definición en la parte de CSS:
.profile-img {float:left;}
Ok amigo.
Muchas gracias por la ayuda. Me ha funcionado, eso mísmo era.
Ahora, otra molestia. Tendras que cobrar, hehe!...
El widget para agregar estas cuestiones de los directorios, page rank y eso queda muy desordenado pegando los códigos y nada más... Existe manera de ponerlos aorganizadillos como veo en tu sidebar, como dentro de unos cuadros?.
Saludines!!!.
Esos están colocados dentro de una tabla. Cada uno es una celda. Es la forma más cómoda de hacerlo pero no la única.
Ok.
Ya investigue y lo puse gracias a Max Birrax!!!.
Muy buenas noches JMuir... quiero ensayar la plantilla que pone en la dirección arriba http://www.typepad.com/.shared/themes/lilia/theme-beckett/ pero no la puedo descargar será que me puede hacer el favor y me dice cómo la puedo descargar o me hace el favor y me la envía al correo fersuaqui@hotmail.com le agradezco mucho la ayuda
En el post está ZIP con la copia que hice en su momento. En este enlace.
Hola JMiur.
Sigo con los problemas... Resulta que tengo el script de lightwindow en la plantilla. Funcionaba perfectamente, hasta que he instalado el script de Sitemap que nos brinda pizcos acá http://humanossinsentido.blogspot.com/2008/11/codigo-menu-sitemap.html.
La cuestión es la siguiente: Cuando elijo y configuro para que funcione lightwindow no lo hace, y el sitemap no hace el efecto acordeón, así que se queda abierto como un simple menú.
¿Existe una solución para este caso?.
PD: En estos momentos he quitado los scripts, al no funcionar nigunos :(.
Birdelo:
Es muy difícil (por no decir imposible) hacer que dos Frameworks funcionen juntas. Prototype y JQuery son incompatibles. O se usa una librería o se usa otra, tener ambas crea problemas.
Bueno... Será mejor entonces dejarlo como está?. Por suerte las quité, no fueran a hacer tremendo lío en el blog y eso!.
Saludines de todos modos Doc. JMiur. Gracias por la información, así no me pongo a loquiar!.
Hola JMiur,
He lido varias cosas en tu blog y agradezco sinceramente lo que aprendí al leerlas. Muchas gracias por tu esfuerzo.
El problemilla que tengo ahora es que quiero quitar el botón de vista previa de los comentarios y claro, no sé.
Lo dicho, gracias y abrazos.
ampa:
No hay forma de hacer eso. el formualrio de comentarios lo coloca Blogger y no podemos modificarlo, salvo mínimamente.
Pues la cosa era porque solo el 'vista previa' se sale del Iframe y me joroba todo el tinglado. Tendré que resignarme.
Gracias por su concisa y rápida respuesta Sr. JMiur.
ampa
¿Por que no te fijas en este post? Tal vez, puedas resolver el problema modificando los tamaños.
Pues ya me leí el post y sus comentarios, muy instructivo. Ahora no tengo tiempo pero cuando pueda intentaré darle un tiento.
Si averiguo como quitar el botón de marras o hacer algo para que no se salga del Iframe, ya lo sabréis.
Gracias por las respuestas.
Abrazos.
:ampa
Hola:
Gracias por todo el esfuerzo!!!!!!
Mi pregunta es muy simple, tan simple que es una declaración de mi analfabetismo "BLOGGERO"
¿Cómo se cambia el tamaño de las letras de los titulos de los diferentes widgets del sidebar?
Gracias!!!!!
Adriana
Depende de las plantillas, Adriana. En tu caso, en ambos blogs es similar. Las definiciones están en esta parte:
h2 {
margin:1.5em 0 .75em;
font:italic normal 78% Verdana, sans-serif;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:#66B5FF;
}
Lo mejor, ya que esas propiedades afectan a todos los títulos y no sólo los de la sidebar, sería agregar una definición más que sólo cambie los de la sidebar; por ejemplo:
#sidebar-wrapper h2 {
font-size:16px;
}
Ese valor es cualquiera, el que quieras. Así, tambien puedes cambiar cualquier otra cosa de esos títulos, colores, la fuente, etc.
Qué linda plantilla. La usaría pero, después de modificarla tanto veo que mi blog parecería una copia trucha del tuyo, jajajaja.
Si me aburro de la que tengo ahora (que la puse hace poco) me voy a copiar. Espero que no te enojes si lo hago. :D
AYUDA PRONTA!!! HELP!!... puse la plantilla en mi blog y ahora no puedo poner una imagen como cabezera!! que hago!? me estoy volviendo loco!!.... necesito ayuda pronto, muchas gracias de antemano.
Esa plantila ya tiene una imagen de cabecer que está en:
#header-wrapper {
background:#660000 url(http://www.typepad.com/.shared/themes/lilia/theme-beckett/banner-bg.gif) repeat-x scroll 0 0;
..............
}
Si quieres usar otra, basta cambiar esa propeidad y adaptar el tamaño del header si es necesario.
¿Quiere dejar un comentario?
recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...
Nota: sólo los miembros de este blog pueden publicar comentarios.
Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.
Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...