Come inserire News Bar in CSS

  1. #1
    Utente Esperto L'avatar di GattoMalvagio
    Data Registrazione
    Sep 2013
    Messaggi
    1,387
    Innanzitutto dobbiamo crearci il divisore in CSS,come fare? Semplice!
    -Andate su Template e Temi.
    -Selezionare il Vostro Tema.
    -Modificate global.css
    -Selezionate "Modifica foglio di stile avanzata"

    A questo punto avrete il codice in CSS,scorrete fino alla fine,e aggiungete questo:

    Codice:
    latestnewsbar {
    background: #ACFA58;
    border-top: 2px solid #9AFE2E;
    border-bottom: 2px solid #9AFE2E;
    text-align: center;
    margin: 10px auto;
    padding: 5px 20px;
    font-weight: bold;
    border-radius: 0px 0px 0px 0px;
    }
    Adesso,questa è la costruzione della nostra barra,ma analizziamo ogni singolo punto.
    background: è il colore di sfondo,modificatelo con il colore che più vi aggrada,se avete problemi con la notazione html dei colori cercateli su google.
    border-top:E' il colore del bordo superiore,spesso e volentieri,si utilizza una tonalità di colore più scura di quella del background. "2px solid" serve ad indicare la larghezza del bordo.
    border-bottom:Leggi border-top.
    text-align:E' l'allineamento del centro,è consigliato usarlo centrato in quanto rende di più graficamente.
    margin:Sta ad indicare il margine,scegliete voi come strutturarvelo.
    padding:Indica il margine interno ai bordi,modificate voi a piacere
    font-weight:La "grassezza" del testo,eliminatela per non avere il testo in grassetto
    border-radius:Indica i 4 bordi,modificateli a piacere per averli arrotondati,quadri,sbizzarritevi voi.

    Detto ciò,come far vedere la barra e inserire del testo? Semplice:

    -Andate su Template e Temi.
    -A sinistra selezionare "Template".
    -Selezionate i template del vostro tema attuale.
    -Aprite i template dell'Header e selezionate Header (oppure welcome block ecc se volete far visualizzare la news a determinati gruppi.)

    Inserite sotto a <div id="container">
    Codice:
    <div class="latestnewsbar">TESTO NEWS</div></ br>




    Ultima modifica di GattoMalvagio; 16-01-2014 alle 14:53
    Chiedersi se un computer possa pensare non è più interessante del chiedersi se un sottomarino possa nuotare.

Termini piu ricercati:

Nessuno è atterrato su questa pagina da un motore di ricerca. Almeno, non per ora...