{"id":67192,"date":"2021-04-13T16:49:13","date_gmt":"2021-04-13T15:49:13","guid":{"rendered":"https:\/\/aulaabierta.arasaac.org\/personalizacion-color-de-fondo-y-anadir-marco-arasaac"},"modified":"2023-02-09T11:13:53","modified_gmt":"2023-02-09T10:13:53","slug":"customization-background-color-and-add-frame-arasaac","status":"publish","type":"page","link":"https:\/\/aulaabierta.arasaac.org\/en\/customization-background-color-and-add-frame-arasaac","title":{"rendered":"Tutorial 7 &#8211; ARASAAC Website &#8211; Customization &#8211; Background Color and Add Frame"},"content":{"rendered":"<div id='av-layout-grid-1'  class='av-layout-grid-container av-pnep5h-f1b0ad97bd538c9ff01ca12a9c658404 entry-content-wrapper alternate_color av-border-cells av-flex-cells  avia-builder-el-0  el_before_av_textblock  avia-builder-el-first   container_wrap fullsize'  >\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-orii9x-eed3c4e3301b190a8cb0365ef52132c5\">\n.flex_cell.av-orii9x-eed3c4e3301b190a8cb0365ef52132c5{\nvertical-align:top;\n}\n.responsive #top #wrap_all .flex_cell.av-orii9x-eed3c4e3301b190a8cb0365ef52132c5{\npadding:30px 30px 30px 30px !important;\n}\n<\/style>\n<div class='flex_cell av-orii9x-eed3c4e3301b190a8cb0365ef52132c5 av-gridrow-cell av_one_fifth no_margin  avia-builder-el-1  el_before_av_cell_four_fifth  avia-builder-el-first ' ><div class='flex_cell_inner'>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-28ajol-65fdb6c6bd50754bee1280e26ca48758\">\n.avia-image-container.av-28ajol-65fdb6c6bd50754bee1280e26ca48758 img.avia_image{\nbox-shadow:none;\n}\n.avia-image-container.av-28ajol-65fdb6c6bd50754bee1280e26ca48758 .av-caption-image-overlay-bg{\nopacity:0.4;\nbackground-color:#000000;\n}\n.avia-image-container.av-28ajol-65fdb6c6bd50754bee1280e26ca48758 .av-image-caption-overlay-center{\ncolor:#ffffff;\n}\n<\/style>\n<div  class='avia-image-container av-28ajol-65fdb6c6bd50754bee1280e26ca48758 av-styling- avia-align-left  avia-builder-el-2  avia-builder-el-no-sibling  noHover av-overlay-on-hover'   itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class=\"avia-image-container-inner\"><div class=\"avia-image-overlay-wrap\"><a href=\"https:\/\/aulaabierta.arasaac.org\/en\/tutorial-web-page-arasaac\" class='avia_image' ><div class=\"av-image-caption-overlay\"><div class=\"av-caption-image-overlay-bg\"><\/div><div class=\"av-image-caption-overlay-position\"><div class=\"av-image-caption-overlay-center\"><p>Back to top<\/p>\n<\/div><\/div><\/div><img decoding=\"async\" class='wp-image-63917 avia-img-lazy-loading-not-63917 avia_image ' src=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/web_nueva.png\" alt='' title='web_nueva'  height=\"500\" width=\"500\"  itemprop=\"thumbnailUrl\" srcset=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/web_nueva.png 500w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/web_nueva-300x300.png 300w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/web_nueva-80x80.png 80w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/web_nueva-36x36.png 36w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/web_nueva-180x180.png 180w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/web_nueva-120x120.png 120w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/web_nueva-450x450.png 450w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/web_nueva-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/div><\/div><\/div>\n<\/div><\/div>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-kln9vp-91025341852359c5ee6404f950fd4750\">\n.flex_cell.av-kln9vp-91025341852359c5ee6404f950fd4750{\nvertical-align:middle;\n}\n.responsive #top #wrap_all .flex_cell.av-kln9vp-91025341852359c5ee6404f950fd4750{\npadding:30px 30px 30px 30px !important;\n}\n<\/style>\n<div class='flex_cell av-kln9vp-91025341852359c5ee6404f950fd4750 av-gridrow-cell av_four_fifth no_margin  avia-builder-el-3  el_after_av_cell_one_fifth  avia-builder-el-last ' ><div class='flex_cell_inner'>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-knms40q0-84b0115139b7d0333921327f445206e8\">\n#top .av-special-heading.av-knms40q0-84b0115139b7d0333921327f445206e8{\npadding-bottom:0;\n}\nbody .av-special-heading.av-knms40q0-84b0115139b7d0333921327f445206e8 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n#top #wrap_all .av-special-heading.av-knms40q0-84b0115139b7d0333921327f445206e8 .av-special-heading-tag{\nfont-size:26px;\n}\n.av-special-heading.av-knms40q0-84b0115139b7d0333921327f445206e8 .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-knms40q0-84b0115139b7d0333921327f445206e8 av-special-heading-h2  avia-builder-el-4  avia-builder-el-no-sibling '><h2 class='av-special-heading-tag'  itemprop=\"headline\"  >TUTORIAL 7 &#8211; ARASAAC WEBSITE &#8211; Customization &#8211; Background color and add Frame<\/h2><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><div id='after_grid_row_1'  class='main_color av_default_container_wrap container_wrap fullsize'  ><div class='container av-section-cont-open' ><div class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-67192'><div class='entry-content-wrapper clearfix'>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-hrgnbp-4e9478d5f32e3b6706e12bd22f8ff4b5\">\n#top .av_textblock_section.av-hrgnbp-4e9478d5f32e3b6706e12bd22f8ff4b5 .avia_textblock{\nfont-size:16px;\n}\n<\/style>\n<section  class='av_textblock_section av-hrgnbp-4e9478d5f32e3b6706e12bd22f8ff4b5'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock'  itemprop=\"text\" ><h6 style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-932\" src=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2016\/12\/by-nc-sa.eu_petit.png\" alt=\"\" width=\"118\" height=\"41\">This work is licensed under a <a href=\"http:\/\/creativecommons.org\/licenses\/by-nc-sa\/4.0\/\" rel=\"license\">Creative Commons Attribution-NonCoercial-ShareAlike 4.0 International license.<\/a><\/h6>\n<hr>\n<p><strong>Introduction to the background color or frame of the pictograms<\/strong><\/p>\n<p>Before explaining these options, it is important to clarify the colors with which pictograms are usually associated. In 1954, a deaf teacher named <strong>Edith Fitzgerald<\/strong> devised the <strong>&#8220;Fitzgerald key&#8221;<\/strong> to help teach grammar to the hearing impaired. This learning method consisted of assigning different colors to the words according to the function performed by each of them in the sentence.<\/p>\n<p>Over time, these color keys became part of the  <strong>teaching methodology<\/strong> of the community of the  <strong>Augmentative and Alternative Communication (AAC)<\/strong> and in <a href=\"http:\/\/www.arasaac.org\/\" target=\"_blank\" rel=\"noopener\"><strong>ARASAAC<\/strong><\/a> continues to respect and use this classification, which establishes the following color scheme for the frame or background of the pictograms:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-22048 aligncenter\" src=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Clasificacion_Colores_Pictogramas_ARASAAC-1.jpg\" alt=\"\" width=\"548\" height=\"407\" srcset=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Clasificacion_Colores_Pictogramas_ARASAAC-1.jpg 1016w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Clasificacion_Colores_Pictogramas_ARASAAC-1-300x223.jpg 300w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Clasificacion_Colores_Pictogramas_ARASAAC-1-768x570.jpg 768w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Clasificacion_Colores_Pictogramas_ARASAAC-1-705x523.jpg 705w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Clasificacion_Colores_Pictogramas_ARASAAC-1-450x334.jpg 450w\" sizes=\"auto, (max-width: 548px) 100vw, 548px\" \/><\/p>\n<h3><strong>Background color of pictograms<\/strong><\/h3>\n<p>By default, <a href=\"http:\/\/www.arasaac.org\/\" target=\"_blank\" rel=\"noopener\"><strong>ARASAAC<\/strong><\/a> glyphs appear in the Customization area in a transparent format. If we activate the Box of the <strong>Background Color,<\/strong>the pictogram appears superimposed on the <strong>color assigned to the word,<\/strong>as we have seen in the previous image. In the case of the pictogram &#8220;girl&#8221;, the background color is orange, because it is a noun.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-22047 alignnone\" src=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_1-1030x470.jpg\" alt=\"\" width=\"1030\" height=\"470\" srcset=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_1-1030x470.jpg 1030w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_1-300x137.jpg 300w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_1-768x351.jpg 768w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_1-1536x701.jpg 1536w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_1-1500x685.jpg 1500w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_1-705x322.jpg 705w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_1-450x205.jpg 450w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_1.jpg 1577w\" sizes=\"auto, (max-width: 1030px) 100vw, 1030px\" \/><\/p>\n<p>In some places, another color code is used. Therefore, we have the possibility <strong>to select another color<\/strong> or use a different range of colors by clicking on the Show more <strong>colors<\/strong>button.<\/p>\n<p><strong>IMPORTANT &#8211; <\/strong> When we add the background color to a pictogram, we can use the option of  <strong>Copy <\/strong>(button located at the bottom of the pictogram) or also by clicking on the  <strong>right mouse button <\/strong>above the pictogram<strong>.<\/strong> In this way, we can paste it directly into our word processor or into our slideshow. All the options that we add to a pictogram with a color background, will be automatically copied to the clipboard and will appear when we use the <strong>Paste<\/strong>option.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-22060 aligncenter\" src=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_3-1030x527.jpg\" alt=\"\" width=\"1030\" height=\"527\" srcset=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_3-1030x527.jpg 1030w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_3-300x153.jpg 300w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_3-768x393.jpg 768w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_3-705x361.jpg 705w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_3-450x230.jpg 450w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_3.jpg 1308w\" sizes=\"auto, (max-width: 1030px) 100vw, 1030px\" \/><\/p>\n<p>In the following image, we show you an example of core vocabulary, in which the background color of the pictograms is usually used, attending to the different types of words following the <strong>Fitzgerald key.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-22052 aligncenter\" src=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_2-1030x728.jpg\" alt=\"\" width=\"1030\" height=\"728\" srcset=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_2-1030x728.jpg 1030w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_2-300x212.jpg 300w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_2-768x543.jpg 768w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_2-1536x1086.jpg 1536w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_2-1500x1060.jpg 1500w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_2-260x185.jpg 260w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_2-705x498.jpg 705w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_2-450x318.jpg 450w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Color_marco_Pictogramas_ARASAAC_2.jpg 1754w\" sizes=\"auto, (max-width: 1030px) 100vw, 1030px\" \/><\/p>\n<h3>Add frame to pictograms<\/h3>\n<p>Using the <strong>Customization<\/strong>menu, we can also add <strong>Frame<\/strong> to the pictograms. The color of the frame uses the same key that we have discussed above.<\/p>\n<p>The Frame customization box allows us to perform two actions: <strong>Select the width<\/strong> and Select another <strong>color.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-22057 aligncenter\" src=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Marco_Pictogramas_ARASAAC_1-1030x453.jpg\" alt=\"\" width=\"1030\" height=\"453\" srcset=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Marco_Pictogramas_ARASAAC_1-1030x453.jpg 1030w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Marco_Pictogramas_ARASAAC_1-300x132.jpg 300w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Marco_Pictogramas_ARASAAC_1-768x338.jpg 768w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Marco_Pictogramas_ARASAAC_1-1536x676.jpg 1536w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Marco_Pictogramas_ARASAAC_1-1500x660.jpg 1500w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Marco_Pictogramas_ARASAAC_1-705x310.jpg 705w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Marco_Pictogramas_ARASAAC_1-450x198.jpg 450w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Marco_Pictogramas_ARASAAC_1.jpg 1573w\" sizes=\"auto, (max-width: 1030px) 100vw, 1030px\" \/><\/p>\n<p>In the following example, we show you a practical application of the use of the frame of the pictograms in a communication board for the Plastic class.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-22063 aligncenter\" src=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Vamos_a_dibujar_y_colorear_pictogramas_ARASAAC-1030x728.jpg\" alt=\"\" width=\"1030\" height=\"728\" srcset=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Vamos_a_dibujar_y_colorear_pictogramas_ARASAAC-1030x728.jpg 1030w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Vamos_a_dibujar_y_colorear_pictogramas_ARASAAC-300x212.jpg 300w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Vamos_a_dibujar_y_colorear_pictogramas_ARASAAC-768x543.jpg 768w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Vamos_a_dibujar_y_colorear_pictogramas_ARASAAC-1536x1086.jpg 1536w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Vamos_a_dibujar_y_colorear_pictogramas_ARASAAC-1500x1060.jpg 1500w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Vamos_a_dibujar_y_colorear_pictogramas_ARASAAC-260x185.jpg 260w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Vamos_a_dibujar_y_colorear_pictogramas_ARASAAC-705x498.jpg 705w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Vamos_a_dibujar_y_colorear_pictogramas_ARASAAC-450x318.jpg 450w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Vamos_a_dibujar_y_colorear_pictogramas_ARASAAC.jpg 1754w\" sizes=\"auto, (max-width: 1030px) 100vw, 1030px\" \/><\/p>\n<p>These two customization options can also be very interesting to work the <strong>morphosyntax,<\/strong>highlighting some of the words that appear in the sentences and that we want to highlight (for example, the verb).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-22065 aligncenter\" src=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Morfosintaxis_pictogramas_ARASAAC.jpg\" alt=\"\" width=\"823\" height=\"518\" srcset=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Morfosintaxis_pictogramas_ARASAAC.jpg 823w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Morfosintaxis_pictogramas_ARASAAC-300x189.jpg 300w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Morfosintaxis_pictogramas_ARASAAC-768x483.jpg 768w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Morfosintaxis_pictogramas_ARASAAC-705x444.jpg 705w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2021\/04\/Morfosintaxis_pictogramas_ARASAAC-450x283.jpg 450w\" sizes=\"auto, (max-width: 823px) 100vw, 823px\" \/><\/p>\n<\/div><\/section>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-knn2e68r-cee3dffee9184d2cc8f2a5321557c16d\">\n#top .av-special-heading.av-knn2e68r-cee3dffee9184d2cc8f2a5321557c16d{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-knn2e68r-cee3dffee9184d2cc8f2a5321557c16d .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-knn2e68r-cee3dffee9184d2cc8f2a5321557c16d .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-knn2e68r-cee3dffee9184d2cc8f2a5321557c16d av-special-heading-h3  avia-builder-el-6  el_after_av_textblock  el_before_av_video '><h3 class='av-special-heading-tag'  itemprop=\"headline\"  >Video tutorial<\/h3><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n<div  class='avia-video av-knn2e0zh-26d8989bcf03922cf2295a4a41b9bc38 avia-video-16-9 av-no-preview-image avia-video-load-always av-lazyload-immediate av-lazyload-video-embed'  itemprop=\"video\" itemtype=\"https:\/\/schema.org\/VideoObject\"  data-original_url='https:\/\/youtu.be\/tWcl3Z7CLcY'><script type='text\/html' class='av-video-tmpl'><div class='avia-iframe-wrap'><iframe loading=\"lazy\" title=\"TUTORIAL 7 \u2013 P\u00c1GINA WEB DE ARASAAC \u2013 PICTOGRAMAS PERSONALIZADOS - COLOR DE FONDO Y MARCO\" width=\"1500\" height=\"844\" src=\"https:\/\/www.youtube.com\/embed\/tWcl3Z7CLcY?feature=oembed&autoplay=0&loop=0&controls=1&mute=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div><\/script><div class='av-click-to-play-overlay'><div class=\"avia_playpause_icon\"><\/div><\/div><\/div>\n<\/div><\/div><\/div><!-- close content main div --><\/div><\/div><div id='av-layout-grid-2'  class='av-layout-grid-container av-f3tczp-cce5fbd2a42be631b2cf32320cacc69e entry-content-wrapper main_color av-border-top-bottom av-flex-cells  avia-builder-el-8  el_after_av_video  avia-builder-el-last  grid-row-not-first  container_wrap fullsize'  >\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-dpel79-93c18472cef4c359aeea4e5f2938c84d\">\n.flex_cell.av-dpel79-93c18472cef4c359aeea4e5f2938c84d{\nvertical-align:top;\n}\n.responsive #top #wrap_all .flex_cell.av-dpel79-93c18472cef4c359aeea4e5f2938c84d{\npadding:30px 30px 30px 30px !important;\n}\n<\/style>\n<div class='flex_cell av-dpel79-93c18472cef4c359aeea4e5f2938c84d av-gridrow-cell av_one_fifth no_margin  avia-builder-el-9  el_before_av_cell_one_fifth  avia-builder-el-first ' ><div class='flex_cell_inner'>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-c9hl91-e95f590baa0def018cef47eddfce29cc\">\n.avia-image-container.av-c9hl91-e95f590baa0def018cef47eddfce29cc img.avia_image{\nbox-shadow:none;\n}\n.avia-image-container.av-c9hl91-e95f590baa0def018cef47eddfce29cc .av-image-caption-overlay-center{\ncolor:#ffffff;\n}\n<\/style>\n<div  class='avia-image-container av-c9hl91-e95f590baa0def018cef47eddfce29cc av-styling- avia-align-center  avia-builder-el-10  avia-builder-el-no-sibling '   itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class=\"avia-image-container-inner\"><div class=\"avia-image-overlay-wrap\"><a href=\"https:\/\/aulaabierta.arasaac.org\/en\/customization-pictograms-transparent-arasaac\" class='avia_image' ><img decoding=\"async\" class='wp-image-23491 avia-img-lazy-loading-not-23491 avia_image ' src=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2016\/12\/before-80x80.png\" alt='' title='before'  height=\"80\" width=\"80\"  itemprop=\"thumbnailUrl\" srcset=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2016\/12\/before-80x80.png 80w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2016\/12\/before-36x36.png 36w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2016\/12\/before-120x120.png 120w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2016\/12\/before.png 128w\" sizes=\"(max-width: 80px) 100vw, 80px\" \/><\/a><\/div><\/div><\/div>\n<\/div><\/div>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-ayvzqd-e087ef96d058efac08b9c959fa86365c\">\n.flex_cell.av-ayvzqd-e087ef96d058efac08b9c959fa86365c{\nvertical-align:top;\n}\n.responsive #top #wrap_all .flex_cell.av-ayvzqd-e087ef96d058efac08b9c959fa86365c{\npadding:30px 30px 30px 30px !important;\n}\n<\/style>\n<div class='flex_cell av-ayvzqd-e087ef96d058efac08b9c959fa86365c av-gridrow-cell av_one_fifth no_margin  avia-builder-el-11  el_after_av_cell_one_fifth  el_before_av_cell_one_fifth ' ><div class='flex_cell_inner'><\/div><\/div>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-9harkl-31d5fc777aae7445fb43c389af7650f1\">\n.flex_cell.av-9harkl-31d5fc777aae7445fb43c389af7650f1{\nvertical-align:top;\n}\n.responsive #top #wrap_all .flex_cell.av-9harkl-31d5fc777aae7445fb43c389af7650f1{\npadding:30px 30px 30px 30px !important;\n}\n<\/style>\n<div class='flex_cell av-9harkl-31d5fc777aae7445fb43c389af7650f1 av-gridrow-cell av_one_fifth no_margin  avia-builder-el-12  el_after_av_cell_one_fifth  el_before_av_cell_one_fifth ' ><div class='flex_cell_inner'>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-7yr8ud-aa2217dcf1fe937a791df3bd76ccf232\">\n.avia-image-container.av-7yr8ud-aa2217dcf1fe937a791df3bd76ccf232 img.avia_image{\nbox-shadow:none;\n}\n.avia-image-container.av-7yr8ud-aa2217dcf1fe937a791df3bd76ccf232 .av-image-caption-overlay-center{\ncolor:#ffffff;\n}\n<\/style>\n<div  class='avia-image-container av-7yr8ud-aa2217dcf1fe937a791df3bd76ccf232 av-styling- avia-align-center  avia-builder-el-13  avia-builder-el-no-sibling '   itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class=\"avia-image-container-inner\"><div class=\"avia-image-overlay-wrap\"><a href=\"https:\/\/aulaabierta.arasaac.org\/en\/tutorial-web-page-arasaac\" class='avia_image' ><img decoding=\"async\" class='wp-image-23497 avia-img-lazy-loading-not-23497 avia_image ' src=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2016\/12\/casa-80x80.png\" alt='' title='Home'  height=\"80\" width=\"80\"  itemprop=\"thumbnailUrl\" srcset=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2016\/12\/casa-80x80.png 80w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2016\/12\/casa-300x300.png 300w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2016\/12\/casa-36x36.png 36w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2016\/12\/casa-180x180.png 180w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2016\/12\/casa-120x120.png 120w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2016\/12\/casa-450x450.png 450w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2016\/12\/casa.png 500w\" sizes=\"(max-width: 80px) 100vw, 80px\" \/><\/a><\/div><\/div><\/div>\n<\/div><\/div>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-57sko5-47a26aaf10d28cd8fc05910c37cd3e22\">\n.flex_cell.av-57sko5-47a26aaf10d28cd8fc05910c37cd3e22{\nvertical-align:top;\n}\n.responsive #top #wrap_all .flex_cell.av-57sko5-47a26aaf10d28cd8fc05910c37cd3e22{\npadding:30px 30px 30px 30px !important;\n}\n<\/style>\n<div class='flex_cell av-57sko5-47a26aaf10d28cd8fc05910c37cd3e22 av-gridrow-cell av_one_fifth no_margin  avia-builder-el-14  el_after_av_cell_one_fifth  el_before_av_cell_one_fifth ' ><div class='flex_cell_inner'><\/div><\/div>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-4cgqth-c1463cdc42f3a84d07282416e31a6390\">\n.flex_cell.av-4cgqth-c1463cdc42f3a84d07282416e31a6390{\nvertical-align:top;\n}\n.responsive #top #wrap_all .flex_cell.av-4cgqth-c1463cdc42f3a84d07282416e31a6390{\npadding:30px 30px 30px 30px !important;\n}\n<\/style>\n<div class='flex_cell av-4cgqth-c1463cdc42f3a84d07282416e31a6390 av-gridrow-cell av_one_fifth no_margin  avia-builder-el-15  el_after_av_cell_one_fifth  avia-builder-el-last ' ><div class='flex_cell_inner'>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-2mnisl-a85e472c2b9d7b549d6a277e2a5ff289\">\n.avia-image-container.av-2mnisl-a85e472c2b9d7b549d6a277e2a5ff289 img.avia_image{\nbox-shadow:none;\n}\n.avia-image-container.av-2mnisl-a85e472c2b9d7b549d6a277e2a5ff289 .av-image-caption-overlay-center{\ncolor:#ffffff;\n}\n<\/style>\n<div  class='avia-image-container av-2mnisl-a85e472c2b9d7b549d6a277e2a5ff289 av-styling- avia-align-center  avia-builder-el-16  avia-builder-el-no-sibling '   itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class=\"avia-image-container-inner\"><div class=\"avia-image-overlay-wrap\"><a href=\"https:\/\/aulaabierta.arasaac.org\/en\/customization-strikethrough-arasaac\" class='avia_image' ><img decoding=\"async\" class='wp-image-23494 avia-img-lazy-loading-not-23494 avia_image ' src=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2016\/12\/next-80x80.png\" alt='' title='next'  height=\"80\" width=\"80\"  itemprop=\"thumbnailUrl\" srcset=\"https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2016\/12\/next-80x80.png 80w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2016\/12\/next-36x36.png 36w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2016\/12\/next-120x120.png 120w, https:\/\/aulaabierta.arasaac.org\/wp-content\/uploads\/2016\/12\/next.png 128w\" sizes=\"(max-width: 80px) 100vw, 80px\" \/><\/a><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":63869,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-67192","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/aulaabierta.arasaac.org\/en\/wp-json\/wp\/v2\/pages\/67192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aulaabierta.arasaac.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aulaabierta.arasaac.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aulaabierta.arasaac.org\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/aulaabierta.arasaac.org\/en\/wp-json\/wp\/v2\/comments?post=67192"}],"version-history":[{"count":45,"href":"https:\/\/aulaabierta.arasaac.org\/en\/wp-json\/wp\/v2\/pages\/67192\/revisions"}],"predecessor-version":[{"id":139356,"href":"https:\/\/aulaabierta.arasaac.org\/en\/wp-json\/wp\/v2\/pages\/67192\/revisions\/139356"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aulaabierta.arasaac.org\/en\/wp-json\/wp\/v2\/media\/63869"}],"wp:attachment":[{"href":"https:\/\/aulaabierta.arasaac.org\/en\/wp-json\/wp\/v2\/media?parent=67192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}