Autore Topic: [v8 - v9] Allineare titolo pagina al percorso pagina (breadcrumb)  (Letto 2575 volte)

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Citazione
E' possibile allineare il titolo della pagina al percorso della pagina o viceversa?

Esempio:







-- Versione 8 --

Sì, usando (per esempio) jQuery.

Inserisci questo codice (la prima riga carica l'ultima versione della libreria) in Impostazioni Generali - Esperto - Codice personalizzato per la sezione HEAD:

Citazione
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">
$(document).ready(function(){
var bd = $("p#imPathTitle").length;
if(bd != 0){
$("h2").hide();
var acca2 = $("h2").text();
$("p#imPathTitle").append(' > <span>' + acca2 + '</span>');
$("p#imPathTitle span").css('color', '#C00000');
}
});
</script>


Personalizzare il valore in rosso con il codice del colore che si vuole dare al titolo della pagina.

 QUI un esempio online.


N.B.
Puoi scaricare e collegare la libreria con la "famosa graffetta" (vedi immagine allegata) di un oggetto codice HTML, ovviamente modificando così il codice:

Codice:
Only registered users can see contents. Please click here to Register or Login.

[ Guests cannot view attachments ]


-- Versione 9 --

Il metodo da usare per la versione 9 è analogo a quello utilizzato per la versione 8. La libreria jQuery non deve essere allegata poichè già caricata dal programma.


Inserisci questo codice in Impostazioni Generali - Esperto - Codice personalizzato per la sezione HEAD:

Citazione

<script>
$(document).ready(function(){
var bd = $("div#imBreadcrumb").length;
if(bd != 0){
$("h2#imPgTitle").hide();
var acca2 = $("h2#imPgTitle").text();
$("div#imBreadcrumb").append(' > <span>' + acca2 + '</span>');
$("div#imBreadcrumb span").css('color', '#C00000');
}
});
</script>


Anche in questo caso si può personalizzare il valore in rosso con il codice del colore che si vuole dare al titolo della pagina.

QUI un esempio online.
grazie a stesil per la collaborazione
« Ultima modifica: 11 Febbraio, 2013, 17:21:24 da lemonsong »