Frammenti CSS utili

  • Piccola guida che può essere utile per i principianti [Blocked Image: http://www.inforge.net/community/images/smilies/icon_smile.gif]


    Pannello Utente:


    1. Hide User Panel

    CSS
    1. .userPanel { display: none; }


    2. Cambia menu utente (Collegato come [...] sottoscrizioni)

    CSS
    1. .userPanel {background-color: #ffffff; border: 1px solid blue; color: red;}


    Cerca:


    1. Nascondi ricerca

    CSS
    1. #search { display: none; }


    2.Cerca ogni posizione:

    CSS
    1. #search { top: 100px; right: 25px; }


    Menu header:



    1.Rimuovere le icone dal menu principale:

    CSS
    1. #mainMenu div ul li a img { height: 0; overflow: hidden; position: absolute; left: -9000px; max-width: 8000px; }


    2.Centra il testo sui pulsanti:

    CSS
    1. #mainMenu a { text-align:center; }


    3.Centro verticale del testo sui pulsanti:

    CSS
    1. [color=#333333][color=#333333][font=Calibri][size=10]#mainMenu [/size][/font][/color][/color][color=#333333][color=#333333][font=Calibri][size=10]a[/size][/font][/color][/color][color=#333333][color=#333333][font=Calibri][size=10] { [/size][/font][/color][/color][color=#87154F][color=#87154F][font=Calibri][size=10]vertical-align[/size][/font][/color][/color][color=#333333][color=#333333][font=Calibri][size=10]: [/size][/font][/color][/color][color=#994509][color=#994509][font=Calibri][size=10]middle[/size][/font][/color][/color][color=#333333][color=#333333][font=Calibri][size=10]; }[/size][/font][/color][/color]


    4. Grassetto sul testo dei pulsanti:

    CSS
    1. #mainMenu a { font-weight:bold; }


    5. Cornice da rimuovere pulsanti:

    CSS
    1. #mainMenu { border:0 !important; background-color:transparent !important; }.mainMenu a { border:0 !important; background-color:transparent !important; }


    6. Spostare "collegamento login"

    CSS
    1. #userNote{ margin-left: -85px; margin-top: -30px; display: block; z-index: 100;}


    Contenuto (principale):

    1. Assegnare colore di sfondo al #main:

    CSS
    1. #main{ background-color: #080808; }


    2.Immagine di sfondo per il #main:

    CSS
    1. #main{ background-image: url("../images/stil/grafik.gif"); }


    3. Ripetere l'immagine di sfondo solo in orizzontale:

    CSS
    1. #main{ background-repeat: repeat-x; }


    4.Ripetere l'immagine di sfondo solo in verticale:

    CSS
    1. #main{ background-repeat: repeat-y; }


    5. Non ripetere l'immagine di sfondo:

    CSS
    1. #main{ background-repeat: no-repeat; }


    Elenco Board (boradlist):

    1. Distanza tra forum/Categoria:

    CSS
    1. #boardlist .border { margin-bottom:10px; }


    2.Titolo categorie al centro:

    CSS
    1. .containerHead h3{text-align: center;}
    2. .containerHead {text-align: center;}


    Editor (editor)

    1. Sfondi per l'editor dei nuovi messaggi:

    CSS
    1. #editor .subTabMenu { background-image: none; }


    Messaggi / Distribuzione Messaggio

    1.Cambia immagine di sfondo della barra laterale (dove c'è l'avatar)

    CSS
    1. .messageSidebar {
    2. background-image: url(http://www.example.com/example.jpg);


    2. Modifica scatola con le informazioni utente (sotto l'avatar)

    CSS
    1. .userCredits { background-color: red; border: 1px solid green; }


    Altro

    1. Intestazione del box di colore del testo:

    CSS
    1. .quoteHeader a { color: #000000; }


    2. Box di riepilogo Tipo di carattere per modificare il link:

    CSS
    1. #linklistbox .smallButtons a span { color: #fff; font-weight: bold; }


    3.Categoria in grassetto:
    [csss]h3.boardTitle { font-weight: bold !important; }[/code]
    4.Cambiare il colore della data:

    CSS
    1. #date { color: #ffffff !important; }[/HTML]
    2. 5.Cambiare colore al "Benvenuto/a"
    3. [code=css]#userNote { color: #ffffff !important; }


    6.Modifica info box (ad esempio nuovo PM)

    CSS
    1. .info {background-color: #ffffff!important; border-color: #000000; border-width: 5px; border-style: dotted; font-size: 16px; color: #000000; }


    7.Colore del collegamento nel infobox

    CSS
    1. .info a {color: #000000; }


    8.Casella di modifica per il messaggio di successo (standard in verde)

    CSS
    1. .success {background-color: #ffffff!important; border-color: #000000; border-width: 5px; border-style: dotted; font-size: 16px; color: #000000; }


    9.Casella di modifica per errore (Standard rossa)

    CSS
    1. .error {background-color: #ffffff!important; border-color: #000000; border-width: 5px; border-style: dotted; font-size: 16px; color: #000000; }


    SPERO VI POSSA SERVIRE