{"id":271,"date":"2021-10-15T23:22:39","date_gmt":"2021-10-15T23:22:39","guid":{"rendered":"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/guia\/chapter\/create-textboxes\/"},"modified":"2022-01-25T18:03:02","modified_gmt":"2022-01-25T18:03:02","slug":"crear-recuadros","status":"publish","type":"chapter","link":"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/chapter\/crear-recuadros\/","title":{"raw":"Crear recuadros","rendered":"Crear recuadros"},"content":{"raw":"La herramienta de recuadro de Pressbooks en el editor visual le permite colocar texto con marcos para que se distinga del resto del texto en el cuerpo de su libro. La estructura y el color de los recuadros de texto pueden variar de un tema a otro.\r\n<h1>A\u00f1adir recuadros a su libro<\/h1>\r\n<img class=\"size-full wp-image-268 alignright\" src=\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/wp-content\/uploads\/sites\/4\/2013\/04\/Screenshot-from-2021-10-15-20-18-11.png\" alt=\"\" width=\"230\" height=\"420\" \/>Para a\u00f1adir un recuadro vac\u00edo a su publicaci\u00f3n desde el editor visual, haga clic en el desplegable de <strong>Recuadros de texto<\/strong> y seleccione el tipo de recuadro que desea. Si hace esto con una selecci\u00f3n de texto ya resaltada, este texto se colocar\u00e1 dentro del cuadro de texto reci\u00e9n creado.\r\n\r\nPressbooks incluye seis estilos de cuadros de texto preestablecidos. Cada uno de ellos cuenta tambi\u00e9n con una variaci\u00f3n de \"barra lateral\" que se mostrar\u00e1 por defecto a un 25% del ancho del contenedor y que fue definida para las exportaciones de PDF.\r\n\r\nLos estilos de recuadro preestablecidos son los siguientes:\r\n<div class=\"textbox\">Normal: Este es un recuadro de texto est\u00e1ndar.<\/div>\r\n<div class=\"textbox shaded\">Sombreado: Se trata de un recuadro sombreado.<\/div>\r\n<div class=\"textbox textbox--learning-objectives\"><header class=\"textbox__header\">\r\n<h2 class=\"textbox__title\">Objetivos de aprendizaje<\/h2>\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nEste es un recuadro de objetivos de aprendizaje. Escriba aqu\u00ed sus objetivos de aprendizaje.\r\n<ul>\r\n \t<li>Primero<\/li>\r\n \t<li>Segundo<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n&nbsp;\r\n<div class=\"textbox textbox--key-takeaways\"><header class=\"textbox__header\">\r\n<h2 class=\"textbox__title\">Conclusiones<\/h2>\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nEste es un recuadro de texto de conclusiones Escriba aqu\u00ed sus puntos clave.\r\n<ul>\r\n \t<li>Primero<\/li>\r\n \t<li>Segundo<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<div class=\"textbox textbox--exercises\"><header class=\"textbox__header\">\r\n<h2 class=\"textbox__title\">Ejercicios<\/h2>\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nEste es un recuadro de ejercicios. Escriba sus ejercicios aqu\u00ed.\r\n<ul>\r\n \t<li>Primero<\/li>\r\n \t<li>Segundo<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<div class=\"textbox textbox--examples\"><header class=\"textbox__header\">\r\n<h2 class=\"textbox__title\">Ejemplos<\/h2>\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nEste es un recuadro de ejemplos. Escriba aqu\u00ed sus ejemplos.\r\n<ul>\r\n \t<li>Primer<\/li>\r\n \t<li>Segundo<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\nPuede modificar o editar el contenido de cualquiera de los recuadros. Tambi\u00e9n puede insertar un recuadro \"personalizado\", que le permite definir una clase de recuadro personalizada a la que puede dirigirse con Estilos personalizados.\r\n<div class=\"textbox\">\r\n\r\n<strong>Note:<\/strong> Los recuadros normales y sombreado fueron dise\u00f1ados para incluir un solo p\u00e1rrafo. Si desea incluir varios saltos de l\u00ednea dentro de estos recuadros, solamente tiene que pulsar \"Shift+Enter\" en el editor visual para crear un 'cambio de l\u00ednea suave'.\r\n\r\nEsto a\u00f1adir\u00e1 saltos de l\u00ednea sin romper el recuadro (es lo que hicimos en este cuadro de texto est\u00e1ndar, por ejemplo). Si se siente seguro para editar etiquetas HTML, tambi\u00e9n puede cambiar al Editor de texto y editar directamente el elemento &lt;div&gt; de un recuadro.\r\n\r\n<\/div>\r\n<h1>Personalice los colores de su recuadro<\/h1>\r\nCada uno de los cuatro recuadros dise\u00f1ados para los proyectos de publicaci\u00f3n educativa tiene una paleta de colores preestablecida por el tema de su libro. La mayor\u00eda de las plantillas incluyen una Configuraci\u00f3n Global que le permite cambiar globalmente el esquema de colores para los tipos de recuadros de texto. Para cambiar los colores del recuadro de texto de su paleta predeterminada:\r\n<ol>\r\n \t<li>Haga clic en <strong>Apariencia &gt; Opciones de Tema<\/strong> en el men\u00fa de la izquierda del Escritorio de su libro y despl\u00e1cese hacia abajo hasta que vea las opciones de personalizaci\u00f3n para <strong>Ejemplos, Ejercicios, Conclusiones y Objetivos de Aprendizaje.<\/strong><\/li>\r\n \t<li>Haga clic en <strong>Seleccionar color<\/strong> junto al elemento que desea cambiar (Color de la cabecera, Fondo de la cabecera o Fondo)\r\n<span style=\"orphans: 1; text-align: initial; font-size: 1em;\"><img class=\"alignnone wp-image-269 size-full\" src=\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/wp-content\/uploads\/sites\/4\/2021\/11\/textboxcolors2-e1634353715402.png\" alt=\"You can select colors for the header color, header background, and background for each of these four textbox types. \" width=\"644\" height=\"354\" \/><\/span><\/li>\r\n \t<li>Utilice el selector de color resultante para seleccionar el color deseado. Haga clic en Predeterminado para devolver el elemento a su color predeterminado si es necesario.\r\n<span style=\"orphans: 1; text-align: initial; font-size: 1em;\"><span style=\"text-align: initial; font-size: 1em;\"><img class=\"alignnone wp-image-270 size-full\" src=\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/wp-content\/uploads\/sites\/4\/2021\/11\/textboxcolors3-e1634353859774.png\" alt=\"The graphic user interface that you can select your new color from.\" width=\"305\" height=\"311\" \/><\/span><\/span><\/li>\r\n \t<li>Repita la operaci\u00f3n para cada uno de los colores de cabecera, fondo de cabecera y fondo que desee modificar.<\/li>\r\n \t<li>Haga clic en <strong>Guardar cambios<\/strong><\/li>\r\n<\/ol>\r\nCualquier personalizaci\u00f3n de color que aplique afectar\u00e1 a todos los recuadros de ese tipo especificado en su libro. Por ejemplo, si cambia el Fondo del encabezado de los puntos clave a verde, todos los recuadros de texto de los puntos clave de su libro tendr\u00e1n ahora un fondo de encabezado verde.\r\n\r\nEste cambio afecta a todos los tipos de exportaci\u00f3n. Puede ver los nuevos recuadros de colores personalizados en su editor visual.","rendered":"<p>La herramienta de recuadro de Pressbooks en el editor visual le permite colocar texto con marcos para que se distinga del resto del texto en el cuerpo de su libro. La estructura y el color de los recuadros de texto pueden variar de un tema a otro.<\/p>\n<h1>A\u00f1adir recuadros a su libro<\/h1>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-268 alignright\" src=\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/wp-content\/uploads\/sites\/4\/2013\/04\/Screenshot-from-2021-10-15-20-18-11.png\" alt=\"\" width=\"230\" height=\"420\" srcset=\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-content\/uploads\/sites\/4\/2013\/04\/Screenshot-from-2021-10-15-20-18-11.png 230w, https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-content\/uploads\/sites\/4\/2013\/04\/Screenshot-from-2021-10-15-20-18-11-164x300.png 164w, https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-content\/uploads\/sites\/4\/2013\/04\/Screenshot-from-2021-10-15-20-18-11-65x119.png 65w, https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-content\/uploads\/sites\/4\/2013\/04\/Screenshot-from-2021-10-15-20-18-11-225x411.png 225w\" sizes=\"auto, (max-width: 230px) 100vw, 230px\" \/>Para a\u00f1adir un recuadro vac\u00edo a su publicaci\u00f3n desde el editor visual, haga clic en el desplegable de <strong>Recuadros de texto<\/strong> y seleccione el tipo de recuadro que desea. Si hace esto con una selecci\u00f3n de texto ya resaltada, este texto se colocar\u00e1 dentro del cuadro de texto reci\u00e9n creado.<\/p>\n<p>Pressbooks incluye seis estilos de cuadros de texto preestablecidos. Cada uno de ellos cuenta tambi\u00e9n con una variaci\u00f3n de \u00abbarra lateral\u00bb que se mostrar\u00e1 por defecto a un 25% del ancho del contenedor y que fue definida para las exportaciones de PDF.<\/p>\n<p>Los estilos de recuadro preestablecidos son los siguientes:<\/p>\n<div class=\"textbox\">Normal: Este es un recuadro de texto est\u00e1ndar.<\/div>\n<div class=\"textbox shaded\">Sombreado: Se trata de un recuadro sombreado.<\/div>\n<div class=\"textbox textbox--learning-objectives\">\n<header class=\"textbox__header\">\n<h2 class=\"textbox__title\">Objetivos de aprendizaje<\/h2>\n<\/header>\n<div class=\"textbox__content\">\n<p>Este es un recuadro de objetivos de aprendizaje. Escriba aqu\u00ed sus objetivos de aprendizaje.<\/p>\n<ul>\n<li>Primero<\/li>\n<li>Segundo<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<div class=\"textbox textbox--key-takeaways\">\n<header class=\"textbox__header\">\n<h2 class=\"textbox__title\">Conclusiones<\/h2>\n<\/header>\n<div class=\"textbox__content\">\n<p>Este es un recuadro de texto de conclusiones Escriba aqu\u00ed sus puntos clave.<\/p>\n<ul>\n<li>Primero<\/li>\n<li>Segundo<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"textbox textbox--exercises\">\n<header class=\"textbox__header\">\n<h2 class=\"textbox__title\">Ejercicios<\/h2>\n<\/header>\n<div class=\"textbox__content\">\n<p>Este es un recuadro de ejercicios. Escriba sus ejercicios aqu\u00ed.<\/p>\n<ul>\n<li>Primero<\/li>\n<li>Segundo<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"textbox textbox--examples\">\n<header class=\"textbox__header\">\n<h2 class=\"textbox__title\">Ejemplos<\/h2>\n<\/header>\n<div class=\"textbox__content\">\n<p>Este es un recuadro de ejemplos. Escriba aqu\u00ed sus ejemplos.<\/p>\n<ul>\n<li>Primer<\/li>\n<li>Segundo<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p>Puede modificar o editar el contenido de cualquiera de los recuadros. Tambi\u00e9n puede insertar un recuadro \u00abpersonalizado\u00bb, que le permite definir una clase de recuadro personalizada a la que puede dirigirse con Estilos personalizados.<\/p>\n<div class=\"textbox\">\n<p><strong>Note:<\/strong> Los recuadros normales y sombreado fueron dise\u00f1ados para incluir un solo p\u00e1rrafo. Si desea incluir varios saltos de l\u00ednea dentro de estos recuadros, solamente tiene que pulsar \u00abShift+Enter\u00bb en el editor visual para crear un &#8216;cambio de l\u00ednea suave&#8217;.<\/p>\n<p>Esto a\u00f1adir\u00e1 saltos de l\u00ednea sin romper el recuadro (es lo que hicimos en este cuadro de texto est\u00e1ndar, por ejemplo). Si se siente seguro para editar etiquetas HTML, tambi\u00e9n puede cambiar al Editor de texto y editar directamente el elemento &lt;div&gt; de un recuadro.<\/p>\n<\/div>\n<h1>Personalice los colores de su recuadro<\/h1>\n<p>Cada uno de los cuatro recuadros dise\u00f1ados para los proyectos de publicaci\u00f3n educativa tiene una paleta de colores preestablecida por el tema de su libro. La mayor\u00eda de las plantillas incluyen una Configuraci\u00f3n Global que le permite cambiar globalmente el esquema de colores para los tipos de recuadros de texto. Para cambiar los colores del recuadro de texto de su paleta predeterminada:<\/p>\n<ol>\n<li>Haga clic en <strong>Apariencia &gt; Opciones de Tema<\/strong> en el men\u00fa de la izquierda del Escritorio de su libro y despl\u00e1cese hacia abajo hasta que vea las opciones de personalizaci\u00f3n para <strong>Ejemplos, Ejercicios, Conclusiones y Objetivos de Aprendizaje.<\/strong><\/li>\n<li>Haga clic en <strong>Seleccionar color<\/strong> junto al elemento que desea cambiar (Color de la cabecera, Fondo de la cabecera o Fondo)<br \/>\n<span style=\"orphans: 1; text-align: initial; font-size: 1em;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-269 size-full\" src=\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/wp-content\/uploads\/sites\/4\/2021\/11\/textboxcolors2-e1634353715402.png\" alt=\"You can select colors for the header color, header background, and background for each of these four textbox types.\" width=\"644\" height=\"354\" srcset=\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-content\/uploads\/sites\/4\/2021\/11\/textboxcolors2-e1634353715402.png 644w, https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-content\/uploads\/sites\/4\/2021\/11\/textboxcolors2-e1634353715402-300x165.png 300w, https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-content\/uploads\/sites\/4\/2021\/11\/textboxcolors2-e1634353715402-65x36.png 65w, https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-content\/uploads\/sites\/4\/2021\/11\/textboxcolors2-e1634353715402-225x124.png 225w, https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-content\/uploads\/sites\/4\/2021\/11\/textboxcolors2-e1634353715402-350x192.png 350w\" sizes=\"auto, (max-width: 644px) 100vw, 644px\" \/><\/span><\/li>\n<li>Utilice el selector de color resultante para seleccionar el color deseado. Haga clic en Predeterminado para devolver el elemento a su color predeterminado si es necesario.<br \/>\n<span style=\"orphans: 1; text-align: initial; font-size: 1em;\"><span style=\"text-align: initial; font-size: 1em;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-270 size-full\" src=\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/wp-content\/uploads\/sites\/4\/2021\/11\/textboxcolors3-e1634353859774.png\" alt=\"The graphic user interface that you can select your new color from.\" width=\"305\" height=\"311\" srcset=\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-content\/uploads\/sites\/4\/2021\/11\/textboxcolors3-e1634353859774.png 305w, https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-content\/uploads\/sites\/4\/2021\/11\/textboxcolors3-e1634353859774-294x300.png 294w, https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-content\/uploads\/sites\/4\/2021\/11\/textboxcolors3-e1634353859774-65x66.png 65w, https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-content\/uploads\/sites\/4\/2021\/11\/textboxcolors3-e1634353859774-225x229.png 225w\" sizes=\"auto, (max-width: 305px) 100vw, 305px\" \/><\/span><\/span><\/li>\n<li>Repita la operaci\u00f3n para cada uno de los colores de cabecera, fondo de cabecera y fondo que desee modificar.<\/li>\n<li>Haga clic en <strong>Guardar cambios<\/strong><\/li>\n<\/ol>\n<p>Cualquier personalizaci\u00f3n de color que aplique afectar\u00e1 a todos los recuadros de ese tipo especificado en su libro. Por ejemplo, si cambia el Fondo del encabezado de los puntos clave a verde, todos los recuadros de texto de los puntos clave de su libro tendr\u00e1n ahora un fondo de encabezado verde.<\/p>\n<p>Este cambio afecta a todos los tipos de exportaci\u00f3n. Puede ver los nuevos recuadros de colores personalizados en su editor visual.<\/p>\n","protected":false},"author":1,"menu_order":17,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[49],"contributor":[],"license":[],"class_list":["post-271","chapter","type-chapter","status-publish","hentry","chapter-type-numberless"],"part":128,"_links":{"self":[{"href":"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-json\/pressbooks\/v2\/chapters\/271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":5,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-json\/pressbooks\/v2\/chapters\/271\/revisions"}],"predecessor-version":[{"id":521,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-json\/pressbooks\/v2\/chapters\/271\/revisions\/521"}],"part":[{"href":"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-json\/pressbooks\/v2\/parts\/128"}],"metadata":[{"href":"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-json\/pressbooks\/v2\/chapters\/271\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-json\/wp\/v2\/media?parent=271"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-json\/pressbooks\/v2\/chapter-type?post=271"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-json\/wp\/v2\/contributor?post=271"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/wp-json\/wp\/v2\/license?post=271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}