• Passa alla navigazione primaria
  • Passa al contenuto principale
  • Passa alla barra laterale primaria
  • Passa al piè di pagina

Il blog di HostingVirtuale

Hosting e Registrazione Domini

  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • RSS
  • Twitter
  • Youtube
  • Home
  • CMS
  • Social Media
  • Web Hosting
  • Web Design
  • Web Marketing
  • HostingVirtuale
    • Web Hosting
    • Cloud server
    • Server dedicati
    • Virtual Private Server
    • Sicurezza
Ti trovi qui: Home / Web Hosting / Hosting Joomla, vediamo come modificare i CSS

Hosting Joomla, vediamo come modificare i CSS

Pubblicato il 19 Luglio 2012 da Gianluca Di Nino Lascia un commento Contrassegnato con:joomla

Logo JoomlaOggi vediamo in che modo gestire e modificare i CSS.

Supponiamo di trovarci all’interno 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 è di modificare le proprietà già esistenti. A volte, però, non si è sicuri delle modifiche da apportare. E allora ipotizziamo di cambiare il CSS sopra con:

#menu-orizzontale-or ul li a {
background-color: red;
color: #dcdcdc;
text-decoration: underline;
}

Completata l’operazione lo inviamo al server scoprendo però 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:

/*#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;
}*/

#menu-orizzontale-or ul li a {
background-color: red;
color: #dcdcdc;
text-decoration: underline;
}

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à sufficiente cancellare le righe scritte da voi ed eliminare il commento per tornare all’originale.

All’interno del file template.css non è possibile trovare tutti i fogli di stile. Un template può avere più fogli di stile e, in seconda battuta, ogni modulo avrà 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’admin di Joomla! quindi dovremo farlo via FTP o un gestore di file interno.
In linea di massima troverete questi file .css all’interno delle cartelle che il modulo crea quando viene installato. In ogni caso Firebug ci dirà il percorso da seguire.

Per essere ordinati, la cosa migliore sarebbe scrivere i CSS personalizzando quelli già presenti. Purtroppo però, se il modulo dovesse venire aggiornato perderemmo le nostre personalizzazioni, è auspicabile allora di personalizzare il file template.css che teoricamente non sarà aggiornato.

Articoli correlati:

Default ThumbnailJoomla, vediamo come inserire un modulo in un articolo Default ThumbnailHosting per Joomla!, vediamo perché e come acquistarlo Default ThumbnailJoomla, come inserire una fotogallery in un articolo

Interazioni del lettore

Lascia un commento Annulla risposta

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Barra laterale primaria

  • Il miglior hosting gratuito con dominio di secondo livello
  • Programma di affiliazione hosting: guadagna pubblicizzando i servizi HostingVirtuale

Crea il tuo sito web gratis

Scopri il nostro hosting gratuito FREE che comprende: dominio, 100 MB di spazio web, posta elettronica, database MySQL, certificato SSL e il pannello di controllo in italiano HVCP che consente anche l'installazione di WordPress con un click.

Scopri di più!

Articoli recenti

  • Design Usability: 5 principi per un design usabile davvero 20 Gennaio 2021
  • 5 principi di design da rispettare per un sito di successo 15 Gennaio 2021
  • Content Design: come conquistare il tuo utente 8 Gennaio 2021
  • Sei un Web Designer? Ecco perché hai bisogno di un mentore 30 Dicembre 2020
  • Marketing Communication Mix: le leve della comunicazione di marketing 22 Dicembre 2020

Il tuo sito web è al sicuro?

Attiva il Cloud Backup con il 20% di sconto! Grazie al semplice pannello di controllo in italiano puoi salvare nel cloud storage di Amazon tutti i dati del sito web e del database MySQL.

Scopri di più!

Scopri l’hosting dedicato

Il servizio di hosting dedicato è a metà strada tra un hosting condiviso e un cloud server! Dominio gratis, 15 GB di spazio web, 25 email, illimitati database MySQL, una email PEC, certificato SSL, Cloud Backup, IP e risorse dedicate, assistenza telefonica.

Scopri di più!

Footer

HostingVirtuale

  • Registrazione domini
  • Web Hosting
  • Posta Elettronica Certificata
  • Cloud server
  • Server dedicati
  • Virtual Private Server
  • Hosting reseller
  • Sicurezza siti web
  • Cloud Backup

Tag Cloud

app backup business cloud content marketing cpanel domini ecommerce email email marketing facebook freelance ftp google grafica hosting condiviso hosting gratuito hostinterview inbound marketing infografica instagram joomla malware mobile news pannello clienti pec personal branding pinterest plugin prestashop reseller sconti seo server sicurezza smart working storytelling telegram tools tutorial twitter video marketing vps wordpress

Articoli recenti

  • Design Usability: 5 principi per un design usabile davvero
  • 5 principi di design da rispettare per un sito di successo
  • Content Design: come conquistare il tuo utente
  • Sei un Web Designer? Ecco perché hai bisogno di un mentore
  • Marketing Communication Mix: le leve della comunicazione di marketing

© 2021 All Rights Reserved Hosting Virtuale srl Chieti Pescara Roma Partita IVA IT02586030690