![\"Logo](\"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/logo-joomla-300x205.png\"){kind=logo}
Oggi vediamo in che modo gestire e modificare i CSS.<\/p>\nOggi vediamo in che modo gestire e modificare i CSS.<\/p>\n
Supponiamo di trovarci all\u2019interno del file da gestire e davanti ci troviamo una cosa di questo tipo:<\/p>\n
#menu-orizzontale-or ul li a {<\/em> La prima cosa da fare in questo caso \u00e8 di modificare le propriet\u00e0 gi\u00e0 esistenti. A volte, per\u00f2, non si \u00e8 sicuri delle modifiche da apportare. E allora ipotizziamo di cambiare il CSS sopra con:<\/p>\n #menu-orizzontale-or ul li a {<\/em> Completata l’operazione lo inviamo al server scoprendo per\u00f2 che era meglio prima. Il motivo? E’ sempre consigliabile di commentare le righe di codice vecchie prima di implementare le vostre modifiche in questo modo:<\/p>\n \/*#menu-orizzontale-or ul li a {<\/em> #menu-orizzontale-or ul li a {<\/em> Il codice \/* inizia il commento e *\/ lo termina, come se fossero tra parentesi. Le linee comprese in mezzo non sono considerate. In questo modo, in caso aveste un ripensamento vi sar\u00e0 sufficiente cancellare le righe scritte da voi ed eliminare il commento per tornare all\u2019originale.<\/p>\n All’interno del file template.css non \u00e8 possibile trovare tutti i fogli di stile. Un template pu\u00f2 avere pi\u00f9 fogli di stile e, in seconda battuta, ogni modulo avr\u00e0 il suo foglio di stile personale. I fogli di stile dei singoli moduli funzionano esattamente come il foglio di stile generale, ma in linea di massima non sono editabili dall\u2019admin di Joomla! quindi dovremo farlo via FTP o un gestore di file interno. Per essere ordinati, la cosa migliore sarebbe scrivere i CSS personalizzando quelli gi\u00e0 presenti. Purtroppo per\u00f2, se il modulo dovesse venire aggiornato perderemmo le nostre personalizzazioni, \u00e8 auspicabile allora di personalizzare il file template.css che teoricamente non sar\u00e0 aggiornato.<\/p>\n","protected":false},"excerpt":{"rendered":" Oggi vediamo in che modo gestire e modificare i CSS. Supponiamo di trovarci all\u2019interno del file da gestire e davanti ci troviamo una cosa di questo tipo: #menu-orizzontale-or ul li a { background: url(“..\/images\/menu\/menuorizzontale-states.gif”) repeat-x scroll 0 0 transparent; color: #2B3C4B; text-decoration: none !important; } La prima cosa da fare in questo caso \u00e8 di […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"twitter_97753652_97753652":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[517],"tags":[24],"class_list":{"0":"post-2726","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-web-hosting","7":"tag-joomla","8":"entry"},"yoast_head":"\n
\n background: url(“..\/images\/menu\/menuorizzontale-states.gif”) repeat-x scroll 0 0 transparent;<\/em>
\n color: #2B3C4B;<\/em>
\n text-decoration: none !important;<\/em>
\n }<\/em><\/p>\n
\n background-color: red;<\/em>
\n color: #dcdcdc;<\/em>
\n text-decoration: underline;<\/em>
\n }<\/em><\/p>\n
\n background: url(“..\/images\/menu\/menuorizzontale-states.gif”) repeat-x scroll 0 0 transparent;<\/em>
\n color: #2B3C4B;<\/em>
\n text-decoration: none !important;<\/em>
\n }*\/<\/em><\/p>\n
\n background-color: red;<\/em>
\n color: #dcdcdc;<\/em>
\n text-decoration: underline;<\/em>
\n }<\/em><\/p>\n
\nIn linea di massima troverete questi file .css all\u2019interno delle cartelle che il modulo crea quando viene installato. In ogni caso Firebug ci dir\u00e0 il percorso da seguire.<\/p>\n