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.
Hola ya he visto tu comentario, esta myu biene lbog habias jugado alguna vez a los sims 2¿???
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!!
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.
Hola Other-side, tienes razón ;-) ya publiqué anteriormente truquillos para textareas, tablas :-) es prácticamente igual :-) Saludos!
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 ;)
Hola Jaime, muy buen post, lo voy a probar y luego te digo como me fue. Besos!
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
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!
Hola Lau! :-) ya me dirás como te salió :-) Saludines! :-)
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!!!
:-)
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)
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
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 :-)
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
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).