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.

Añadiendo marco y fondo en color a los párrafos

Te voy a enseñar algo fascinante, algo que es muy sencillo y a su vez muy emocionante... con sólo unos poquitos pasos puedes hacer que tus párrafos queden como este que estás leyendo ahora, con un lindo fondo, un marco... en fín, ¡te quedará en una cajita! ;-)Para aprender a realizar el truquillo sigue los pasos...


Primero ve a una entrada en la que quieras aplicar el marco y el fondo.

Pegas este código en la entrada, pero en la parte de Edición de HTML, justo al lado de donde se escribe el título.
<p style="border: 2px solid #3e9efe; padding: 10px; background-color: rgb #80bfff; color: black; font-family: arial,helvetica; font-size: 14px; font-weight: bold;">AQUI VA EL TEXTO</p>


Puedes cambiarle los colores (están como en el cuadro que te mostré) y ponerle los que más te gusten, y también puedes cambiar el grosor del borde...

border: 2px solid #3e9efe; es la etiqueta del borde, en 2px puedes poner el grosor que quieras. En solid, puedes poner el estilo que desees (está en normal, sólido) por ejemplo: dashed, dotted... En #3e9efe pones el color que quieras para el borde (el que está puesto es azúl oscuro).

background-color: rgb #80bfff; de es la etiqueta del fondo, puedes cambiar el color de fondo borrando la línea: #80bfff y poniendo el color que quieras.

*Si no sabes de dónde conseguir el código de los colores, puedes conseguirlos en la tabla de colores.

Iván dice...

Hola ya he visto tu comentario, esta myu biene lbog habias jugado alguna vez a los sims 2¿???

Jaime Trujillo Escobedo dice...

Hola Iván! que alegria que estes por aqui,me alegra que te guste El Balcon ^_^ si jugue hace tiempo,pero nunca al del pc e jugado al de la play station ^_^ Saludines!!

Anónimo dice...

También se puede realizar utilizando un "DIV" o una tabla ;)

el proceso es mas o menos lo mismo, pero muy buen tutorial.
Saludos jaime.

Jaime Trujillo Escobedo dice...

Hola Other-side, tienes razón ;-) ya publiqué anteriormente truquillos para textareas, tablas :-) es prácticamente igual :-) Saludos!

Anónimo dice...

Hola Jaime, con sorpresa descubro tu blog. También me gustan los animales y mundo-blogger ;) Me pasaré más veces por aquí, para no perderte de vista XD

Un saludo ;)

Lau Martinez Pardo dice...

Hola Jaime, muy buen post, lo voy a probar y luego te digo como me fue. Besos!

CIEN GARABATOS dice...

Hola Jaime, disculpa el atraso… es que cada vez que me llego hasta aquí para retribuir tu saludo me sorprendes con algo nuevo.

Te dejo un gran beso… el truco del encuadre me salió bárbaro… GRACIAS POR COMPARTIRTE!!!

Argentina te saluda GENIO!

Analía Alvado

Jaime Trujillo Escobedo dice...

Hola Y&!! que alegría que hayas venido :-) me alegra que te gusten los mundillos de blogger y animales :-) a mi me encantan! pásate cuando quieras :-) Saludos amigo!

Jaime Trujillo Escobedo dice...

Hola Lau! :-) ya me dirás como te salió :-) Saludines! :-)

Jaime Trujillo Escobedo dice...

Hola CIEN GARABATOS!! no importa nada la tardanza :-) me alegra muchíííííísimo que te gusten las novedades :-) buff y las que quedan :-)que bien que te saliera el truco :-)

Un abrazo ENORRRRRME desde España!!!

:-)

LA MUJER ESA dice...

Mira Jaime, en esta entrada alcancé a publicar parte de tu enseñanza así enlazarte para que otros te compartan… me falta todavía el relleno de color pues no hubo forma de lograrlo… INSISTIRÉ.

Por lo demás, me prendió el bichito de la curiosidad y seguiré viniendo hasta vencer toda mi torpeza…

Me hace muy felíz haberte encontrado…

Otro abrazo argentino!!!

Analía Alvado (garabato)

Anónimo dice...

Oia, me apuré con el mensaje y no te puse el enlace… aquí va de nuevo así entras derechito a mi obra… gracias otra vez MAESTRO.

:D

Jaime Trujillo Escobedo dice...

Hola Analía, no te preocupes, ya está puesto y el detalle es lo que importa :-) me alegra que pudieses haber aprendido el nuevo truquillo :-) un ENORME abrazo desde Español :-)

q u i n o ƒ ƒ dice...

Jaime, muy claros y precisos los consejos que das aquí. El marco para el texto resultó bien... salvo por un detalle: el fondo de color sólido. No hubo manera de conseguirlo.

Pero gracias de todas maneras por el tiempo que nos dedicas a los inexpertos.

Joaquín

Jaime Trujillo Escobedo dice...

Quinøff, a decir verdad, creo que es necesario editar esta entrada. Los pasos son un tanto liosos y el código parece estar mal escrito.

Si deseas agregar un color de fondo, utiliza esta línea:

background: #80bfff;

En lugar de esta:

background-color: rgb #80bfff;

Y sustituye #80bfff por el código del color que más te guste (consulta la tabla de colores).

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