Allineare varie immagini uniformemente nell'header vBulletin

eleonora · 06-12-2007, 03: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, 05: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, 01: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, 06: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, 06: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-18-2008 12:54 AM
Errore CSS con Header ripetuto che nasconde banner adsense	Scuola	Informatica	2	01-05-2008 10:30 PM
Esiste una estensione di Firefox per vedere lo schermo in varie risoluzioni?	daniele	Informatica	2	10-12-2007 05:38 PM
Inserendo varie lingue, rovino posizionamento serp italiana?	Fedro	Informatica	16	10-11-2007 12:20 PM
Scalino nell'header con explorer 7.0.5730.11: perchè?	Scuola	Informatica	2	07-18-2007 12:40 PM

Menu

Allineare varie immagini uniformemente nell'header vBulletin