Guida alla costruzione di un menù con link che si illuminano, Esempio: Vedi Homepage

« Older topic | Newer topic »

Track this topic | Email this topic | Print this topic

Shining Star

Posted on 6/6/2009, 13:27

Quota|

Millennium Member

Group: Member
Posts: 13082
Location: Somewhere

Status: Offline: ultima azione eseguita il 19/12/2009, 13:51

Guida alla costruzione di un menù con link che si illuminano

In questa guida imparerete come fare un menù uguale a quello che abbiamo noi nella home

Non è necessario avere uno spazio hosting privato

N.B: Potete prelevare la guida inserendo nel vostro topic solo l'introduzione e linkando questo topic per il continuo. Se non sarà fatto ciò, in caso di copia, saranno presi provvedimenti

CSS (Modifica Colori e Stili)

CODICE

/*Menù Sinistra by http://italiananime.forumcommunity.net/*/
#menu04v {width: 15em;
font: 100% comic sans, arial, helvetica, sans-serif weight:bold}
#menu04v ul {margin: 0;
padding: 0;
list-style: none}
#menu04v li {font-size: 1em;
display: inline;
margin: 0;
padding: 0}
#menu04v a:link, #menu04v a:visited {display: block;
background-color: #3F3F3F;
color: #0072FF;
margin: 0;
padding: 0.3em 0.6em 0.3em 1.2em;
text-decoration: none;
border-bottom: 1px solid #C34100;
border-left: 10px solid #C34100}
#menu04v a:hover, #menu04v a:focus, #menu04v a:active {background-color: black;
color: #FFFFFF;
border-left: 10px solid #EAD100}

CODICE

/*Menù Destra by http://italiananime.forumcommunity.net/*/
#menu04d {width: 15em;
font: 100% comic sans, arial, helvetica, sans-serif weight:bold}
#menu04d ul {margin: 0;
padding: 0;
list-style: none}
#menu04d li {font-size: 1em;
display: inline;
margin: 0;
padding: 0}
#menu04d a:link, #menu04d a:visited {display: block;
background-color: #3F3F3F;
color: #0072FF;
margin: 0;
padding: 0.3em 0.6em 0.3em 1.2em;
text-decoration: none;
border-bottom: 1px solid #C34100;
border-right: 10px solid #C34100}
#menu04d a:hover, #menu04d a:focus, #menu04d a:active {background-color: black;
color: #FFFFFF;
border-right: 10px solid #EAD100}

HTML (Gestione Codici HTML)

Sinistra

CODICE

<div id="menu04v">
<ul>

<li><a href="?f=4777424">- Welcome</a></li>
<li><a href="?t=27326988">- Rules</a> </li>
<li><a href="/">- Our's Banners</a> </li>
<li><a href="?f=4777426">- Guide di Supporto</a></li>
<li><a href="?f=4777496">- Saluti Giornalieri</a></li>
<li><a href="?f=4791574">- Area 51</a> </li>
<li><a href="?f=4828556">- Nostri Affiliati</a> </li>

</ul>

Destra
[CODE] <div id="menu04d">
<ul>
<li><a href="LINK">TESTO</a></li>
<li><a href="/?f=4777540">One Piece Spoiler -</a> </li>
<li><a href="/?f=4777541">Bleach Spoiler -</a> </li>
<li><a href="/?f=4777542&eyeshield_spoiler_pics_summaries">Eyeshield 21 Spoiler -</a> </li>
<li><a href="/?f=4777543&fairy_tail_spoiler_pics_summaries">Fairy Tail Spoiler -</a> </li>
<li><a href="?f=4791499">Metin2 - </a> </li>
<li><a href="/?f=4777544&metin3">Metin3 -</a> </li>
 
</ul>
</div>

[/CODE]

Estrazioni Win For Life

Secsy

Posted on 6/6/2009, 13:31

Quota|

Millennium Member

Group: Member
Posts: 10684

Status: Offline: ultima azione eseguita il 19/12/2009, 22:19

Esempi?

NON HO TEMPO PER I FORUM,FREQUENTERò DI SICURO SOLO QUELLI LINKATI

http://progamer.forumcommunity.net
http://lockerzitalian.forumcommunity.net

Life

Posted on 6/6/2009, 13:32

Quota|

Millennium Member

Group: Banned
Posts: 13010

Status: Offline: ultima azione eseguita il 6/12/2009, 21:35

Tutto qui? :asd:

Sweet Legend.

Posted on 6/6/2009, 13:47

Quota|

sweet!?Sweetie?

Group: Member
Posts: 12842

Status: Offline: ultima azione eseguita il 20/12/2009, 00:29

CITAZIONE (Secsy,hope way´ @ 6/6/2009, 14:31)

Esempi?

Sweet Legend.

Shining Star

Posted on 6/6/2009, 13:58

Quota|

Millennium Member

Group: Member
Posts: 13082
Location: Somewhere

Status: Offline: ultima azione eseguita il 19/12/2009, 13:51

vedi la nostra home page OMG, quante volte lo devo scrivere? cmq la guida è da perfezionare, questa contiene solo il codice come l'usiamo noi, poi dovrò spiegare come modificarlo a proprio piacimento

Estrazioni Win For Life

svoov!

Posted on 7/6/2009, 10:45

Quota|

Insane do it better!

Group: Member
Posts: 8137

Status: Offline: ultima azione eseguita il 8/12/2009, 21:31

Le modifiche sono abbastanza intuitive..

Text-decoration: italic, bold, underline etc..
color: codice colore
border-left/right: 10px etc..
background-color: colore sfondo
color: colore scritte.
Almeno, io usavo questo

Un giorno mi chiesi quanto era grande l'Universo poi mi risposi solo dicendo che era inutile saperlo perché tanto per quanto grande sia io resto sempre a casa mia.