Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    Creare una barra stile facebook

    Salve, da un pò di tempo sto cercando di creare una barra in cima al forum come in questo sito. Ho provato a creare una tabella con più colonne e mettere delle immagini/pulsanti stile mosaico, ma le differenze si vedono...
    Come posso creare una barra migliore?

  2. #2
    Intanto inizia guardando proprio il codice del sito che proponi...
    Io non userei le tabelle, ma un div con dentro una lista UL e darei lo sfondo agli LI o ai A in essi contenuti.
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  3. #3
    semplice non è..

    ti posso elencare i codici base:

    HTML: (togli virgolette)

    "
    <div id="nav">
    <ul>
    [*]HOME[*]DOWNLOADS
    ...(altri link)
    [/list]

    <div>

    "

    CSS: (togli virgolette)

    "#nav {
    font-size: 10px;
    font-family: "NOME FONT" , "NOME FONT" sans-serif;
    color: #Numero colore HTML;
    float: left;
    position: absolute;
    background-image:IMMAGINE.PNG;
    background-repeat:QUANTE VOLTE VIENE RIPETUTO IL BG ;
    }


    #nav ul {
    margin:0 300px; (MARGINE PRIMO LINK DALLA SINISTRA)

    }


    #nav ul li {
    list-style-type: none;
    float: left;
    }

    #nav a:link, #nav a:visited {
    color: #Colore link;
    display: block;
    font-size: 10px;(grandezza font)
    text-decoration: none;
    height: 30px;
    padding: 10px;
    }

    #nav a:hover {
    color: #COLORE HOVER; (colore che prende il link quando ci si va sopra con il mouse)
    background-image:IMMAGINE.PNG;

    }"

  4. #4
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    ciao istudio,

    ricorda che, come tutti, per postare codice sul forum sei tenuto ad utilizzare il tag [CODE][/CODE]

    grazie


    edit:

    Originariamente inviato da istudio
    HTML: (togli virgolette)
    CSS: (togli virgolette)
    allora perché ce le metti?

  5. #5
    scusa sono nuovo di questo forum non sapevo come si faceva

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.