Back to top

Autore Topic: 2 css personalizzati con Gantry  (Letto 4788 volte)

Offline panda82

  • Nuovo arrivato
  • *
  • Post: 26
    • Mostra profilo
2 css personalizzati con Gantry
« il: 03 Gen 2013, 09:04:45 »
Ciao a tutti e buon anno,



Ho installato Gantry e joomla 2.5 e sto da un po' personalizzando.
Ho bisogno di avere due css personalizzati, uno per la home page ed uno per le altre pagina del sito, ma non riesco a capire come fare. Ho dublicato lo stile ed associato alla voce di menu home page e poi ho provato a creare un file css chiamato custom-homepage ( homepage è il nome dello stile duplicato in gantry) ma non funziona  :'(
Come posso fare?

Grazie a tutti per l'aiuto!

Offline pieroweb82

  • Nuovo arrivato
  • *
  • Post: 12
    • Mostra profilo
Re:2 css personalizzati con Gantry
« Risposta #1 il: 04 Gen 2013, 17:53:18 »
Ciao,
penso di avere un problema analogo al tuo che pensavo di risolvere con ude ccs personalizzati.
Banalizzado il mio problema dalla home page accedo a 4 sezioni differenti del sito. Queste
sezioni hanno differenti template e differenti sfondi di pagina.
dato che dalla home page lo sfondo della pagina l'ho definito con il custom-ccs... come faccio a definire uno sfondo diverso per le altre pagine?
Grazie!!!

Offline alessioa

  • Abituale
  • ****
  • Post: 1136
  • Sesso: Maschio
    • Mostra profilo
Re:2 css personalizzati con Gantry
« Risposta #2 il: 05 Gen 2013, 13:51:53 »
Ciao,

nel file index.php del template aggiungere questo codice :

<!--Controllo ID Pagina-->
<?php
   $menu = JSite::getMenu()->getActive();
   $pageclass = '';
 
   if (is_object($menu))
      $pageclass = $menu->params->get('pageclass_sfx');
?>
<!-- Carico un css diverso in base all'id-->
<link rel="stylesheet" href="aa_style/css/random/<?php echo htmlspecialchars($pageclass) ?>.css" type="text/css"/>
<!--/Controllo ID Pagina-->

1- Dal menu di Joomla aprire la voce di menu da modificare
2- Alla voce "opzioni visualizzazione" \ "classe pagina" inserire la classe css da assegnare
3- In ftp creare una cartella aa_style\css\random (il nome della cartella potete cambiarlo a piacere, basta che poi lo cambiate anche dal codice "carico css in base all'id della pagina")
4- all'interno della cartella appena creata, crea un css per ogni classe da assegnare al menu, per esempio se il menu ha class "pippo" creerò il file pippo.css ed al suo interno avrò il mio css tipo :

body{
background: black;
.....
}

Attenzione perchè è case sensitive.
Fate prima un backup del file index.php
« Ultima modifica: 05 Gen 2013, 14:16:27 da alessioa »
Realizzazione siti Joomla! | I love Wing Chun :-) | Non promettere nulla a nessuno se non sei certo di poterlo mantenere .

Offline panda82

  • Nuovo arrivato
  • *
  • Post: 26
    • Mostra profilo
Re:2 css personalizzati con Gantry
« Risposta #3 il: 06 Gen 2013, 10:41:48 »
Ciao Alessioa,
intanto grazie per il tuo aiuto.
Ho provato a fare come mi hai suggerito ma incontro questo errore quando carico la pagina


Strict Standards: Non-static method JSite::getMenu() should not be called statically, assuming $this from incompatible context in C:\xampp\htdocs\sito_prova\templates\gantry\index.php on line 25
Strict Standards: Non-static method JApplication::getMenu() should not be called statically, assuming $this from incompatible context in C:\xampp\htdocs\sito_prova\includes\application.php on line 539







Per il primo errore, la riga 25 ha questo codice
  $menu = JSite::getMenu()->getActive();
