Per ottenere quanto in precedenza descritto è sufficiente effettuare delle piccole modifiche a due template: vbcms_content_article_preview e additional.css.
Procediamo con la variazione del vbcms_content_article_preview
aprite il template vbcms_content_article_preview e ricercate:
Codice PHP:
<a href="{vb:raw page_url}"><span>{vb:raw title}</span></a>
Codice PHP:
<a href="{vb:raw page_url}"><span class="title_cms_{vb:var parentid}">{vb:raw title}</span></a>
Come avrete potuto notare abbiamo aggiunto aggiunto una classe al tag span, questa azione ci permetterà di far variare le proprietà dell'oggetto tramite css.
Analizziamo la parte di codice aggiunta class="title_cms_{vb:var parentid}"
title_cms_ è un prefisso fisso che ho utilizzato per identificare la classe
{vb:var parentid} è la parte variabile della classe e questa identifica in modo univoco la sezione
Ora vediamo la parte del CSS e a tal proposito ricerchiamo e apriamo il template additional.css (questo template è un contenitore dove tutti noi possiamo inserire dei css personalizzati) e riportiamo i nostri css.
Vi riporto il da me utilizzato nel template additional.css al fine di ottenere quanto raffigurato nella figura 1 in modo tale da poter chiarire come strutturare il css.
Immagine ridotta
Codice PHP:
/* SPECIAL TITLE CMS */
.title_cms_45 {
font: bold 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
color: red;
}
.title_cms_5 {
font: bold 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
color: green;
}
.title_cms_2 {
font: bold 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
color: grey;
}
la sezione Documentazione (parentid = 45) colore rosso - classe span = title_cms_45
la sezione News (parentid = 5) colore verde - classe span = title_cms_5
la sezione Travel (parentid = 2) colore grigio - classe span = title_cms_2
il nome della classe è composto da title_cms_(prefisso)+2(variabile parentid), modifica che abbiamo applicato al template vbcms_content_article_preview.
Fino ad ora abbiamo visto cosa variare nei template, ma non abbiamo visto come recuperare il valore parentid in modo tale da poter costruire il nostro title_cms_[parentid]
Io posso solo suggerirvi una strada su come recuperarlo ma non è l'unica.
Dal pannello admin andate nel menù – vBulletin CMS – Section Manager, sulla destra avrete tutte le sezioni, se vi posizionate sopra ad una sezione con il puntatore del mouse sulla parte bassa del vostro browser comparirà un link simile a questo http: // localhost/vb/admincp/cms_content_admin.php?do=filter§ionid=45&contenttypeid=23.
La parte a noi necessaria per identificare della sezione in modo univoco è il valore subito dopo sectionid= in questo caso 45
Immagine ridotta
Questo è tutto buona personalizzazione.
Tutorial
Valuta Questo Articolo