• CMS vBulletin variare colore dei titoli articoli presenti in home

    In questo mini tutorial vedremo come variare il colore del titolo degli articoli presenti nella home page del CMS in relazione alla sezione di appartenenza.
    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>&nbsp
    sostituite con
    Codice PHP:
    <a href="{vb:raw page_url}"><span class="title_cms_{vb:var parentid}">{vb:raw title}</span></a>&nbsp
    questa è l'unica modifica da fare al template, pertanto si procede con il salvataggio.

    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;
    colorred;    
    }

    .
    title_cms_5 {
    font:  bold 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
    colorgreen;    
    }

    .
    title_cms_2 {
    font:  bold 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
    colorgrey;    

    Nell'esempio ho fatto in modo che i titoli degli articoli di tre sezioni del mio CMS assumessero tre colorazioni diverse, attenzione necessita creare n classi css quante sono le sezioni a cui vogliamo apportare delle modifiche.
    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 CMSSection 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&sectionid=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.


    Se questo articolo ti è tornato utile o ti è piaciuto segnalalo su facebook e su google + attraverso i pulsanti che trovi all'inizio.
    Grazie per la collaborazione.
Cookies:direttiva 2009/136/CE (E-Privacy)

Il sito utilizza cookies propri e di terze parti per maggiori informazioni faq - Termini di servizio - Cookies
Il forum non puo' funzionare senza l'uso dei cookies pertanto l'uso della community è vincolato dall'accettazione degli stessi, nel caso contrario siete pregati di lasciare la community, proseguendo la navigazione acconsenti all’uso dei cookie