Adattamento banner

[gigisam]

Non Montepaschi ma notePad non so come si uscito :-)

[giovi]

gigi ma in che senso? Te l'ho scritto all'inizio della discussione cosa devi fare!
Comunque ti consiglio di utilizzare notepad++, che ti da più strumenti per le modifiche ed è più comodo!

[gigisam]

Nel CSs e più precisamente nella skin white voglio modicare il codice così posso inserire un div che si allarga automaticamente, questo mi e' stato richiesto la modifica che mi hai suggerito precedentemente non va bene. Ecco perché ti chiedevo delle dritte sulle modifiche del css

[giovi]

questo potevi  farmelo capire subito Allora secondo me le soluzioni sono 2:

• usi un'immagine png con uno scorcio della città ed uno sfondo trasparente e la allinei all'interno del banner a destra in modo che sia sempre sul bordo dx della pagina
• inserisci come banner un'immagine panoramica della città che arrivi almeno a 1300px di larghezza così che la zona che ora è vuota non resti mai scoperta.

se qualcosa non è abbastanza chiara chiedi pure!

[gigisam]

Scusa per la poca chiarezza... Ho già creato e immagini png la prima con logo e la scritta del comune , la seconda il div, la terza con le immagini della città. Ma separate come le metto? Creo una sola immagine? Oppure posso fare in modo diverso?

[gigisam]

Guarda come sta ora...cosa e' venuto fuori

[giovi]

dentro il div top ci potresti mettere un'immagine allineate con float:right; o con position:absolute;
questa immagine (può essere quel palazzo magari) deve avere uno sfondo trasparente, ma va bene anche così inizialmente per farti capire cosa intendo.
Quindi avrai

Codice: [Seleziona]

<div id="top">
            <div class="padding">
                <div id="accessibility-links">
.......tante scritte...............
                </div>
             </div>
             <img style="position:absolute; bottom:0; right:0; style="float:right;" src="..........">
</div>

[gigisam]

domani vedrò quanto mi suggerisci...spero solo di capirci qualcosa in più di adesso...grazie giovi

[gigisam]

Giovi ma nella skin white a che rigo metto il codice che ho creato? Buona giornata

[giovi]

questo è un codice html che andrebbe messo all'interno del file index.php del tuo template!

[gigisam]

Ciao Giovi, scusa per non essermi fatto vivo prima e per non averti informato su come procede, voglio farti vedere il codice che ho fatto(non mi funziona) e farti vedere anche le immagini che ho realizzato per vedere se riesce a darmi qualche dritta. Allora la prima immagine (tutte png) è il logo, che vorrei realizzare anche in modo linkabile se si può fare, la seconda invice è il colore che rende fluido il tutto mentre la terza quella che va destra sono i simboli...ti allego anche il codice

[allegato eliminato da un amministratore essendo vecchio più di un anno]

[gigisam]

Ciao Giovi, scusa per non essermi fatto vivo prima e per non averti informato su come procede, voglio farti vedere il codice che ho fatto(non mi funziona) e farti vedere anche le immagini che ho realizzato per vedere se riesce a darmi qualche dritta. Allora la prima immagine (tutte png) è il logo, che vorrei realizzare anche in modo linkabile se si può fare, la seconda invice è il colore che rende fluido il tutto mentre la terza quella che va destra sono i simboli...ti allego anche il codice

[allegato eliminato da un amministratore essendo vecchio più di un anno]

[giovi]

Hai colto in pieno il messaggio
Io farei una modifica strutturale all'header del template. Piuttosto che fare tutto tramite css potresti modificare il file index.php del template inserendo al posto del div che c'è attualmente questo codice:

Codice: [Seleziona]

<div id="header">
    <img src="logo_man.png" class="logo" />
    <img src="bannerin.png" class="banner" />
</div>
il css sarà così invece:

Codice: [Seleziona]

#header{background: url(../images/sanpietr.png) repeat-x;}
#header .logo{float:left;}
#header .banner{float:right;}

Tutto semplice semplice

[giovi]

Dimenticavo, per rendere linkabile il logo:

Codice: [Seleziona]

<div id="header">
     <a href="<?php echo $this->baseurl ?>/" >
           <img src="logo_man.png" class="logo" />
     </a>
    <img src="bannerin.png" class="banner" />
</div>

[gigisam]

mi consigli di modificare solo il file index.php ma una domanda...ma poi l'immagine dello sfondo con il colore che permette d'essere fluido cos' non c'è

[giovi]

invece si nella piccola porzione di css che ti ho postato c'è scritto che lo sfondo va ripetuto verticalmente per tutto quanto il banner!

[gigisam]

adesso è chiaro...quindi poche righe sia nel file index.php che nel css skin.white quindi sostituisco il
body.white div#top con body.white div#header
mentre quello del logo linkabile nel file index.php giusto???

[giovi]

in linea teorica è esatto ma il tuo template, vedo, prevede anche una toolbar all'iterno del template (ovvero il div "padding"). Per cui potresti fare quanto segue:


-appena si chiude il tag del div con class="padding" (quindi dopo il tag di chiusura </div> corrispondente a tale div) incolli il codice html che ti ho suggerito:

Codice: [Seleziona]

<div id="header">
<a href="<?php echo $this->baseurl ?>/" >
<img src="logo_man.png" class="logo" /></a>
<img src="bannerin.png" class="banner" />
</div>- alla fine del tuo css (non modificare niente di quello che è già scritto nel file!!!) ci inserisci quest'altro codice, adattato alla tua situazione:

Codice: [Seleziona]

#header{background: url(../images/sanpietr.png) repeat-x; height:200px; width:100%; }
#header .logo{float:left;}
#header .banner{float:right;}
Se riesci a fare questa prova subito vediamo che succede!

[gigisam]

farò la prova lunedì mattina e poi ti farò sapere mooooolto volentieri

[gigisam]

Giovi guarda come e' venuto con le modifiche...cosa ho sbagliato?