Autore Topic: Adattamento banner  (Letto 14334 volte)

Offline gigisam

  • Nuovo arrivato
  • *
  • Post: 34
    • Mostra profilo
Re:Adattamento banner
« Risposta #20 il: 30 Gen 2012, 14:40:12 »
Non Montepaschi ma notePad non so come si uscito :-)

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
    • Firedrive
Re:Adattamento banner
« Risposta #21 il: 30 Gen 2012, 16:55:12 »
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!

Offline gigisam

  • Nuovo arrivato
  • *
  • Post: 34
    • Mostra profilo
Re:Adattamento banner
« Risposta #22 il: 30 Gen 2012, 18:04:20 »
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

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
    • Firedrive
Re:Adattamento banner
« Risposta #23 il: 30 Gen 2012, 18:13:12 »
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!

Offline gigisam

  • Nuovo arrivato
  • *
  • Post: 34
    • Mostra profilo
Re:Adattamento banner
« Risposta #24 il: 30 Gen 2012, 18:18:55 »
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?

Offline gigisam

  • Nuovo arrivato
  • *
  • Post: 34
    • Mostra profilo
Re:Adattamento banner
« Risposta #25 il: 30 Gen 2012, 18:27:40 »
Guarda come sta ora...cosa e' venuto fuori

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
    • Firedrive
Re:Adattamento banner
« Risposta #26 il: 30 Gen 2012, 18:35:18 »
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>

Offline gigisam

  • Nuovo arrivato
  • *
  • Post: 34
    • Mostra profilo
Re:Adattamento banner
« Risposta #27 il: 30 Gen 2012, 19:41:49 »
domani vedrò quanto mi suggerisci...spero solo di capirci qualcosa in più di adesso...grazie giovi

Offline gigisam

  • Nuovo arrivato
  • *
  • Post: 34
    • Mostra profilo
Re:Adattamento banner
« Risposta #28 il: 31 Gen 2012, 08:54:13 »
Giovi ma nella skin white a che rigo metto il codice che ho creato? Buona giornata

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
    • Firedrive
Re:Adattamento banner
« Risposta #29 il: 31 Gen 2012, 09:01:47 »
questo è un codice html che andrebbe messo all'interno del file index.php del tuo template!

Offline gigisam

  • Nuovo arrivato
  • *
  • Post: 34
    • Mostra profilo
Re:Adattamento banner
« Risposta #30 il: 04 Feb 2012, 15:53:26 »
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]

Offline gigisam

  • Nuovo arrivato
  • *
  • Post: 34
    • Mostra profilo
Re:Adattamento banner
« Risposta #31 il: 04 Feb 2012, 15:53:35 »
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]

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
    • Firedrive
Re:Adattamento banner
« Risposta #32 il: 04 Feb 2012, 16:04:36 »
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 ;)

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
    • Firedrive
Re:Adattamento banner
« Risposta #33 il: 04 Feb 2012, 16:10:49 »
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>

Offline gigisam

  • Nuovo arrivato
  • *
  • Post: 34
    • Mostra profilo
Re:Adattamento banner
« Risposta #34 il: 04 Feb 2012, 16:12:55 »
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'è

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
    • Firedrive
Re:Adattamento banner
« Risposta #35 il: 04 Feb 2012, 16:14:20 »
invece si ;) nella piccola porzione di css che ti ho postato c'è scritto che lo sfondo va ripetuto verticalmente per tutto quanto il banner!

Offline gigisam

  • Nuovo arrivato
  • *
  • Post: 34
    • Mostra profilo
Re:Adattamento banner
« Risposta #36 il: 04 Feb 2012, 16:23:29 »
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???
« Ultima modifica: 04 Feb 2012, 16:33:54 da gigisam »

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
    • Firedrive
Re:Adattamento banner
« Risposta #37 il: 04 Feb 2012, 17:13:11 »
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!

Offline gigisam

  • Nuovo arrivato
  • *
  • Post: 34
    • Mostra profilo
Re:Adattamento banner
« Risposta #38 il: 04 Feb 2012, 18:33:00 »
farò la prova lunedì mattina e poi ti farò sapere mooooolto volentieri

Offline gigisam

  • Nuovo arrivato
  • *
  • Post: 34
    • Mostra profilo
Re:Adattamento banner
« Risposta #39 il: 06 Feb 2012, 09:31:52 »
Giovi guarda come e' venuto con le modifiche...cosa ho sbagliato?

 

Host

Torna su