recuadrar texto

es WordPress.com Forums recuadrar texto

• 

  fgvarea · Miembro · diciembre 21, 2015 at 2:03 am

  • Copiar enlace
  • Añadir tema a favoritos

  Busco y no encuentro en el foro algún dato para mi inquietud: ¿Se puede incluir, dentro de un post del blog, un texto que aparezca recuadrado? (para destacar algo, es decir: no todo el post sino sólo una aprte) ¿De qué manera?
  Gracias.

  El blog con el que necesito ayuda es (visible solo para usuarios conectados).

• 

  galois · Moderador · diciembre 21, 2015 at 2:28 pm

  • Copiar enlace

  Hola.
  Se puede hacer y hay distintos tipos de recuadro:
  https://wpbtips.wordpress.com/2009/10/14/borders-pt-1/ (recuadros normales)

  https://wpbtips.wordpress.com/2009/11/21/borders-pt-2/ (recuadros con esquinas redondeadas)

  Un par de ejemplos de mi blog (sólo el recuadro con bordes redondeados, sin cambiar el fondo):
  http://trasnochada.es/sobre-las-cookies/

  http://trasnochada.es/contacto/

• 

  fgvarea · Miembro · diciembre 21, 2015 at 9:57 pm

  • Copiar enlace

  No me funciona, o no entiendo cómo hacerlo. Se supone que escribiendo con el código de texto, por ejemplo…

  ESPACIO CINE </div>
  … debería quedar ESPACIO CINE recuadrado ¿o me equivoco?

• 

  galois · Moderador · diciembre 22, 2015 at 12:16 am

  • Copiar enlace

  ¿o me equivoco?

  Claro.
  Como dice en el artículo En #HEX debes poner un color con el código hexadecimal

  Where I’ve written HEX, you write the hex number for the color you want

  y en TYPE, el tipo de borde (solid, double, dashed, dotted, etc.)

  Where I’ve written TYPE, you specify the type of border you want, using one of the following indications:…

  Por ejemplo #000000 para el color y solid para el tipo de borde.

  Entonces el código sería

  <div style="border:1px solid #000000;padding:1.2em;">ESPACIO CINE</div>

  Si quieres, puedes probar con más texto:
  <div style="border:1px solid #000000;padding:1.2em;">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque at velit vel ex congue consequat. Aliquam erat volutpat. Donec accumsan, nibh ac pharetra lobortis, risus nisl venenatis nulla, id pulvinar quam lorem eu lectus. </div>

  Y recuerda, en donde pone #HEX debes reemplazar HEX por el código hexadecimal para el color que elijas para el borde .
  En donde pone TYPE, debes reemplazar esa palabra por el tipo de borde. Los tipos que pone en el artículo son
  solid
  double
  dashed
  dotted
  outset
  inset
  groove
  ridge

  y si miras los ejemplos de los bordes en
  https://wpbtips.wordpress.com/2009/10/14/borders-pt-1/

  verás qué tipo de borde es cada uno.

• 

  fgvarea · Miembro · diciembre 22, 2015 at 2:40 am

  • Copiar enlace

  Clarísimo, genial.
  Gracias.

• 

  galois · Moderador · diciembre 22, 2015 at 2:45 am

  • Copiar enlace

  De nada, saludos.

• El debate ‘recuadrar texto’ está cerrado y no admite más respuestas.