{"id":6141,"date":"2021-11-17T13:00:26","date_gmt":"2021-11-17T19:00:26","guid":{"rendered":"https:\/\/ugit.siua.ac.cr\/?p=6141"},"modified":"2021-11-18T14:21:45","modified_gmt":"2021-11-18T20:21:45","slug":"phplist-personalizacion","status":"publish","type":"post","link":"https:\/\/sada.services\/?p=6141","title":{"rendered":"Phplist: Personalizaci\u00f3n"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Favicon<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Descargamos: <a href=\"\/wp-content\/uploads\/2021\/11\/favicon-SIUA.zip\" data-type=\"URL\" data-id=\"\/wp-content\/uploads\/2021\/11\/favicon-SIUA.zip\" target=\"_blank\" rel=\"noreferrer noopener\">\/wp-content\/uploads\/2021\/11\/favicon-SIUA.zip<\/a><\/li><li>Y los descomprimimos en<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>cd var\/www\/html\/Sistemas\/comunicados.siua.ac.cr\/public_html\/lists\/images<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Vamos a Men\u00fa: Config \/ Ajustes \/ Configuraci\u00f3n <strong>Encabezado de las p\u00e1ginas p\u00fablicas.<\/strong> y modificamos<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1\" \/>\n\n&lt;!-- ******************************************************************************* -->\n&lt;!-- ***************************    Color    *************************************** -->\n&lt;!-- ******************************************************************************* -->\n&lt;meta name=\"theme-color\" content=\"#5F6E80\"\/>\n&lt;meta name=\"msapplication-TileColor\" content=\"#5F6E80\">\n\n&lt;!-- ******************************************************************************* -->\n&lt;!-- ***************************    Datos    *************************************** -->\n&lt;!-- ******************************************************************************* -->\n&lt;meta charset=\"utf-8\">\n&lt;meta name=\"author\" content=\"Gustavo Matamoros Gonz\u00e1lez\">\n&lt;meta name=\"description\" content=\"Sistema de comunicados oficiales Sede Interuniversitaria de Alajuela\">\n\n\n&lt;!-- ******************************************************************************* -->\n&lt;!-- ***************************    ICONO    *************************************** -->\n&lt;!-- ******************************************************************************* -->\n&lt;link rel=\"apple-touch-icon\" sizes=\"57x57\" href=\".\/images\/favicon-SIUA\/apple-icon-57x57.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"60x60\" href=\".\/images\/favicon-SIUA\/apple-icon-60x60.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"72x72\" href=\".\/images\/favicon-SIUA\/apple-icon-72x72.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"76x76\" href=\".\/images\/favicon-SIUA\/apple-icon-76x76.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"114x114\" href=\".\/images\/favicon-SIUA\/apple-icon-114x114.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"120x120\" href=\".\/images\/favicon-SIUA\/apple-icon-120x120.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"144x144\" href=\".\/images\/favicon-SIUA\/apple-icon-144x144.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"152x152\" href=\".\/images\/favicon-SIUA\/apple-icon-152x152.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\".\/images\/favicon-SIUA\/apple-icon-180x180.png\">\n&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"192x192\"  href=\".\/images\/favicon-SIUA\/android-icon-192x192.png\">\n&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\".\/images\/favicon-SIUA\/favicon-32x32.png\">\n&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"96x96\" href=\".\/images\/favicon-SIUA\/favicon-96x96.png\">\n&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\".\/images\/favicon-SIUA\/favicon-16x16.png\">\n&lt;link rel=\"manifest\" href=\".\/images\/favicon-SIUA\/manifest.json\">\n\n&lt;meta name=\"msapplication-TileImage\" content=\".\/images\/favicon-SIUA\/ms-icon-144x144.png\">\n\n\n&lt;!-- ******************************************************************************* -->\n&lt;!-- ***************************    Adicionales ************************************ -->\n&lt;!-- ******************************************************************************* -->\n&lt;link rel=\"stylesheet\" href=\"admin\/ui\/phplist-ui-bootlist\/css\/style.css\" \/>\n\n&lt;!-- ******************************************************************************* -->\n&lt;!-- ***************************    Estilo SIUA ************************************ -->\n&lt;!-- ******************************************************************************* -->\n&lt;link rel=\"stylesheet\" href=\"\/styles\/estilo_siua1.css\" type=\"text\/css\" \/> \n\n\n&lt;\/head>\n\n&lt;body class=\"fixed invisible\">\n\n&lt;div id=\"container\">\n\n&lt;div id=\"header\" class=\"navbar navbar-inverse\">\n&lt;div id=\"rack-functions\" class=\"container\">\n\t&lt;h1 id=\"logo\">&lt;a href=\"http:\/\/&#91;WEBSITE]\" title=\"Visite nuestro sitio\">&#91;ORGANISATION_NAME]&lt;\/a>&lt;\/h1>\n&lt;\/div>\n&lt;\/div>\n&lt;div id=\"wrapper\" class=\"container\">\n&lt;div id=\"mainContent\">\n\n&lt;div class=\"panel\">\n&lt;br \/>\n&lt;div class=\"content  well\"><\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Abrimos el archivo <\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>nano \/var\/www\/html\/Sistemas\/comunicados.siua.ac.cr\/public_html\/lists\/admin\/ui\/phplist-ui-bootlist\/publicpagetop.php<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li> Modificamos <\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;meta http-equiv=\"pragma\" content=\"no-cache\" \/>\n&lt;meta http-equiv=\"Cache-Control\" content=\"no-cache, must-revalidate\" \/>\n&lt;meta name=\"License\" content=\"GNU Affero General Public License, http:\/\/www.gnu.org\/licenses\/agpl.html\" \/>\n&lt;meta name=\"Author\" content=\"Michiel Dethmers - http:\/\/www.phplist.com\" \/>\n&lt;meta name=\"Copyright\" content=\"Michiel Dethmers, phpList Ltd - http:\/\/phplist.com\" \/>\n&lt;meta name=\"Powered-By\" content=\"phpList version &lt;?php echo VERSION?>\" \/>\n&lt;meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\" \/>\n&lt;link rel=\"SHORTCUT ICON\" href=\".\/images\/phplist.ico\" \/><\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Por esto:<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;meta http-equiv=\"pragma\" content=\"no-cache\" \/>\n&lt;meta http-equiv=\"Cache-Control\" content=\"no-cache, must-revalidate\" \/>\n&lt;meta name=\"License\" content=\"GNU Affero General Public License, http:\/\/www.gnu.org\/licenses\/agpl.html\" \/>\n&lt;meta name=\"Author\" content=\"Gustavo Matamoros Gonz\u00e1lez\" \/>\n&lt;meta name=\"Copyright\" content=\"Michiel Dethmers, phpList Ltd - http:\/\/phplist.com\" \/>\n&lt;meta name=\"Powered-By\" content=\"phpList version &lt;?php echo VERSION?>\" \/>\n&lt;meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\" \/>\n&lt;link rel=\"SHORTCUT ICON\" href=\".\/images\/favicon-SIUA\/favicon-96x96.png\" \/><\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Idioma<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Abrimos el archivo<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>nano \/var\/www\/html\/Sistemas\/comunicados.siua.ac.cr\/public_html\/lists\/texts\/spanish.inc<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Modificamos<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>$strSubscribeTitle      = 'Suscr\u00edbase a nuestras listas de correo';\nX\n$strSubscribeTitle      = 'Comunicados-SIUA';\n\n$strUnsubscribeTitle    = 'Cancelar suscripci\u00f3n';\nX\n$strUnsubscribeTitle    = 'Cancelar suscripci\u00f3n';\n<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Agregamos la siguiente linea al final<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>$strContactAdmin = 'Contactar administrador';<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">LInk button sucripci\u00f3n<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Le agregamos una clase CSS al boton de suscribir<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>nano \/var\/www\/html\/Sistemas\/comunicados.siua.ac.cr\/public_html\/lists\/index.php<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>modificamos las lineas 341 348<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>printf('&lt;p>&lt;a href=\"'.getConfig('subscribeurl').'&amp;id=%d\">%s&lt;\/a>&lt;\/p>', $row&#91;'id'],\n                    strip_tags(stripslashes($row&#91;'title'])));\nX\nprintf('&lt;p class=\"p-suscribe\">&lt;a class=\"a-subcribe\" href=\"'.getConfig('subscribeurl').'&amp;id=%d\">%s&lt;\/a>&lt;\/p>&lt;\/div>', $row&#91;'id'],\n                    strip_tags(stripslashes($row&#91;'title'])));\n\n\nprintf('&lt;p>&lt;a href=\"'.getConfig('subscribeurl').'\">%s&lt;\/a>&lt;\/p>', $strSubscribeTitle);\nX\nprintf('&lt;p class=\"p-suscribe\">&lt;a  class=\"a-subcribe\" href=\"'.getConfig('subscribeurl').'\">%s&lt;\/a>&lt;\/p>&lt;\/div>', $strSubscribeTitle);\n<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li> Y 354<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>printf('&lt;p>&lt;a href=\"'.getConfig('preferencesurl').'\">%s&lt;\/a>&lt;\/p>', $strPreferencesTitle);\nX\nprintf('&lt;p>&lt;a class=\"a-preferences\" href=\"'.getConfig('preferencesurl').'\">%s&lt;\/a>&lt;\/p>', $strPreferencesTitle);\n\nprintf('&lt;p>&lt;a href=\"'.getConfig('unsubscribeurl').'\">%s&lt;\/a>&lt;\/p>', $strUnsubscribeTitle);\nX\nprintf('&lt;p>&lt;a class=\"a-unsuscribe\" href=\"'.getConfig('unsubscribeurl').'\">%s&lt;\/a>&lt;\/p>', $strUnsubscribeTitle);\n\n'&lt;p class=\"\">&lt;a href=\"'.\nX\n'&lt;p class=\"\">&lt;a class=\"a-admin\" href=\"'.<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Creaos el archivo <\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>nano \/var\/www\/html\/Sistemas\/comunicados.siua.ac.cr\/public_html\/lists\/styles\/estilo_siua.css<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Agregamos<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>\/***********************************************\/\n\/***********        VARIABLES    ***************\/\n\/***********************************************\/\n:root {\n  --texto_principal: \t#4D5B6D;\n  --texto_advertencia: \t#c62828;\n\n  --color-gris-claro: \t#E8EDF2;\n  --color-gris-medio: \t#5F6E80;\n  --color-blanco:  \t\t#FFF;\n  --color-verde-agua: \t#2BA0AB;\n  --color-azul-oscuro:  #223851;\n  --siua:  #5F6E80;\n\n  --ucr:  #39CDF5;\n  --tec:  #0F417A;\n  --una:  #E8352D;\n  --uned: #FFBC3F;\n  --utn:  #142F69;\n\n  --verde-agua:  #2BA0AB;\n  --verde:  #82CA5D;\n  --naranja:  #FFAE22;\n}\n\n\n\n\/***********************************************\/\n\/***********        GENERALES    ***************\/\n\/***********************************************\/\n\n\/* =================================*\/\n\/* =========  HTML BODY  ===========*\/\n\/* =================================*\/\nhtml, body{\n\tfont-size: 12px;\n\tcolor: var(--texto_principal);\n\tbackground-color: var(--color-gris-claro) !important;\n}\n\n\n\/* =================================*\/\n\/* =========   TEXTO    ============*\/\n\/* =================================*\/\n.error,\n.text-danger{\n\tcolor: var(--texto_advertencia);\n}\n\n\/* =================================*\/\n\/* =========   MARGIN   ============*\/\n\/* =================================*\/\n\n\/*  margin bottom 20*\/\n.mb20{\n\tmargin-bottom: 20px;\n}\n\/*  margin bottom 40*\/\n.mb40{\n\tmargin-bottom: 40px;\n}\n\n\n\/* =================================*\/\n\/* ========= JUMBOTRON  ============*\/\n\/* =================================*\/\n\n\/* jumbotron *\/\n.jumbotron{\n\tbackground-color: var(--color-gris-claro) !important;\n\tpadding: 20px;\n\tbox-sizing: border-box;\n\n}\n\n\/* quitar border radius *\/\n.container .jumbotron, .container-fluid .jumbotron{\n\tborder-radius: 0px;\n}\n\n\/* Quitar border *\/\nbody.fixed .content .jumbotron tbody {\n    border: 0px solid #EEE;\n}\n\n\n\/* crear espacios entre los campos *\/\nbody.fixed .content .jumbotron td {\n    padding: 5px 25px;\n}\n\n\n\/* =================================*\/\n\/* =========   BOTONES    ==========*\/\n\/* =================================*\/\n\n.button{\n\tborder: 0px !important;\n}\n.btn-primary{\n\tbackground-color: var(--color-gris-medio) !important;\n\tcolor: var(--color-blanco) !important;\n\tborder: 0px;\n}\n\n.btn-primary:hover{\n\tbackground-color: var(--color-verde-agua) !important;\n\tborder: 0px;\n}\n\n\n\/* =================================*\/\n\/* =  ENLACES Suscripcion     ======*\/\n\/* =================================*\/\n.p-suscribe{\n\ttext-align: center;\n\tpadding-bottom: 20px;;\n}\n\n.p-suscribe a{\n\ttext-align: center;\n\ttext-decoration: none !important;\n\tbackground-color: var(--color-gris-medio) !important;\n\tcolor: var(--color-blanco) !important;\n\tpadding: 10px 20px;\n\tborder-radius: 5px;\n}\n\n.p-suscribe a:hover{\n\tbackground-color: var(--color-verde-agua) !important;\n}\n\n.a-preferences,\n.a-unsuscribe,\n.a-admin{\n\tfont-size: 1.2rem;\n\tpadding: 0;\n\tmargin: 0px;\n\tcolor: var(--texto_principal) !important;\n}\n\n.a-preferences:hover,\n.a-unsuscribe:hover,\n.a-admin:hover{\n\n\tcolor: var(--color-verde-agua) !important;\n}\n\n.contenedor-pagina-suscripcion{\n\tbackground-color: var(--color-blanco);\n\tborder-radius: 10px;;\n}\n\n\/* =================================*\/\n\/* =========   POWERBY    ==========*\/\n\/* =================================*\/\n.poweredby{\n\tdisplay: none;\n}\n\n\n\/* =================================*\/\n\/* =========   ESTRUCTURA   ========*\/\n\/* =================================*\/\n\n.well{\n    background-color: var(--color-gris-claro);\n\tpadding: 0 !important;\n\tborder: 0px solid #EEEEEC;\n\tbox-shadow: none;\n}\n\n.well p{\n\tpadding-left: 15px;\n\tpadding-right: 15px;\n}\n\n\n\/* header de pagina principal *\/\n.navbar-inverse {\n    background-color: var(--color-azul-oscuro) !important;\n    border: 0;\n    border-radius: 0;\n    border-bottom: 6px solid var(--color-verde-agua) !important;\n\n    min-height: 100px;\n}\n\n\n\/* titulo sistema *\/\nh1#logo a{\n\tfont-size: 2rem !important;\n\tcolor: var(--color-blanco) !important;\n}\nh1#logo a: hover{\n\tcolor: var(--color-blanco) !important;\n}\n\n.panel-default > .panel-heading {\n    color: #FFF;\n    background-color: var(--color-gris-medio);\n    border-color: #var(--color-gris-medio);\n    text-transform: uppercase;\n}\n\ndiv#mainContent div.panel div.content.well h3{\n\tbackground-color: var(--color-azul-oscuro);\n\tborder-bottom: 6px solid var(--color-gris-medio);\n\tpadding: 20px;\n\tcolor: #FFF;\n\ttext-align: center;\n}\n\ndiv#accordion div.panel h3.panel-title{\n\tbackground-color: var(--color-azul-oscuro); !important;\n\tborder-bottom: 6px solid var(--color-gris-medio);\n\tpadding: 20px;\n\tcolor: #FFF;\n\ttext-align: center;\n}\n\n\ndiv#accordion div.panel .panel-heading {\n    padding: 0px 0px;\n}\n\n.panel-default {\n    border-color: var(--color-gris-medio);\n}\n\n\/* linea del header *\/\nh1#logo{\n\ttext-align: center;\n}\n\n\n#rack-functions{\n\tpadding-top: 25px;\n\n}\n\/* enlace de titulo  *\/\nh1#logo a{\n\ttext-decoration: none;\n\tfont-size: 3rem;\n}\n\nh1#logo a:hover{\n\tcolor: var(--color-verde-agua);\n}\n\n\/* =================================*\/\n\/* ========   subscripcion   =======*\/\n\/* =================================*\/\n.pagina_subscripcion,\n.error{\n\tpadding-left: 20px;\n\tpadding-right: 20px;\n\tpadding-top: 5px;\n\tpadding-bottom: 5px;\n}\n\nform&#91;name=\"subscribeform\"] {\n  padding: 20px;\n}\n\ninput&#91;name=\"unsubscribe\"] {\n  margin-left: 20px;\n}\n\n\n\n\n\n\n\n\n\n\/***********************************************\/\n\/*********** PAGINAS SUSCRIPCION  **************\/\n\/***********************************************\/\n\n.siua{\n\tborder-bottom: 6px solid var(--siua) !important;\n}\n.ucr{\n\tborder-bottom: 6px solid var(--ucr) !important;\n}\n.tec{\n\tborder-bottom: 6px solid var(--tec) !important;\n}\n.una{\n\tborder-bottom: 6px solid var(--una) !important;\n}\n.uned{\n\tborder-bottom: 6px solid var(--uned) !important;\n}\n.utn{\n\tborder-bottom: 6px solid var(--utn) !important;\n}\n.verde{\n\tborder-bottom: 6px solid var(--verde) !important;\n}\n.verde-agua{\n\tborder-bottom: 6px solid var(--verde-agua) !important;\n}\n.naranja{\n\tborder-bottom: 6px solid var(--naranja) !important;\n}\n\n.titulo-pagina-inscripcion{\n\tbackground-color: var(--color-azul-oscuro) !important;\n\t\n\tcolor: var(--color-blanco);\n\ttext-align: center;\n\tpadding-top: 30px;\n\tpadding-bottom: 30px;\n\tpadding-left: 5px;\n\tpadding-right: 5px;\n\tborder-top-right-radius: 5px;\n\tborder-top-left-radius: 5px;\n\tfont-size: 1.6rem;\n\tmargin-bottom: 0;\n}\n\n\n.mensaje{\n\tbackground-color: var(--color-blanco) !important;\n\tpadding: 15px;\n}\n\n\/**************************************************************************************************************************************************\/\n\/****************************************         celular S6 vertical chrome y firefox        *****************************************************\/\n\/**************************************************************************************************************************************************\/\n@media only screen and (max-width: 479px) {\n    .pagina_subscripcion{\n        \/*background-color: #EAE60E !important; \/*amarillo*\/\n    }\n\n    \/***********************************************\/\n\t\/***********        GENERALES    ***************\/\n\t\/***********************************************\/\n\n\t\/* =================================*\/\n\t\/* =========  HTML BODY  ===========*\/\n\t\/* =================================*\/\n\thtml, body{\n\t\tfont-size: 10px;\n\t}\n\n\t\/* =================================*\/\n\t\/* ========= JUMBOTRON  ============*\/\n\t\/* =================================*\/\n\n\t\/* jumbotron *\/\n\t.jumbotron{\n\t\tpadding: 5px;\n\t}\n\n\t\/* crear espacios entre los campos *\/\n\tbody.fixed .content .jumbotron td {\n\t    padding: 5px 25px;\n\t}\n\n\n\t\/* =================================*\/\n\t\/* =========   ESTRUCTURA   ========*\/\n\t\/* =================================*\/\n\n\t.well p{\n\t\tpadding-left: 2px;\n\t\tpadding-right: 2px;\n\t}\n\n\n\t\/* header de pagina principal *\/\n\t.navbar-inverse {\n\t    min-height: 100px;\n\t}\n\n\n\t\/* titulo sistema *\/\n\th1#logo a{\n\t\tfont-size: 1.6rem !important;\n\t}\n\n\n\tdiv#mainContent div.panel div.content.well h3{\n\t\tpadding: 10px;\n\t}\n\n\tdiv#accordion div.panel h3.panel-title{\n\t\tpadding: 10px;\n\t}\n\n\t#rack-functions{\n\t\tpadding-top: 25px;\n\n\t}\n\n\t\/* =================================*\/\n\t\/* ========   subscripcion   =======*\/\n\t\/* =================================*\/\n\t.pagina_subscripcion,\n\t.error{\n\t\tpadding-left: 20px;\n\t\tpadding-right: 20px;\n\t\tpadding-top: 5px;\n\t\tpadding-bottom: 5px;\n\t}\n\n\tform&#91;name=\"subscribeform\"] {\n\t  padding: 20px;\n\t}\n\n\tinput&#91;name=\"unsubscribe\"] {\n\t  margin-left: 20px;\n\t}\n\n\n\t\/***********************************************\/\n\t\/*********** PAGINAS SUSCRIPCION  **************\/\n\t\/***********************************************\/\n\t.titulo-pagina-inscripcion{\n\t\tpadding-top: 30px;\n\t\tpadding-bottom: 30px;\n\t\tpadding-left: 5px;\n\t\tpadding-right: 5px;\n\t\tfont-size: 1.2rem;\n\t}\n\t.p-suscribe a{\n\t\tfont-size: .8rem !important;\n\t\tpadding: 5px 10px;\n\n\t}\n}\n\n\n\/**************************************************************************************************************************************************\/\n\/***************************************        celular S6 horizontal chrome y firefox       ******************************************************\/\n\/**************************************************************************************************************************************************\/\n@media only screen and (min-width: 480px) and (max-width: 767px) {\n    .pagina_subscripcion{\n        \/*background-color: #D81CBC !important; \/*rosado*\/\n    }\n\n    \/***********************************************\/\n\t\/***********        GENERALES    ***************\/\n\t\/***********************************************\/\n\n\t\/* =================================*\/\n\t\/* =========  HTML BODY  ===========*\/\n\t\/* =================================*\/\n\thtml, body{\n\t\tfont-size: 10px;\n\t}\n\n\t\/* =================================*\/\n\t\/* ========= JUMBOTRON  ============*\/\n\t\/* =================================*\/\n\n\t\/* jumbotron *\/\n\t.jumbotron{\n\t\tpadding: 5px;\n\t}\n\n\t\/* crear espacios entre los campos *\/\n\tbody.fixed .content .jumbotron td {\n\t    padding: 5px 25px;\n\t}\n\n\n\t\/* =================================*\/\n\t\/* =========   ESTRUCTURA   ========*\/\n\t\/* =================================*\/\n\n\t.well p{\n\t\tpadding-left: 2px;\n\t\tpadding-right: 2px;\n\t}\n\n\n\t\/* header de pagina principal *\/\n\t.navbar-inverse {\n\t    min-height: 100px;\n\t}\n\n\n\t\/* titulo sistema *\/\n\th1#logo a{\n\t\tfont-size: 1.6rem !important;\n\t}\n\n\n\tdiv#mainContent div.panel div.content.well h3{\n\t\tpadding: 10px;\n\t}\n\n\tdiv#accordion div.panel h3.panel-title{\n\t\tpadding: 10px;\n\t}\n\n\t#rack-functions{\n\t\tpadding-top: 25px;\n\n\t}\n\n\t\/* =================================*\/\n\t\/* ========   subscripcion   =======*\/\n\t\/* =================================*\/\n\t.pagina_subscripcion,\n\t.error{\n\t\tpadding-left: 20px;\n\t\tpadding-right: 20px;\n\t\tpadding-top: 5px;\n\t\tpadding-bottom: 5px;\n\t}\n\n\tform&#91;name=\"subscribeform\"] {\n\t  padding: 20px;\n\t}\n\n\tinput&#91;name=\"unsubscribe\"] {\n\t  margin-left: 20px;\n\t}\n\n\n\t\/***********************************************\/\n\t\/*********** PAGINAS SUSCRIPCION  **************\/\n\t\/***********************************************\/\n\t.titulo-pagina-inscripcion{\n\t\tpadding-top: 30px;\n\t\tpadding-bottom: 30px;\n\t\tpadding-left: 5px;\n\t\tpadding-right: 5px;\n\t\tfont-size: 1.2rem;\n\t}\n\t.p-suscribe a{\n\t\tfont-size: .8rem !important;\n\t\tpadding: 5px 10px;\n\n\t}\n}\n\n\n\/**************************************************************************************************************************************************\/\n\/******************************************************   Tablet vertical    **********************************************************************\/\n\/**************************************************************************************************************************************************\/\n@media only screen and (min-width: 768px) and (max-width: 991px) {\n    .pagina_subscripcion{\n       \/*background-color: #a60000 !important; \/*azul*\/\n    }\n   \n}\n\/**************************************************************************************************************************************************\/\n\/******************************************************************  ? ****************************************************************************\/\n\/**************************************************************************************************************************************************\/\n@media only screen and (min-width: 992px) and (max-width: 1199px) {\n    .pagina_subscripcion{\n       \/*background-color: #23C6B6 !important; \/*verde agua*\/\n    }\n     \n}\n\n\n\n\n\n\n\/**************************************************************************************************************************************************\/\n\/*************************************************** PC UGIT , PORTAIL UGIT , Tablet horizontal ***************************************************\/\n\/**************************************************************************************************************************************************\/\n@media only screen and (min-width: 1200px) {\n\n    \/***********************************************\/\n\t\/***********        GENERALES    ***************\/\n\t\/***********************************************\/\n\n\t\/* =================================*\/\n\t\/* =========  HTML BODY  ===========*\/\n\t\/* =================================*\/\n\thtml, body{\n\t\tfont-size: 14px;\n\t}\n\n\t\/* =================================*\/\n\t\/* ========= JUMBOTRON  ============*\/\n\t\/* =================================*\/\n\n\t\/* jumbotron *\/\n\t.jumbotron{\n\t\tpadding: 20px;\n\t}\n\n\t\/* crear espacios entre los campos *\/\n\tbody.fixed .content .jumbotron td {\n\t    padding: 5px 25px;\n\t}\n\n\n\t\/* =================================*\/\n\t\/* =========   ESTRUCTURA   ========*\/\n\t\/* =================================*\/\n\n\t.well p{\n\t\tpadding-left: 15px;\n\t\tpadding-right: 15px;\n\t}\n\n\n\t\/* header de pagina principal *\/\n\t.navbar-inverse {\n\t    min-height: 130px;\n\t}\n\n\n\n\tdiv#mainContent div.panel div.content.well h3{\n\t\tpadding: 20px;\n\t}\n\n\tdiv#accordion div.panel h3.panel-title{\n\t\tpadding: 20px;\n\t}\n\n\t#rack-functions{\n\t\tpadding-top: 25px;\n\n\t}\n\t\/* enlace de titulo  *\/\n\th1#logo a{\n\t\tfont-size: 3rem !important;\n\t}\n\n\t\/* =================================*\/\n\t\/* ========   subscripcion   =======*\/\n\t\/* =================================*\/\n\t.pagina_subscripcion,\n\t.error{\n\t\tpadding-left: 20px;\n\t\tpadding-right: 20px;\n\t\tpadding-top: 5px;\n\t\tpadding-bottom: 5px;\n\t}\n\n\tform&#91;name=\"subscribeform\"] {\n\t  padding: 20px;\n\t}\n\n\tinput&#91;name=\"unsubscribe\"] {\n\t  margin-left: 20px;\n\t}\n\n\n\t\/***********************************************\/\n\t\/*********** PAGINAS SUSCRIPCION  **************\/\n\t\/***********************************************\/\n\t.titulo-pagina-inscripcion{\n\t\tpadding-top: 30px;\n\t\tpadding-bottom: 30px;\n\t\tpadding-left: 5px;\n\t\tpadding-right: 5px;\n\t\tfont-size: 1.6rem;\n\t}\n  \n}\n\n\n\n\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Plantila Pagina Inscripcion SIUA<\/h2>\n\n\n\n<p>T\u00edtulo: Suscripci\u00f3n a: Comunicados-SIUA<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Introducci\u00f3n<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"contenedor-pagina-suscripcion\">\n&lt;h3 class=\"titulo-pagina-inscripcion siua\" >\n        &lt;span>SIUA&lt;\/span>\n &lt;br>\n\tSuscripci\u00f3n a Comunicados\n&lt;\/h3>\n&lt;div class=\"pagina_subscripcion\">\n\t&lt;p class=\"mb20\">\n\t\tEste es un canal de comunicaci\u00f3n electr\u00f3nico entre la Sede Interuniversitaria de Alajuela y cualquier persona que desee recibir por medio de correo electr\u00f3nico; importante informaci\u00f3n como noticias, actividades, invitaciones y otros de parte de la SIUA.\n\t&lt;\/p>\n\t&lt;p class=\"mb40\">\n\t\tPara suscribirse en una o m\u00e1s de nuestras listas disponibles por favor siga los siguientes pasos:\n\t\t&lt;ol  class=\"mb40\">\n\t\t\t&lt;li>Digite su correo electr\u00f3nico.&lt;\/li>\n\t\t\t&lt;li>Digite la confirmaci\u00f3n del  correo electr\u00f3nico.&lt;\/li>\n\t\t\t&lt;li>Marque todas las listas a las que desea suscribirse.&lt;\/li>\n\t\t\t&lt;li>Y haga clic en el bot\u00f3n &lt;b>\"Registrar\"&lt;\/b>&lt;\/li>\n\t\t&lt;\/ol>\n\t&lt;\/p>\n&lt;\/div>\n<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Cabecera<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1\" \/>\n\n&lt;!-- ******************************************************************************* -->\n&lt;!-- ***************************    Color    *************************************** -->\n&lt;!-- ******************************************************************************* -->\n&lt;meta name=\"theme-color\" content=\"#5F6E80\"\/>\n&lt;meta name=\"msapplication-TileColor\" content=\"#5F6E80\">\n\n&lt;!-- ******************************************************************************* -->\n&lt;!-- ***************************    Datos    *************************************** -->\n&lt;!-- ******************************************************************************* -->\n&lt;meta charset=\"utf-8\">\n&lt;meta name=\"author\" content=\"Gustavo Matamoros Gonz\u00e1lez\">\n&lt;meta name=\"description\" content=\"Sistema de comunicados oficiales Sede Interuniversitaria de Alajuela\">\n\n\n&lt;!-- ******************************************************************************* -->\n&lt;!-- ***************************    ICONO    *************************************** -->\n&lt;!-- ******************************************************************************* -->\n&lt;link rel=\"apple-touch-icon\" sizes=\"57x57\" href=\".\/images\/favicon-SIUA\/apple-icon-57x57.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"60x60\" href=\".\/images\/favicon-SIUA\/apple-icon-60x60.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"72x72\" href=\".\/images\/favicon-SIUA\/apple-icon-72x72.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"76x76\" href=\".\/images\/favicon-SIUA\/apple-icon-76x76.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"114x114\" href=\".\/images\/favicon-SIUA\/apple-icon-114x114.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"120x120\" href=\".\/images\/favicon-SIUA\/apple-icon-120x120.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"144x144\" href=\".\/images\/favicon-SIUA\/apple-icon-144x144.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"152x152\" href=\".\/images\/favicon-SIUA\/apple-icon-152x152.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\".\/images\/favicon-SIUA\/apple-icon-180x180.png\">\n&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"192x192\"  href=\".\/images\/favicon-SIUA\/android-icon-192x192.png\">\n&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\".\/images\/favicon-SIUA\/favicon-32x32.png\">\n&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"96x96\" href=\".\/images\/favicon-SIUA\/favicon-96x96.png\">\n&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\".\/images\/favicon-SIUA\/favicon-16x16.png\">\n&lt;link rel=\"manifest\" href=\".\/images\/favicon-SIUA\/manifest.json\">\n\n&lt;meta name=\"msapplication-TileImage\" content=\".\/images\/favicon-SIUA\/ms-icon-144x144.png\">\n\n\n&lt;!-- ******************************************************************************* -->\n&lt;!-- ***************************    Adicionales ************************************ -->\n&lt;!-- ******************************************************************************* -->\n&lt;link rel=\"stylesheet\" href=\"admin\/ui\/phplist-ui-bootlist\/css\/style.css\" \/>\n\n&lt;!-- ******************************************************************************* -->\n&lt;!-- ***************************    Estilo SIUA ************************************ -->\n&lt;!-- ******************************************************************************* -->\n&lt;link rel=\"stylesheet\" href=\"\/styles\/estilo_siua.css\" type=\"text\/css\" \/> \n\n&lt;title>Comunicados SIUA&lt;\/title>\n&lt;\/head>\n\n&lt;body class=\"fixed invisible\">\n\n&lt;div id=\"container\">\n\n&lt;div id=\"header\" class=\"navbar navbar-inverse\">\n&lt;div id=\"rack-functions\" class=\"container\">\n\t&lt;h1 id=\"logo\">&lt;a href=\"http:\/\/&#91;WEBSITE]\" title=\"Visite nuestro sitio\">&#91;ORGANISATION_NAME]&lt;\/a>&lt;\/h1>\n&lt;\/div>\n&lt;\/div>\n&lt;div id=\"wrapper\" class=\"container\">\n&lt;div id=\"mainContent\">\n\n&lt;div class=\"panel\">\n&lt;br \/>\n&lt;div class=\"content  well\"><\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Pie<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;\/div>\n&lt;\/div>\n&lt;\/div>&lt;!-- ENDOF #mainContent-->\n&lt;\/div>&lt;!-- ENDOF .wrapper -->\n&lt;\/div>&lt;!-- ENDOF #container -->\n\n&lt;div id=\"footer\">\n&lt;div id=\"footerframe\">\n&lt;ul class=\"list-unstyled\">\n&lt;li>&amp;nbsp;&lt;\/li>\n&lt;\/ul>\n\n\n&lt;\/div>\n&lt;\/div>\n\n\n\n&lt;script type=\"text\/javascript\" src=\"admin\/ui\/phplist-ui-bootlist\/js\/jquery.min.js\">&lt;\/script>\n&lt;script type=\"text\/javascript\" src=\"admin\/js\/phplistapp.js\">&lt;\/script>\n&lt;script type=\"text\/javascript\" src=\"admin\/ui\/phplist-ui-bootlist\/js\/dist\/phpList_ui_bootlist.min.js\">&lt;\/script>\n&lt;script>\n\/* do not remove this from here *\/\n$(document).ready(function(){\n    if ( $('body').hasClass('invisible') ){\n        applyCustomFormatting(); applyJqueryUiTabMigration();\n    }\n\t$('#edit_list_categories input.form-control').tagsinput('refresh');\n\n});\n&lt;\/script>\n&lt;\/body>\n\n&lt;\/html>\n<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>P\u00e1gina de agradecimiento<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;h3 class=\"titulo-pagina-inscripcion siua\" >\nGracias por suscribirse a nuestras listas.\n&lt;\/h3>\n&lt;p class=\"mt40 mb40 mensaje\">\nSu correo electr\u00f3nico ha sido agregado a nuestro sistema  (Comunicados-SIUA). En breve recibir\u00e1 un correo electr\u00f3nico solicitando confirmaci\u00f3n. Por favor, haga clic en el link de ese mensaje para confirmar la suscripci\u00f3n.\n&lt;\/p><\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Texto a mostrar cuando la suscripci\u00f3n con una petici\u00f3n AJAX sea satisfactoria<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;h3 class=\"titulo-pagina-inscripcion siua\" >\nGracias por suscribirse a nuestras listas.\n&lt;\/h3>\n&lt;p class=\"mt40 mb40 mensaje\">\nSu correo electr\u00f3nico ha sido agregado a nuestro sistema  (Comunicados-SIUA). En breve recibir\u00e1 un correo electr\u00f3nico solicitando confirmaci\u00f3n. Por favor, haga clic en el link de ese mensaje para confirmar la suscripci\u00f3n.\n&lt;\/p><\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Mensaje al inscribirse \/ Solicitud de confirmaci\u00f3n Comunicados-SIUA<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;h3 style=\"text-align:center;\">\nMuchas gracias por su inter\u00e9s en la Sede Interuniversitaria de Alajuela\n&lt;\/h3>\nUsted se ha suscrito a las siguientes listas de correo:\n&lt;br \/>\n&lt;br \/>\n&#91;LISTS]\n\n&lt;br \/>\nHaga clic en el siguiente enlace para confirmar que realmente es usted:\n&lt;br \/>\n\n&#91;CONFIRMATIONURL]\n\n&lt;br \/>\nPara poder brindarle este servicio, necesitaremos que actualice su informaci\u00f3n de contacto en su cuenta https:\/\/comunicados.siua.ac.cr. Si esto no es correcto o no est\u00e1 de acuerdo, simplemente no realice ninguna acci\u00f3n y elimine este mensaje.\n\n\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Plantila Pagina Inscripcion UNA<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Introducci\u00f3n<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"contenedor-pagina-suscripcion\">\n&lt;h3 class=\"titulo-pagina-inscripcion una\" >\n\t&lt;span>UNA&lt;\/span>\n &lt;br>\n\tSuscripci\u00f3n a Comunicados\n&lt;\/h3>\n&lt;div class=\"pagina_subscripcion\">\n\t&lt;p class=\"mb20\">\n\t\tEste es un canal de comunicaci\u00f3n electr\u00f3nico entre la Universidad Nacional de la Sede Interuniversitaria de Alajuela y cualquier persona que desee recibir por medio de correo electr\u00f3nico; informaci\u00f3n importante como noticias, actividades, invitaciones, procesos  y otros por parte de la UNA-SIUA.\n\t&lt;\/p>\n\t&lt;p class=\"mb40\">\n\t\tPara suscribirse en una o m\u00e1s de nuestras listas disponibles por favor siga los siguientes pasos:\n\t\t&lt;ol  class=\"mb40\">\n\t\t\t&lt;li>Digite su correo electr\u00f3nico.&lt;\/li>\n\t\t\t&lt;li>Digite la confirmaci\u00f3n del  correo electr\u00f3nico.&lt;\/li>\n\t\t\t&lt;li>Marque todas las listas a las que desea suscribirse.&lt;\/li>\n\t\t\t&lt;li>Y haga clic en el bot\u00f3n &lt;b>\"Suscribir\"&lt;\/b>&lt;\/li>\n\t\t&lt;\/ol>\n\t&lt;\/p>\n&lt;\/div>\n<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Cabecera<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1\" \/>\n\n&lt;!-- ******************************************************************************* -->\n&lt;!-- ***************************    Color    *************************************** -->\n&lt;!-- ******************************************************************************* -->\n&lt;meta name=\"theme-color\" content=\"#5F6E80\"\/>\n&lt;meta name=\"msapplication-TileColor\" content=\"#5F6E80\">\n\n&lt;!-- ******************************************************************************* -->\n&lt;!-- ***************************    Datos    *************************************** -->\n&lt;!-- ******************************************************************************* -->\n&lt;meta charset=\"utf-8\">\n&lt;meta name=\"author\" content=\"Gustavo Matamoros Gonz\u00e1lez\">\n&lt;meta name=\"description\" content=\"Sistema de comunicados oficiales Sede Interuniversitaria de Alajuela\">\n\n\n&lt;!-- ******************************************************************************* -->\n&lt;!-- ***************************    ICONO    *************************************** -->\n&lt;!-- ******************************************************************************* -->\n&lt;link rel=\"apple-touch-icon\" sizes=\"57x57\" href=\".\/images\/favicon-SIUA\/apple-icon-57x57.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"60x60\" href=\".\/images\/favicon-SIUA\/apple-icon-60x60.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"72x72\" href=\".\/images\/favicon-SIUA\/apple-icon-72x72.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"76x76\" href=\".\/images\/favicon-SIUA\/apple-icon-76x76.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"114x114\" href=\".\/images\/favicon-SIUA\/apple-icon-114x114.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"120x120\" href=\".\/images\/favicon-SIUA\/apple-icon-120x120.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"144x144\" href=\".\/images\/favicon-SIUA\/apple-icon-144x144.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"152x152\" href=\".\/images\/favicon-SIUA\/apple-icon-152x152.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\".\/images\/favicon-SIUA\/apple-icon-180x180.png\">\n&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"192x192\"  href=\".\/images\/favicon-SIUA\/android-icon-192x192.png\">\n&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\".\/images\/favicon-SIUA\/favicon-32x32.png\">\n&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"96x96\" href=\".\/images\/favicon-SIUA\/favicon-96x96.png\">\n&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\".\/images\/favicon-SIUA\/favicon-16x16.png\">\n&lt;link rel=\"manifest\" href=\".\/images\/favicon-SIUA\/manifest.json\">\n\n&lt;meta name=\"msapplication-TileImage\" content=\".\/images\/favicon-SIUA\/ms-icon-144x144.png\">\n\n\n&lt;!-- ******************************************************************************* -->\n&lt;!-- ***************************    Adicionales ************************************ -->\n&lt;!-- ******************************************************************************* -->\n&lt;link rel=\"stylesheet\" href=\"admin\/ui\/phplist-ui-bootlist\/css\/style.css\" \/>\n\n&lt;!-- ******************************************************************************* -->\n&lt;!-- ***************************    Estilo SIUA ************************************ -->\n&lt;!-- ******************************************************************************* -->\n&lt;link rel=\"stylesheet\" href=\"\/styles\/estilo_siua.css\" type=\"text\/css\" \/> \n\n&lt;title>Comunicados SIUA&lt;\/title>\n&lt;\/head>\n\n&lt;body class=\"fixed invisible\">\n\n&lt;div id=\"container\">\n\n&lt;div id=\"header\" class=\"navbar navbar-inverse\">\n&lt;div id=\"rack-functions\" class=\"container\">\n\t&lt;h1 id=\"logo\">&lt;a href=\"http:\/\/&#91;WEBSITE]\" title=\"Visite nuestro sitio\">&#91;ORGANISATION_NAME]&lt;\/a>&lt;\/h1>\n&lt;\/div>\n&lt;\/div>\n&lt;div id=\"wrapper\" class=\"container\">\n&lt;div id=\"mainContent\">\n\n&lt;div class=\"panel\">\n&lt;br \/>\n&lt;div class=\"content  well\"><\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Pie de p\u00e1gina<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;\/div>\n&lt;\/div>\n&lt;\/div>&lt;!-- ENDOF #mainContent-->\n&lt;\/div>&lt;!-- ENDOF .wrapper -->\n&lt;\/div>&lt;!-- ENDOF #container -->\n\n&lt;div id=\"footer\">\n&lt;div id=\"footerframe\">\n&lt;ul class=\"list-unstyled\">\n&lt;li>&amp;nbsp;&lt;\/li>\n&lt;\/ul>\n\n\n&lt;\/div>\n&lt;\/div>\n\n\n\n&lt;script type=\"text\/javascript\" src=\"admin\/ui\/phplist-ui-bootlist\/js\/jquery.min.js\">&lt;\/script>\n&lt;script type=\"text\/javascript\" src=\"admin\/js\/phplistapp.js\">&lt;\/script>\n&lt;script type=\"text\/javascript\" src=\"admin\/ui\/phplist-ui-bootlist\/js\/dist\/phpList_ui_bootlist.min.js\">&lt;\/script>\n&lt;script>\n\/* do not remove this from here *\/\n$(document).ready(function(){\n    if ( $('body').hasClass('invisible') ){\n        applyCustomFormatting(); applyJqueryUiTabMigration();\n    }\n\t$('#edit_list_categories input.form-control').tagsinput('refresh');\n\n});\n&lt;\/script>\n&lt;\/body>\n\n&lt;\/html>\n<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Pagina de agradecimiento y AJAX<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;h3 class=\"titulo-pagina-inscripcion una\" >\nGracias por suscribirse a nuestras listas.\n&lt;\/h3>\n&lt;p class=\"mt40 mb40 mensaje\">\nSu correo electr\u00f3nico ha sido agregado a nuestro sistema  (Comunicados-UNA). En breve recibir\u00e1 un correo electr\u00f3nico solicitando confirmaci\u00f3n. Por favor, haga clic en el enlace de este mensaje para confirmar la suscripci\u00f3n.\n&lt;\/p><\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Webinar<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Introducci\u00f3n<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"contenedor-pagina-suscripcion\">\n&lt;h3 class=\"titulo-pagina-inscripcion verde-agua\" >\n  &lt;span>Sede Interuniversitaria de Alajuela&lt;\/span>\n &lt;br>\n\tWebinar: \"Principales resultados del 8\u00b0 Informe Estado de la Educaci\u00f3n\". \n&lt;\/h3>\n&lt;div class=\"pagina_subscripcion\">\n&lt;p class=\"mb20\">&amp;nbsp;&lt;\/p>\t\n&lt;p class=\"mb20\">\n\t\tLa Sede Interuniversitaria de Alajuela, tiene el agrado de invitarle al  webinar titulado \"Principales resultados del 8\u00b0 Informe Estado de la Educaci\u00f3n\", impartida por la Licda. Katherine Barquero Mej\u00edas, Investigadora de PEN.\n\t&lt;\/p>\n&lt;p class=\"mb20\">&amp;nbsp;&lt;\/p>\t\n&lt;p class=\"mb20\">\n&lt;table style=\"width: 500px; margin:0 auto; font-size: 1.4rem;border: 1px solid #FFF;\">\n&lt;tr>\n&lt;td style=\"background-color: var(--verde-agua); color:#FFF; font-weight: bold;border: 1px solid #FFF;\">\nFecha:\n&lt;\/td>\n&lt;td style=\" font-weight: bold;border: 1px solid #FFF;\">\n25 de noviembre de 2021\n&lt;\/td>\n&lt;\/tr>\n&lt;tr>\n&lt;td style=\"background-color: var(--verde-agua); color:#FFF; font-weight: bold;border: 1px solid #FFF;\">\nHora:\n&lt;\/td>\n&lt;td style=\" font-weight: bold;border: 1px solid #FFF;\">\n1:30 p.m. \u2013 11:00 a.m. \n&lt;\/td>\n&lt;\/tr>\n&lt;\/table>\n\n&lt;\/p>\n&lt;p class=\"mb20\">&amp;nbsp;&lt;\/p>\t\n\t&lt;p class=\"mb40\">\n\t\tPara suscribirse en esta capacitaci\u00f3n por favor siga los siguientes pasos:\n\t\t&lt;ol  class=\"mb40\">\n\t\t\t&lt;li>Digite su correo electr\u00f3nico. &lt;strong class=\"text-danger\"> (NOTA: por favor verifique que no tiene un espacio en blanco al final del correo).&lt;\/strong>&lt;\/li>\n\t\t\t&lt;li>Digite la confirmaci\u00f3n del  correo electr\u00f3nico.&lt;\/li>\n                       &lt;li>Digite su nombre completo.&lt;\/li>\n                        &lt;li>Seleccione su perfil.&lt;\/li>\n                        &lt;li>Seleccione su instituci\u00f3n.&lt;\/li>\n                        &lt;li>Si su instituci\u00f3n es (OTRA) digite el nombre de la instituci\u00f3n&lt;\/li>\n\t\t\t&lt;li>Y haga clic en el bot\u00f3n &lt;b>\"Suscribir\"&lt;\/b>&lt;\/li>\n\t\t&lt;\/ol>\n\t&lt;\/p>\n&lt;p class=\"mb40\">\n&lt;b>NOTA:&lt;\/b> Una vez inscrito usted recibir\u00e1 un correo electr\u00f3nico el d\u00eda del evento con el link de la capacitaci\u00f3n.\n&lt;\/p>\n&lt;p class=\"mb20\">&amp;nbsp;&lt;\/p>\t\n\n\n&lt;\/div><\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Cabecera<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1\" \/>\n\n&lt;!-- ******************************************************************************* -->\n&lt;!-- ***************************    Color    *************************************** -->\n&lt;!-- ******************************************************************************* -->\n&lt;meta name=\"theme-color\" content=\"#5F6E80\"\/>\n&lt;meta name=\"msapplication-TileColor\" content=\"#5F6E80\">\n\n&lt;!-- ******************************************************************************* -->\n&lt;!-- ***************************    Datos    *************************************** -->\n&lt;!-- ******************************************************************************* -->\n&lt;meta charset=\"utf-8\">\n&lt;meta name=\"author\" content=\"Gustavo Matamoros Gonz\u00e1lez\">\n&lt;meta name=\"description\" content=\"Sistema de comunicados oficiales Sede Interuniversitaria de Alajuela\">\n\n\n&lt;!-- ******************************************************************************* -->\n&lt;!-- ***************************    ICONO    *************************************** -->\n&lt;!-- ******************************************************************************* -->\n&lt;link rel=\"apple-touch-icon\" sizes=\"57x57\" href=\".\/images\/favicon-SIUA\/apple-icon-57x57.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"60x60\" href=\".\/images\/favicon-SIUA\/apple-icon-60x60.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"72x72\" href=\".\/images\/favicon-SIUA\/apple-icon-72x72.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"76x76\" href=\".\/images\/favicon-SIUA\/apple-icon-76x76.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"114x114\" href=\".\/images\/favicon-SIUA\/apple-icon-114x114.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"120x120\" href=\".\/images\/favicon-SIUA\/apple-icon-120x120.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"144x144\" href=\".\/images\/favicon-SIUA\/apple-icon-144x144.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"152x152\" href=\".\/images\/favicon-SIUA\/apple-icon-152x152.png\">\n&lt;link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\".\/images\/favicon-SIUA\/apple-icon-180x180.png\">\n&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"192x192\"  href=\".\/images\/favicon-SIUA\/android-icon-192x192.png\">\n&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\".\/images\/favicon-SIUA\/favicon-32x32.png\">\n&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"96x96\" href=\".\/images\/favicon-SIUA\/favicon-96x96.png\">\n&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\".\/images\/favicon-SIUA\/favicon-16x16.png\">\n&lt;link rel=\"manifest\" href=\".\/images\/favicon-SIUA\/manifest.json\">\n\n&lt;meta name=\"msapplication-TileImage\" content=\".\/images\/favicon-SIUA\/ms-icon-144x144.png\">\n\n\n&lt;!-- ******************************************************************************* -->\n&lt;!-- ***************************    Adicionales ************************************ -->\n&lt;!-- ******************************************************************************* -->\n&lt;link rel=\"stylesheet\" href=\"admin\/ui\/phplist-ui-bootlist\/css\/style.css\" \/>\n\n&lt;!-- ******************************************************************************* -->\n&lt;!-- ***************************    Estilo SIUA ************************************ -->\n&lt;!-- ******************************************************************************* -->\n&lt;link rel=\"stylesheet\" href=\"\/styles\/estilo_siua.css\" type=\"text\/css\" \/> \n\n&lt;title>Comunicados SIUA&lt;\/title>\n&lt;\/head>\n\n&lt;body class=\"fixed invisible\">\n\n&lt;div id=\"container\">\n\n&lt;div id=\"header\" class=\"navbar navbar-inverse\">\n&lt;div id=\"rack-functions\" class=\"container\">\n\t&lt;h1 id=\"logo\">&lt;a href=\"http:\/\/&#91;WEBSITE]\" title=\"Visite nuestro sitio\">&#91;ORGANISATION_NAME]&lt;\/a>&lt;\/h1>\n&lt;\/div>\n&lt;\/div>\n&lt;div id=\"wrapper\" class=\"container\">\n&lt;div id=\"mainContent\">\n\n&lt;div class=\"panel\">\n&lt;br \/>\n&lt;div class=\"content  well\"><\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Agradecimiento y AJAX<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;h3 class=\"titulo-pagina-inscripcion verde-agua\" >\nGracias por suscribirse a nuestras listas.\n&lt;\/h3>\n&lt;p class=\"mt40 mb40 mensaje\">\nSu correo electr\u00f3nico ha sido agregado a nuestro sistema. En breve recibir\u00e1 un correo solicitando confirmaci\u00f3n. Por favor, haga clic en el link de ese mensaje para confirmar la suscripci\u00f3n.\n&lt;\/p><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Favicon Descargamos: \/wp-content\/uploads\/2021\/11\/favicon-SIUA.zip Y los descomprimimos en Vamos a Men\u00fa: Config \/ Ajustes \/ Configuraci\u00f3n Encabezado de las p\u00e1ginas p\u00fablicas. y modificamos Abrimos el archivo Modificamos Por esto: Idioma Abrimos el archivo Modificamos Agregamos la siguiente linea al final LInk button sucripci\u00f3n Le agregamos una clase CSS al boton de suscribir modificamos las lineas 341 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[248],"tags":[365,249],"class_list":["post-6141","post","type-post","status-publish","format-standard","hentry","category-phplist","tag-personalizacion","tag-phplist"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/sada.services\/index.php?rest_route=\/wp\/v2\/posts\/6141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sada.services\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sada.services\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sada.services\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sada.services\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6141"}],"version-history":[{"count":17,"href":"https:\/\/sada.services\/index.php?rest_route=\/wp\/v2\/posts\/6141\/revisions"}],"predecessor-version":[{"id":6161,"href":"https:\/\/sada.services\/index.php?rest_route=\/wp\/v2\/posts\/6141\/revisions\/6161"}],"wp:attachment":[{"href":"https:\/\/sada.services\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6141"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sada.services\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6141"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sada.services\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}