Ciao ,

per inserire un Menù come in quel forum devi modificare il template "Header", che trovi in:

Stile e Template - Gestioni Stili - Skin che usi - Vai

Quello mi sembra un normale menù in html, con qualche modifica al css per renderlo più colorato.
Per vBulletin trovi già delle semplici modifiche per aggiungere menù di quel tipo, che sinceramente vedrei meglio sulla "navbar", ecco qui qualcosina:

UKBL- Easy Menu Tabs - vBulletin.org Forum

Tab Menu *** Enhanced - vBulletin.org Forum

Qui trovi altri colori e forme da abbinare al primo prodotti per i Menù:

UKBL- Easy Menu Tabs Collection Vol 1 - vBulletin.org Forum

Ma volendo, potresti anche creare un menù da zero con un qualsiasi editor html o utilizzare servizi online, e poi implementarlo nel tuo forum, tipo questi:

CSS Menu Generator

IzzyMenu - Menu Builder - Build your pro CSS/DHTML Menu!

CSS Menu Builder | Free online navigation generator

Allora jarod, mi piacerebbe provare con questo:
Horizontal CSS Menus || CSS Menu Builder

Se ho ben capito, il codice html lo metto nell'header, quello css lo metto nel codice css allegato in foto?

http://img6.imageshack.us/img6/4904/immagine2gbc.png

Scusa un'altra cosa.... e se volessi aggiungere dei bottoni in più, basta che li aggiungo nel codice html?
O devo modificare anche il css?

Ti piacciono i colori chiari eh?

Si perfettamente, la prima parte HTML, va in inserita nel template dove vuoi mostrare il menù.
La seconda, CSS, va aggiunta nelle defizioni addizionali del tuo CSS, il secondo blocco mostrato nell'immagine, in basso a tutto.

Devi solo aggiungere altre righe come questa:

<li><span class="menu_r"><a href="#" target="_self"><span class="menu_ar">sample</span></a></span></li>

(naturalmente modificando collegamenti e nomi)

No il CSS rimane com'è

Facci sapere e mostraci i risultati poi

Il menù appare..... solo che non è esattamente come quello della foto...

Dimmi cosa cerchi, forum campioncini omaggio.


Cosa posso aver sbagliato? Il css l'ho aggiunto alla fine di quello che già c'era....

(mancano le immagini da caricare sul server per l'effetto violetto quando passi col mouse sui tasti :D)

Link - premi su Download Images sulla destra

Ok, le immagini le ho scaricate....
Ma ora... dove devo caricare la cartella? In images?
E poi, in che parte di codice devo creare il collegamento all'immagine?
Ho cercato nei due codici una dicitura del tipo

Codice HTML:

<img src="link immagine">

Ma non lo trovo....

Nel CSS ci sono dei percorsi predefiniti come puoi vedere:

background: #000000 url(images/bg-bubplastic.gif) top left repeat-x;

background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;

background: transparent url(images/bg-bubplastic-button.gif) top right no-repeat;

A seconda di dove tu caricherai le immagini sul tuo sito, modificherai il codice sopra.
Se le carichi in forum/skin/simo modificherai cosi:

background: #000000 url(httpX://wwXw.dimmicosacerchi.it/forum/skin/simo/bg-bubplastic.gif) top left repeat-x;

Togli le X (le ho aggiunte per far comparire il codice)

E via dicendo tutti gli altri codici..

Perfetto, riuscito tutto senza problemi, grazie a te!
Dunque, ho preferito caricare le immagini in:

mio stile--->images---> qui ho caricato la cartella che ho rinominato menu(così se voglio cambiare trovo tutti i tasti subito ;) ).

Dopo sono andata nel file CSS, ed ogni stringa del link dell'immagine l'ho sostituita con il percorso dove ho inserito la cartella
(nel mio caso http://www.dimmicosacerchi.it/forum/images/marley/menu/bg-bubplastic-h-aqua.gif )

Quindi, ricapitolando per i posteri...

Nell'header si mette il file html (nel mio caso l'ho messo come inizio codice), e si modificano le stringhe:

Codice HTML:

<li><span class="menu_r"><a href="Link alla pagina che si vuole linkare" target="_self"><span class="menu_ar">Nome che apparirà nel tasto</span></a></span></li>

Invece, nel CSS, dovete solo modificare l'indirizzo dell'immagine, a seconda del vostro percorso scelto:

Codice HTML:

(nel mio caso http://www.dimmicosacerchi.it/forum/images/marley/menu/bg-bubplastic-h-aqua.gif )

Ed avrete il vostro menù!

Per vedere il risultato, vi allego quello che ho fatto io.

http://img179.imageshack.us/img179/7875/immagine1a.png



Ps:Grazie Jarod! ;)

Ciao jarod, avrei bisogno di fare una piccola modifica a questo menu, ma non so come farla.
Vorrei che i tasti fossero sempre tutti viola, come il primo (non solo passandoci il mouse sopra).
Sai per caso come devo modificare?

Ciao jarod.... sempre io.
Ho di nuovo un problema.
Ho deciso di cambiare il menù con questo, che ingombra meno, ed esteticamente si addice molto meglio.

cssmenumaker.com/builder/menu_info.php?menu=003

Solo che ho un pò di problemi.....
Non mi ricordo esattamente come avevo fatto, nonostante abbia letto e riletto la discussione.

Ti riepilogo quello che ho fatto.

Allora ho caricato le immagini via ftp:
(public html->forum->images->twisteddark->menù2)

Poi sono andata nel CSS, secondo blocco, ed ho aggiunto tutto il codice riportato nel file xml, modificando i collegamenti alle immagini con il nuovo percorso (forum->images->twisteddark->menù2--> nome immagine).

Poi sono andata nell'header, ho cancellato il menù precedentemente inserito, ed ho aggiunto al suo posto le stringhe contenute nel file .html.

Ho fatto correttamente? Di sicuro ho sbagliato, perchè il menù (la parte grafica) non mi compare.

Scusami se sono così testona. :(

Ciao e scusami per il ritardo

La procedura è corretta, sicura che il percorso delle immagini sia corretto e coincida con quello del codice html?
Ho visto il forum, ma il menù presente è quello nuovo o vecchio?

Ciao Jarod!
Sono riuscita a farlo il menù!
Era un errore di sinsassi.... avevo chiamato la cartella menù2. Probabilmente l'accento creava problemi.
Ho rinominato la cartella, ed è andato subito a buon fine.
Grazie comunque per la disponibilità.