Mentre la riga 539 del file application.pho ha il sueguente codice:
$menu      = parent::getMenu('site', $options);


Ho seguito alla lettera le tue indicazioni!

Grazie mille per l'aiuto!

Offline alessioa

  • Abituale
  • ****
  • Post: 1136
  • Sesso: Maschio
    • Mostra profilo
Re:2 css personalizzati con Gantry
« Risposta #4 il: 06 Gen 2013, 10:52:08 »
Ciao,

non vorrei aver dimenticato di darti un pezzo di codice, mannaggia.... scusami.

Il codice che ti incollo va inserito nel tag che vuoi cambiare, nel mio caso era un div avevo la necessità di cambiargli lo sfondo.

<!--Cambio sfondo in base alla classe della pagina-->
<div id="top-a-shadow" class="<?php echo $pageclass ? htmlspecialchars($pageclass) : 'default'; ?>"></div>   
<!--/Cambio sfondo in base alla classe della pagina-->
Realizzazione siti Joomla! | I love Wing Chun :-) | Non promettere nulla a nessuno se non sei certo di poterlo mantenere .

Offline panda82

  • Nuovo arrivato
  • *
  • Post: 26
    • Mostra profilo
Re:2 css personalizzati con Gantry
« Risposta #5 il: 06 Gen 2013, 11:56:51 »
Ciao,
intanto grazie per il tuo aiuto!
Allora io ho una situazione analoga alla tua infatti voglio cambiare nella home lo sfondo del div drawer


Ho aggiunto nel file index.php nel div il codice



<div id="rt-drawer" class="<?php echo $pageclass ? htmlspecialchars($pageclass) : 'default'; ?>">


Però i due errori continuano ad essere presenti :(


Grazie mille


Offline alessioa

  • Abituale
  • ****
  • Post: 1136
  • Sesso: Maschio
    • Mostra profilo
Re:2 css personalizzati con Gantry
« Risposta #6 il: 06 Gen 2013, 12:05:18 »
Ciao,

non vorrei che sia un errore della versione di PHP.

Ma lo script che ti ho dato funziona ?

Prova ad aprire il tuo file php.ini e modifica/inserisci questo :

error_reporting = E_ALL | E_STRICT

display_errors = Off

Poi riavvia il server Apache
Realizzazione siti Joomla! | I love Wing Chun :-) | Non promettere nulla a nessuno se non sei certo di poterlo mantenere .

Offline panda82

  • Nuovo arrivato
  • *
  • Post: 26
    • Mostra profilo
Re:2 css personalizzati con Gantry
« Risposta #7 il: 06 Gen 2013, 12:23:11 »
Quando visualizzo la pagina trovo questo


<div id="rt-drawer" class="pippo">


Ma non c'è alcun cambiamento :(




Offline alessioa

  • Abituale
  • ****
  • Post: 1136
  • Sesso: Maschio
    • Mostra profilo
Re:2 css personalizzati con Gantry
« Risposta #8 il: 06 Gen 2013, 18:54:23 »
Quando visualizzo la pagina trovo questo
<div id="rt-drawer" class="pippo">
Ma non c'è alcun cambiamento :(

Bene,

significa che la modifica funziona perchè ti aggiunge la classe al div, ora devi però dargli uno stile, quindi o crei un css che chiami pippo.css e al suo interno gli metti il tuo css e poi il file lo copi nella cartella random , oppure nel css del template aggiungi la classe .pippo e imposti il tuo sitile.
Realizzazione siti Joomla! | I love Wing Chun :-) | Non promettere nulla a nessuno se non sei certo di poterlo mantenere .

mau_develop

  • Visitatore
Re:2 css personalizzati con Gantry
« Risposta #9 il: 06 Gen 2013, 19:30:28 »
non si modifica il codice di joomla, si fanno gli override.
anche i css di gantry possono avere un override.
Sul sito di gantry è spiegato

 



Web Design Bolzano Kreatif