{"id":928,"date":"2020-11-27T16:31:28","date_gmt":"2020-11-27T15:31:28","guid":{"rendered":"https:\/\/vitocafazzo.it\/site_Wp\/?p=928"},"modified":"2021-07-10T13:13:08","modified_gmt":"2021-07-10T11:13:08","slug":"wp-007-home-page-personalizzata","status":"publish","type":"post","link":"https:\/\/vitocafazzo.it\/site_Wp\/2020\/11\/27\/wp-007-home-page-personalizzata\/","title":{"rendered":"WP 007 &#8211; Home page personalizzata"},"content":{"rendered":"\n<p class=\"has-text-align-center wp-block-paragraph\"><a href=\"https:\/\/vitocafazzo.it\/site_Wp\/appunti-wordpress\/\" data-type=\"URL\" data-id=\"https:\/\/vitocafazzo.it\/site_Wp\/appunti-wordpress\/\">Torna all&#8217;elenco<strong> WordPress<\/strong><\/a><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"180\" height=\"120\" src=\"https:\/\/vitocafazzo.it\/site_Wp\/wp-content\/uploads\/2020\/10\/APP_Wordpress.jpg\" alt=\"\" class=\"wp-image-595\"\/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">La <strong>home page<\/strong> \u00e8 la pagina <strong>Appunti<\/strong> realizzata inserendo direttamente l&#8217;html al suo interno. Il <strong>css<\/strong> di riferimento si trova all&#8217;interno della cartella del tema child: <strong>style_homepage.css<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:css decode:true \" title=\" style_homepage.css\">\/* ------------------------------------------------------------\n\tMODIFICHE - Background e H1\n--------------------------------------------------------------*\/\n.container{\n    background:#21384D url(https:\/\/vitocafazzo.it\/site_Wp\/wp-content\/uploads\/2020\/10\/pattern.png) repeat top left;\n    border: 0px;  \/*Impostato in quello principale border: 5px solid #6D99BE; *\/\n}\n\n#maincontent { \n    background:#21384D url(https:\/\/vitocafazzo.it\/site_Wp\/wp-content\/uploads\/2020\/10\/pattern.png) repeat top left;\n}\n\n#maincontent h1{ \n    color:white;\n    text-align: left;\n    padding-bottom:10px;\n}\n\n\n\n\/* ------------------------------------------------------------\n\tHOVER SUGLI ELEMENTI DEL MENU\n--------------------------------------------------------------*\/\ndiv.HOVERview {\n   width: 180px;\n   height: 120px;\n   margin: 5px;\n   float: left;\n   border: 3px solid #fff;\n   overflow: hidden;\n   position: relative;\n   text-align: center;\n   -webkit-box-shadow: 1px 1px 2px #e6e6e6;\n   -moz-box-shadow: 1px 1px 2px #e6e6e6;\n   box-shadow: 1px 1px 2px #e6e6e6;\n   cursor: default;\n}\n\n.HOVERview .mask,.HOVERview .content {\n   width: 180px;\n   height: 120px;\n   position: absolute;\n   overflow: hidden;\n   top: 0;\n   left: 0;\n}\n.HOVERview img {\n   display: block;\n   position: relative;\n}\n\/* titolo *\/\n.HOVERview h2 {\n   text-transform: uppercase;\n   color: #fff;\n   text-align: center;\n   position: relative;\n   font-size: 14px;\n\tfont-weight: bold;\n   padding: 3px;\n   background: rgba(0, 0, 0, 0.8);\n   margin: 3px 0 0 0;\n}\n\n\/* corsivo *\/\n.HOVERview p {\n   font-family: Georgia, serif;\n   font-style: italic;\n   font-size: 16px;\n   position: relative;\n   color: #fff;\n   padding: 3px 3px 3px;\n   text-align: center;\n}\n\n\/* button link *\/\n.HOVERview span.linkbutton {\n   display: inline-block;\n   text-decoration: none;\n   padding: 3px 14px;\n   background: #FF6600;\n\tfont-size: 12px;\n   color: #ffffff;\n   -webkit-box-shadow: 0 0 1px #000;\n   -moz-box-shadow: 0 0 1px #000;\n   box-shadow: 0 0 1px #000;\n}\n.HOVERview span.linkbutton: hover {\n   -webkit-box-shadow: 0 0 5px #000;\n   -moz-box-shadow: 0 0 5px #000;\n   box-shadow: 0 0 5px #000;\n}\n\n\/* ----SPECIFICO ------- *\/\n.HoverSPEview img {\n   -webkit-transition: all 0.4s ease-in-out 0.5s;\n   -moz-transition: all 0.4s ease-in-out 0.5s;\n   -o-transition: all 0.4s ease-in-out 0.5s;\n   -ms-transition: all 0.4s ease-in-out 0.5s;\n   transition: all 0.4s ease-in-out 0.5s;\n}\n.HoverSPEview .mask {\n   background-color: rgba(146,96,91,0.5);\n   -ms-filter: \"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)\";\n   filter: alpha(opacity=0);\n   opacity: 0;\n   -webkit-transition: all 0.3s ease-in 0.4s;\n   -moz-transition: all 0.3s ease-in 0.4s;\n   -o-transition: all 0.3s ease-in 0.4s;\n   -ms-transition: all 0.3s ease-in 0.4s;\n   transition: all 0.3s ease-in 0.4s;\n}\n\n.HoverSPEview p {\n   -ms-filter: \"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)\";\n   filter: alpha(opacity=0);\n   opacity: 0;\n   -webkit-transform: scale(10);\n   -moz-transform: scale(10);\n   -o-transform: scale(10);\n   -ms-transform: scale(10);\n   transform: scale(10);\n   -webkit-transition: all 0.3s ease-in-out 0.2s;\n   -moz-transition: all 0.3s ease-in-out 0.2s;\n   -o-transition: all 0.3s ease-in-out 0.2s;\n   -ms-transition: all 0.3s ease-in-out 0.2s;\n   transition: all 0.3s ease-in-out 0.2s;\n}\n\n.HoverSPEview span.linkbutton {\n   -ms-filter: \"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)\";\n   filter: alpha(opacity=0);\n   opacity: 0;\n   -webkit-transform: translateY(100px);\n   -moz-transform: translateY(100px);\n   -o-transform: translateY(100px);\n   -ms-transform: translateY(100px);\n   transform: translateY(100px);\n   -webkit-transition: all 0.3s ease-in-out 0.1s;\n   -moz-transition: all 0.3s ease-in-out 0.1s;\n   -o-transition: all 0.3s ease-in-out 0.1s;\n   -ms-transition: all 0.3s ease-in-out 0.1s;\n   transition: all 0.3s ease-in-out 0.1s;\n}\n.HoverSPEview:hover .mask {\n   -ms-filter: \"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)\";\n   filter: alpha(opacity=100);\n   opacity: 1;\n   -webkit-transition-delay: 0s;\n   -moz-transition-delay: 0s;\n   -o-transition-delay: 0s;\n   -ms-transition-delay: 0s;\n   transition-delay: 0s;\n}\n.HoverSPEview:hover img {\n   -webkit-transition-delay: 0s;\n   -moz-transition-delay: 0s;\n   -o-transition-delay: 0s;\n   -ms-transition-delay: 0s;\n   transition-delay: 0s;\n}\n\n.HoverSPEview:hover p {\n   -ms-filter: \"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)\";\n   filter: alpha(opacity=100);\n   opacity: 1;\n   -webkit-transform: scale(1);\n   -moz-transform: scale(1);\n   -o-transform: scale(1);\n   -ms-transform: scale(1);\n   transform: scale(1);\n   -webkit-transition-delay: 0.2s;\n   -moz-transition-delay: 0.2s;\n   -o-transition-delay: 0.2s;\n   -ms-transition-delay: 0.2s;\n   transition-delay: 0.2s;\n}\n.HoverSPEview:hover span.linkbutton {\n   -ms-filter: \"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)\";\n   filter: alpha(opacity=100);\n   opacity: 1;\n   -webkit-transform: translateY(0px);\n   -moz-transform: translateY(0px);\n   -o-transform: translateY(0px);\n   -ms-transform: translateY(0px);\n   transform: translateY(0px);\n   -webkit-transition-delay: 0.3s;\n   -moz-transition-delay: 0.3s;\n   -o-transition-delay: 0.3s;\n   -ms-transition-delay: 0.3s;\n   transition-delay: 0.3s;\n   background:#FF6600;\n}<\/pre><\/div>\n\n\n\n<\/br><\/br>\n\n\n\n<p class=\"wp-block-paragraph\">Nota: un&#8217;altra pagina ha lo stesso lo stesso stile, la pagina <strong>Personali<\/strong>, ed \u00e8 possibile che in futuro ne vengano costruite altre. La categoria di questo tipo di pagine \u00e8 <strong>Home Page Style<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>L&#8217;html<\/strong> inserito all&#8217;interno di questo tipo di pagine ha un richiamo al <strong>css<\/strong> relativo ed una serie di elementi (elementi di un menu personalizzato). Di seguito un frammento di codice.<\/p>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:xhtml decode:true \" title=\"Frammento di codice: Home Page Style\">&lt;link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/vitocafazzo.it\/site_Wp\/wp-content\/themes\/digital-agency-lite-child\/style_homepage.css\"&gt;\t\n\n&lt;!\u2013 Esempio: richiamo di una pagina interna al sito \u2013&gt; \n&lt;div class=\"HOVERview HoverSPEview\"&gt;\n\t&lt;img src=\"https:\/\/vitocafazzo.it\/site_Wp\/wp-content\/uploads\/2020\/10\/APP_Mat_classi_1.jpg\"\/&gt;\n\t&lt;div class=\"mask\"&gt;\n\t\t&lt;h2&gt; Appunti&lt;\/h2&gt;\n\t\t&lt;p&gt; Matematica&lt;\/p&gt;\n\t\t&lt;a href=\"https:\/\/vitocafazzo.it\/site_Wp\/classi-prime\/\"&gt;\n\t\t\t&lt;span class=\"linkbutton\"&gt; Classe 1a IPIA &lt;\/span&gt;\t\n\t\t&lt;\/a&gt;\n\t&lt;\/div&gt;\n&lt;\/div&gt;\n\n\n&lt;!\u2013 Esempio: richiamo di una pagina esterna al sito (Nuova scheda) \u2013&gt; \n&lt;div class=\"HOVERview HoverSPEview\"&gt;\n\t&lt;img src=\"https:\/\/vitocafazzo.it\/site_Wp\/wp-content\/uploads\/2020\/10\/PER_TabTeca.jpg\"&gt;\n\t&lt;div class=\"mask\"&gt;\n\t\t&lt;h2&gt; Personale&lt;\/h2&gt;\n\t\t&lt;p&gt; Database tablature&lt;\/p&gt;\n\t\t&lt;a href=\"https:\/\/www.vitocafazzo.it\/tabtecaPSW\/tabteca.php\" target=\"_blank\" rel=\"noopener noreferrer\"&gt;\n\t\t\t&lt;span class=\"linkbutton\"&gt; Tab.Teca &lt;\/span&gt;\t\n\t\t&lt;\/a&gt;\n\t&lt;\/div&gt;\n&lt;\/div&gt;<\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Torna all&#8217;elenco WordPress La home page \u00e8 la pagina Appunti realizzata inserendo direttamente l&#8217;html al suo interno. Il css di riferimento si trova all&#8217;interno della cartella del tema child: style_homepage.css. Nota: un&#8217;altra pagina ha lo stesso lo stesso stile, la pagina Personali, ed \u00e8 possibile che in futuro ne vengano costruite altre. La categoria di [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-928","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"_links":{"self":[{"href":"https:\/\/vitocafazzo.it\/site_Wp\/wp-json\/wp\/v2\/posts\/928","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vitocafazzo.it\/site_Wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vitocafazzo.it\/site_Wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vitocafazzo.it\/site_Wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vitocafazzo.it\/site_Wp\/wp-json\/wp\/v2\/comments?post=928"}],"version-history":[{"count":5,"href":"https:\/\/vitocafazzo.it\/site_Wp\/wp-json\/wp\/v2\/posts\/928\/revisions"}],"predecessor-version":[{"id":1393,"href":"https:\/\/vitocafazzo.it\/site_Wp\/wp-json\/wp\/v2\/posts\/928\/revisions\/1393"}],"wp:attachment":[{"href":"https:\/\/vitocafazzo.it\/site_Wp\/wp-json\/wp\/v2\/media?parent=928"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vitocafazzo.it\/site_Wp\/wp-json\/wp\/v2\/categories?post=928"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vitocafazzo.it\/site_Wp\/wp-json\/wp\/v2\/tags?post=928"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}