Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Poner un marco al título de las entradas

Como ves en mi blog, los títulos de las entradas tienen un marco, si quieres saber como ponerlo, y como editarlo, atiende a los pasos a continuación...

Diseño>edición HTML>expandimos artilugios

Ahora debes buscar este trozo de CSS:

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}


Una vez localizado, mira lo que te señalo en rojo, cámbialo y añade lo que no tengas...

.post h3 {
margin:.25em 0 0;
padding:5 5
5px;
font-size:140%;
text-align:
center;
text-transform:uppercase;
font-weight:bold;
border: 1px solid;
line-height:1.4em;
color:$titlecolor;}


En donde pone "border" podemos escoger el tamaño (está en 1px) pero debemos poner siempre los píxeles, es decir px. Donde pone "solid" en la línea de border, puedes poner otros estilos de marcos, como pueden ser...

Solid: Marco de línea recta, sólida.
dotted: Marco de puntos.
dashed: Marco de rayas.
double: Marco con doble línea sólida.

AnibalRealMadrid dice...

Tengo una duda: donde dice: color:$titlecolor;}
me aparece que hay un error. No sé como solucionarlo, creo que hay que elegir un color, pero no se cómo. Lo que me aparece es esto:
Declaración de variable no válida en máscara de página: La variable se utiliza, pero no está definida. Información: titlecolor

Gracias por tu ayuda.

Jaime Trujillo Escobedo dice...

Hola AnibalRealMadrid, pon un codigo de color (puedes conseguirlo usando la tabla de colores) y debes eliminar la linea $titlecolor y poner el codigo en ese lugar. Si te sigue dando advertencias de error, me avisas e intentaré darte otra solución ;-) un gran saludo!!

che negro dice...

hola jaime:
gracias por el comentario, me tarde un poco pero llegue a visitarte para conocer tu blog y esta muy bueno y tiene cosas muy interesantes.
saludos y estamos en contacto

Jaime Trujillo Escobedo dice...

Hola che negro!! me alegra que te guste El Balcón,estamos en contácto ;-) Saludinesss!!

Abel3D dice...

Hola, hice este codigo y me salió el marco, pero si quiero que me quede como el de este blog o sea dentro del marco una imagen como la imagen oscura que tienes detras de cada titulo, saludos.

Jaime Trujillo Escobedo dice...

Hola Abel3D! verás eso es muy sencillo, ahora mismo te explico :-D

En el bloque donde añadimos el borde (el segundo paso) añade justo debajo de .post h3 {

la línea de background, es decir esta:

background: #FFFFFF url(URL DE TU IMAGEN) repeat-x;

Donde dice URL DE TU IMAGEN pon la dirección de la imagen de fondo y listo :-D si necesitas algo más aquí estoy :-) un gran saludo! :-D

Vicky dice...

Hola jaime , me a sido de mucha ayuda tu información , muchas gracias.Me a gustado mucho tu blog.Estamos en contacto.Saludos !

Jaime Trujillo Escobedo dice...

Hola Vicky! me alegro mucho que te haya ayudado El Balcón :-D pués estamos en contácto :-D un abrazo0! :-)

Laube dice...

Gracias, jaime!!!!!!!!!!! Me ha quedado muy chulo... Gracias por tu información... Ayyyyyyyy, qué haría yo sin tu ayuda...
Estoy haciendo cambios a mi blog. Ya me aburrí de verlo siempre igual... Quiero hacer cosillas y como tengo unos ratines, pues me pongo a ello... Admito sugerencias!!!!!!
No encuentro una plantilla que me guste... de ésas que tienen las etiquetas arriba, a modo de pestañas. Me gustaría algo sencillo, liso, limpio, ancho... Sabes de alguna que cumpla estas características???
Gracia guapetón!
Laura

Laube dice...

Jaimeeeeeeeeeeeeeeeeeeee... Ayyyyyyyyyyyy, en la vista previa se ve perfecto el recuadro, pero, cuando le doy a GUARDAR PLANTILLA, se queda como bloqueado y no guarda, ni me deja volver a ver la vista previa. Al final, no me deja el recuadro!!!!
Buaaaaaaaaaaaaaaaaa

Jaime Trujillo Escobedo dice...

¡Genial Laube! Mira, en esta categoría del sitio web de Btemplates encontré varias plantillas sencillas y elegantes.

Si tienes alguna duda con la instalación avísame.

En cuanto al problemilla con blogger, como te comenté previamente en comentarios anteriores, pienso que está un poco "pachucho" ya que a mi también me está sucediendo.

Laube dice...

Gracias guapetón!!!!! A ver si este fin de semana tengo tiempillo de mirármelo.
Un besote

Jaime Trujillo Escobedo dice...

Laube! jajaja me gustó eso de guapetón :P

En cuanto necesites ayuda avísame.

Imaginario dice...

Hola y gracias por tu excelente pagina.

Acabo de estrenarme en esto de los blogs y tus trucos me están sirviendo de muchísima ayuda.

Tengo un problema con algunos de tus trucos y es que no existe la sección .post h3 { en mi blog (están expandimos artilugios).
Utilizo las plantillas nuevas, quizá ese sea el problema.

Me puedes ayudar ?

Un saludo y gracias

NO ME HAGAS PENSAR

Jaime Trujillo Escobedo dice...

Bienvenido Imaginario! Tranquilo, puedes solucionarlo fácilmente.

Encima de la etiqueta ]]></b:skin> añade esta línea de CSS:

h3.post-title{padding: 4px; border: 1px solid #cccccc;}

#cccccc es el color del borde. Accede a la tabla de colores para escoger tu tonalidad preferida.

Imaginario dice...

Perfecto Jaime, muchísimas gracias.
Solucionado :D

Jaime Trujillo Escobedo dice...

Gracias a ti por comentar, Imaginario. Si necesitas alguna otra cosa dímelo.

Esdras Moràn dice...

Hola solo queria felicitarte por tan magnifico blog que tienes me es de mucha ayuda. Gracias por ayudarnos.

Jaime Trujillo Escobedo dice...

¡Bienvenido Esdras! Gracias a ti por las felicitaciones. Espero que El Balcón te ayude a obtener el blog que deseas.

Ferco1912 dice...

Excelente tu blog; de verdad que me ha servido para mucho!

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo