Salve ospite, se leggi questo messaggio vuol dire che non sei registrato, cosa aspetti ? Premi qui per registrarti La registrazione è completamente gratuita e ti permetterà di usufruire di tutte le funzionalità del nostro forum. Buona navigazione.


Vendo, Compro, Scambio NosTale! Riapre il Black Market, concludi i tuoi scambi NosTale gratuitamente! Più info  -   Accedi alla sezione
Download file Server : File Retro Server NosTale
Visita la nuova sezione di BorderGame dedicata a Blade & Soul! Sezione Blade and Soul

 
Valutazione discussione:
  • 3 voti - 3.33 media
  • 1
  • 2
  • 3
  • 4
  • 5
Top Bar in stile Google
25-11-2012 01:42 PM
Messaggio: #1
Top Bar in stile Google
scl
*
Utente Saggio

Inizio a capire

Messaggi : 249

Registrato dal : Nov 2012

Reputazione : 166

Stato : Offline


Premi :



Codice:

Codice:
<div id="topbar">
        <ul id="menu">
            <li><a href="http://dev.vincenzolarosa.it/short">Home</a></li>
            <li><a href="http://webmail.vincenzolarosa.it" target="_blank">Mail</a></li>
            <li><a href="http://www.vincenzolarosa.it" target="_blank">News</a></li>
            <li><a href="http://www.twitter.com/enzolarosa" target="_blank">Twitter</a></li>
            <li><a href="http://www.facebook.com/vincenzolarosa.it" target="_blank">Facebook</a></li>
            <li><a href="http://www.vincenzolarosa.it/news" target="_blank">NewsLetter</a></li>
        </ul>
        <?
        if ($login==0){
        ?>
        <!--Utente non registrato -->
        <ul id="menu_dx">
            <li><a href="#">Accedi</a></li>
        </ul>
        <?
        }else{
        ?>
        <!--Utente registrato -->
        <ul id="menu_dx">
            <li><a href="#">Profilo</a></li>        
            <li><a href="#">Messaggi</a></li>
            <li><a href="#">Esci</a></li>
        </ul>
        <?
        }
        ?>
    </div>


CSS:

Codice:
/*zona di sinistra*/
#menu {
    background: #333;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 70%;
}
#menu li {
    float: left;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
#menu a {
    background: #333 url("images/seperator.gif") bottom right no-repeat;
    color: #ccc;
    display: block;
    float: left;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
    font-weight:normal;
}
#menu a:hover {
    background: #2580a2 url("images/hover.gif") bottom center no-repeat;
    color: #fff;
    padding-bottom: 8px;
}

/*zona di destra*/
#menu_dx {
    background: #333;
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 30%;
}
#menu_dx li {
    float: right;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
#menu_dx a {
    background: #333 url("images/seperator.gif") bottom right no-repeat;
    color: #ccc;
    display: block;
    float: right;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
    font-weight:normal;
}
#menu_dx a:hover {
    background: #2580a2 url("images/hover.gif") bottom center no-repeat;
    color: #fff;
    padding-bottom: 8px;
}

/*Top Bar*/
#topbar{
    position:fixed !important;
    top:0px;
    left:0px;
    height:30px;
    width: 100%;
    background:#333;
    border-style:groove;
    border-width:1px;
}


#container{
    display:block;
    position: relative;
    margin:0 auto;
    text-align:left;
    
}

Fonte: http://www.vincenzolarosa.it/2845-top-ba...oogle.html
per assistenza scrivimi su skype (contatto tramite pm) oppure taggami sul forum
Torna al primo messaggio
Email Cerca Rispondi
25-11-2012 03:01 PM
Messaggio: #2
RE: Top Bar in stile Google
Zarta
Amministratori
Minecraft
NosTale
Spammer
Utente Saggio
Utente Storico
Vip

Founder

Messaggi : 6,799

Registrato dal : Oct 2010

Reputazione : 253

Stato : Offline


Premi :



Carino, peccato che in alcuni selettori css vengano richiamate immagini con un link relativo, ma le immagini non ci sono ne qui ne sul blog della fonte XD Comunque non sono difficili da creare, può tornare utile Smile
Torna al primo messaggio
Email WWW Cerca Rispondi
25-11-2012 09:05 PM
Messaggio: #3
RE: Top Bar in stile Google
tuiopmio
*
Atia
NosTale
Utente Storico

Utente regolare

Messaggi : 594

Registrato dal : Jun 2011

Reputazione : 41

Stato : Offline


Premi :



grz!!! utile!
İmage

grazie a DarkAngel per la firma!!!

[URL="http://www.warofclicks.com/en-gm/Home/Welcome/?ref=fheerat"] İmage[/URL]
Torna al primo messaggio
Email Cerca Rispondi

PubblicitàLa tua pubblicità qui, clicca per informazioni e per le offerte!

Stanno visualizzando la discussione :

  • Versione stampabile
  • Invia ad un amico
  • Sottoscrivi questa discussione