Allineare varie immagini uniformemente nell'header vBulletin

eleonora · 06-12-2007, 02:15 PM

Salve.
Nel mio forum vorrei aggiungere delle immagini nell'header, però allineate e distribuite uniformemente.
Adesso ho un solo logo a sinistra, se ne volessi mettere altri 3 in modo che siano 4 in tutto ben distribuiti, nell'intestazione per ogni dimensione di browser?
Praticamente un layout liquido..
Come si può fare?
Grazie
Eleonora

giuseppe · 06-12-2007, 04:17 PM

Puoi crearti il codice con un semplice editor html, tipo Dreamweaver.
Crei una tabella dandogli l'attributo width al 100%, poi inserisci le varie immagini e il tutto lo copi in:

Gestioni Stili>Stili e Modelli>Vai (a dx)>Header

Lì devi inserirlo tra :



e



ciao
Giuseppe

elena · 06-13-2007, 12:21 PM

Se vuoi fare un layout liquido, basta mettere tutto in una tabella con width=100% e td allineate centralmente.

Usando i Css, cosa consigliata, dovresti creare un div, mettere i loghi ognuno in un suo div e gestire tutto via CSS settando l'allineamento centrale.

Inserisci il codice nel template del header e vedi quale è il risultato

Salvati sempre prima una copia di backup e poi vai avanti fino a che non raggiungi il risultato desiderato

Saluti
Elena

Jarno · 10-10-2007, 05:46 PM

Puoi crearti il codice con un semplice editor html, tipo Frontpage, Dreamweaver, etc.
Crea una tabella dandogli l'attributo width al 100%, dopodichè inserisci le varie immagini e lo inserisci in:

Gestioni Stili
Stili e Modelli
Vai (a dx)
Header

Il codice verrà tipo questo:

Quote:

Naturalmente questo è un esempio, con l'aggiunta del TAG "title", ma puoi modificare il codice come preferisci.

Nell'Header, devi inserirlo tra :

Quote:

Qui

Belen · 10-10-2007, 05:50 PM

Usando i Css, cosa consigliata, dovresti creare un div, mettere i loghi ognuno in un suo div e gestire tutto via CSS settando l'allineamento centrale.

Es:

codice:

<style>
.contenitoreheader {width:100%; margin-left: auto; margin-right: auto; position: relative;}
.header {width:150px; display: inline; text-align: center margin-left: auto; margin-right: auto; position: relative;}
</style>

<div class="contenitoreheader">
<div class="header"><img src="indirizzoimmagine1.jpg" alt="" height="" width="" /></div>
<div class="header"><img src="indirizzoimmagine2.jpg" alt="" height="" width="" /></div>
<div class="header"><img src="indirizzoimmagine3.jpg" alt="" height="" width="" /></div>
<div class="header"><img src="indirizzoimmagine4.jpg" alt="" height="" width="" /></div>
</div>

Discussioni simili
Discussione	Ha iniziato questa discussione	Forum	Risposte	Ultimo messaggio
Come migliorare la gestione immagini nel forum vbulletin	Zita	Informatica	7	08-17-2008 11:54 PM
Errore CSS con Header ripetuto che nasconde banner adsense	Scuola	Informatica	2	01-05-2008 09:30 PM
Esiste una estensione di Firefox per vedere lo schermo in varie risoluzioni?	daniele	Informatica	2	10-12-2007 04:38 PM
Inserendo varie lingue, rovino posizionamento serp italiana?	Fedro	Informatica	16	10-11-2007 11:20 AM
Scalino nell'header con explorer 7.0.5730.11: perchè?	Scuola	Informatica	2	07-18-2007 11:40 AM

Menu

Allineare varie immagini uniformemente nell'header vBulletin