{"id":1013,"date":"2019-07-23T16:49:19","date_gmt":"2019-07-23T22:49:19","guid":{"rendered":"https:\/\/ugit.siua.ac.cr\/?p=1013"},"modified":"2021-04-12T13:57:25","modified_gmt":"2021-04-12T19:57:25","slug":"zoneminder-personalizar-el-diseno","status":"publish","type":"post","link":"https:\/\/sada.services\/?p=1013","title":{"rendered":"ZONEMINDER: Personalizar el dise\u00f1o"},"content":{"rendered":"\n<ul class=\"wp-block-list\"><li>La nueva forma es abrir el archivo <\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>nano \/usr\/share\/zoneminder\/www\/skins\/classic\/css\/classic\/skin.css<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Pegamos al final<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*******************************************************************************************\/\n\/***************************************** UGIT ********************************************\/\n\/*******************************************************************************************\/ \n\n:root {\n  --azul: #126ed8;\n  --blanco: #FFF;\n  --naranja: #F70;\n}\n\n\n\n\/*Navbar*\/\n.navbar {\n\tbackground-color: var(--azul) !important;\n\tcolor: var(--blanco) !important;\n}\n\n\/*Nombre servidor*\/\n.navbar-brand a,\n.navbar-brand a:link,\n.navbar-brand a:visited,\n\n\/*Nombre usuario*\/\n.navbar-text a,\n.navbar-text a:link,\n.navbar-text a:visited,\n.navbar-text i{\n\tcolor: var(--blanco) !important;\n\ttext-decoration: none !important;\n}\n\n\/*Nombre servidor*\/\n.navbar-brand a:hover,\n\n\/*Nombre usuario*\/\n.navbar-text a:hover,\n.navbar-text i:hover\n{\n\tcolor: var(--naranja) !important;\n\ttext-decoration: none !important;\n\tbackground-color: transparent;\n}\n\n\/*Menu principal*\/\nul.nav.navbar-nav li a{\n\tcolor: var(--blanco) !important;\n\tfont-weight: 500;\n}\nul.nav.navbar-nav li a:hover{\n\tcolor: var(--naranja) !important;\n\tfont-weight: 500;\n}\n\n\/*Nombre empresa*\/\n#development{\n\tcolor: var(--blanco) !important ;\n}\n\n\/*Numero versi\u00f3n y Ancho de banda*\/\ndiv#Version a,\ndiv#Version a span,\ndiv#Bandwidth a\n{\n\tcolor: var(--blanco) !important;\n}\n\ndiv#Version a:hover,\ndiv#Bandwidth a:hover{\n\tcolor: var(--naranja) !important;\n\ttext-decoration: none !important;\n\tbackground-color: transparent;\n}\n\n.btn.btn-default.navbar-btn,\nbutton{\n\tpadding: 5px !important;\n}\n\n\/*boton de apagar*\/\n.btn.btn-default.navbar-btn:hover,\n.btn.btn-primary:hover,\nbutton:hover{\n\tbackground-color: var(--naranja) !important;\n\tcolor: var(--blanco) !important;\n\tborder: 1px solid var(--naranja) !important;\n}\nbutton:disabled{\n\tbackground-color: #aaaaaa;\n\tcolor: #888;\n\tborder-color: #bbbbbb;\n}\n.thead-highlight{\n\tbackground-color: #385067;\n}\n\n\/*Tabla*\/\n.table{\n\tmargin-top: 1rem;\n}\n\n.thead-highlight th, th a {\n\tfont-weight: bold;\n\tcolor: var(--blanco) !important;\n\tfont-size: 1.4rem;\n}\n\/*Titulos ventanas*\/\nheader h1,\nheader h2\n{\n\tcolor: var(--blanco) !important;\n\tmargin-left: 2rem;\n}\n#ShowZones{\n\tcolor: var(--blanco) !important; \n\tmargin-right: 1.2rem;\n\n}\n\n#ShowZones:hover{\n\tcolor: var(--naranja); \n\ttext-decoration: none;\n}\n\nheader {\n\twidth: 100% !important; \n\tbackground-color: var(--azul);\n}\n\nheader a{\n\tcolor: var(--blanco) !important;\n}\n\nheader a:hover{\n\tcolor: var(--naranja) !important;\n}\n\nlabel {\n\tfont-weight: 300;\n}\n\n#loginform h1{\n\tcolor: #333; \n\tfont-size: 2rem;\n}\n\n#inputUsername,\n#inputPassword{\n\tmargin-top: 1rem; \n\tpadding: 5px;\n}\n\/*******************************************************************************************\/\n\/***************************************** UGIT FIN ****************************************\/\n\/*******************************************************************************************\/ <\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>A PARTIR DE AQUI NO ES NECESARIO<\/li><li>Paso 1: modificar los permisos de la carpeta de estilo<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>chmod 777 -R \/usr\/share\/zoneminder\/www\/<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Paso 2: respaldar la carpeta del tema original en una carpeta personal<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>mkdir \/usr\/share\/zoneminder\/classic_respaldo\ncp -R \/usr\/share\/zoneminder\/www\/skins\/classic\/* \/usr\/share\/zoneminder\/classic_respaldo\/<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Paso 3: eliminar la carpeta del tema classic<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Paso 4: descargar el tema ugit:&nbsp;<a href=\"http:\/\/desarrollo.siua.ac.cr\/Archivos\/zoneminder\/classic.zip\" target=\"_blank\" rel=\"noreferrer noopener\">tema_ugit<\/a>&nbsp;y pegarlo en \/usr\/share\/zoneminder\/www\/skins\/<\/li><li>Paso 5: descargar las im\u00e1genes ugit:&nbsp;<a href=\"http:\/\/desarrollo.siua.ac.cr\/Archivos\/zoneminder\/imagenes.zip\" target=\"_blank\" rel=\"noreferrer noopener\">aqu\u00ed<\/a>&nbsp;y pegarlas en \/usr\/share\/zoneminder\/www\/<\/li><li>Paso 6: dentro de la aplicaci\u00f3n \u00abopciones-&gt;Sistema-SKIN_DEFAULT\u00bb seleccionar \u00abugit-&gt;classic\u00bb<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"960\" height=\"182\" src=\"\/wp-content\/uploads\/2019\/07\/7-9.png\" alt=\"\" class=\"wp-image-1014\" srcset=\"https:\/\/sada.services\/wp-content\/uploads\/2019\/07\/7-9.png 960w, https:\/\/sada.services\/wp-content\/uploads\/2019\/07\/7-9-300x57.png 300w, https:\/\/sada.services\/wp-content\/uploads\/2019\/07\/7-9-768x146.png 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Paso 7: recargar la aplicaci\u00f3n<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"441\" height=\"600\" src=\"\/wp-content\/uploads\/2019\/07\/8-8.png\" alt=\"\" class=\"wp-image-1015\" srcset=\"https:\/\/sada.services\/wp-content\/uploads\/2019\/07\/8-8.png 441w, https:\/\/sada.services\/wp-content\/uploads\/2019\/07\/8-8-221x300.png 221w\" sizes=\"(max-width: 441px) 100vw, 441px\" \/><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Personalizar dise\u00f1o<\/p>\n","protected":false},"author":2,"featured_media":2072,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[45],"tags":[48],"class_list":["post-1013","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-zoneminder","tag-zoneminder"],"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\/1013","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=1013"}],"version-history":[{"count":4,"href":"https:\/\/sada.services\/index.php?rest_route=\/wp\/v2\/posts\/1013\/revisions"}],"predecessor-version":[{"id":4622,"href":"https:\/\/sada.services\/index.php?rest_route=\/wp\/v2\/posts\/1013\/revisions\/4622"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sada.services\/index.php?rest_route=\/wp\/v2\/media\/2072"}],"wp:attachment":[{"href":"https:\/\/sada.services\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1013"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sada.services\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1013"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sada.services\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}