• vBulletin: Uso del CSS nei prefissi discussione

    In questo tips vi mostrerò come rendere più accattivanti i vostri prefix discussione grazie all'uso del CSS, certo necessita dosare bene il tutto altrimenti si corre il rischio di rendere il forum un albero di natale.

    Aprite il template additional.css ed inserite il vostro codice CSS, consiglio sempre di utilizzare nomi di classi che diano l'idea della lora funzione e utilizzo, nel nostro caso bug_core.
    Nell'esempio riporto quanto da me utilizzato per il prefix bug core (sotto riporto alcuni stamp dove è possibile vedere il risultato).

    Codice:
    .bug_core {
        background-position: 0 -1px;
        background-repeat: repeat-x;
        border-radius: 3px 3px 3px 3px;
        background: none repeat scroll 0 0 #000000;
        color: #FFFFFF;
        display: inline-block;
        font-size: 9px;
        font-weight: bold;
        height: 16px;
        line-height: 16px;
        padding: 0 5px;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
        text-transform: uppercase;
        vertical-align: middle;
    }
    Una volta inserito la prima classe CSS procedete con il salvataggio del template (ricordatevi che necessita inserire il codice in ogni additional.css se utilizzate più style)

    Per inserire il richiamo alla classe è necessario alimentare il campo Titolo (RTF) presente nella scheda del prefix, pertanto andate in prefissi discussioni -> gestione prefisso e aggiungete il vostro nuovo prefisso o modificatene uno già esistente.

    la voce Titolo (RTF) dovrà contenere il richiamo al CSS, pertanto conterrà un valore simile a questo

    Codice PHP:
    <span class="bug_core">bug core</span
    salvate il prefix ed il gioco è fatto.

    Ora spetta a voi e largo alla fantasia.

    Risultato



    Configurazione Prefix



    Creative Commons License
    Questo/a opera è pubblicato sotto una Licenza Creative Commons.

    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