Autore Topic: A tutto schermo  (Letto 689 volte)

Offline ginomendico

  • Nuovo arrivato
  • *
  • Post: 3
    • Mostra profilo
A tutto schermo
« il: 10 Mar 2012, 10:24:22 »
Salve in questo mio primo post intendo prima di tutto complimentarvi con tutto lo staff.
Passo ora alla mia domanda. E' possibile secondo voi ottenere una cosa del genere? http://www.pescheriadaclaudio.it/ Partendo logicamente da una base di template esistente e quindi variarla
Grazie anticipatamente

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:A tutto schermo
« Risposta #1 il: 10 Mar 2012, 10:39:48 »
ciao, sicuramente si, è necessario avere però una certa esperienza nel campo dell'html e del css.

Offline ginomendico

  • Nuovo arrivato
  • *
  • Post: 3
    • Mostra profilo
Re:A tutto schermo
« Risposta #2 il: 10 Mar 2012, 11:30:09 »
è possibile avere qualche dritta?

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:A tutto schermo
« Risposta #3 il: 10 Mar 2012, 11:51:40 »
si tratta di creare un template da zero con tre div: un header, un footer ed un contenitore. I primi due sono posizionati in modo assoluto in alto ed in basso e con valori css left e right uguali a 0. Quello centrale sempre in modo assoluto lo fai partire da dove finisce l'header (che so, l'header è alto 50 px, lo fai partire da un top:50px) stessa cosa vale per la fine, infatti finirà dove inizia il footer (se il footer è alto 100px; il bottom di questo terzo div sarà 100px;). Ache il div contenitore avrà left e right del css = 0.


all'interno del div header inserisci un altro div con margin 0; e larghezza fissa di un tot di pixel in modo che risulterà centrale. A sua volta dentro inserisci due div, logo e menu rispettivamente uno float left e l'altro float right. All'interno di questi inserirai le posizioni modulo logo e mainmenu. Hai così completato l'header (aggiungerai tu i vari stili css personalizzati come colori, padding, dimensioni e font da usare).


La stessa cosa puoi farla con il footer, oppure puoi semplicemente creare il div con larghezza fissa e margin:0 e buttarci dentro la posizione di joomla foooter.


avrai in html un codice uguale a questo:
Codice: [Seleziona]
<body>
<div id="header">
   <div id="logo">POSIZIONE LOGO (TAG DI JOOMLA)</div>
   <div id="menu">POSIZIONE MENU (TAG DI JOOMLA)</div>
</div>
<div id="container">COMPONENTE (TAG JOOMLA)</div>
<div id="footer">POSIZIONE FOOTER (TAG DI JOOMLA)</div>
</body>

Offline ginomendico

  • Nuovo arrivato
  • *
  • Post: 3
    • Mostra profilo
Re:A tutto schermo
« Risposta #4 il: 10 Mar 2012, 12:41:33 »
Grazie Giovi mi armo di pazienza e cerco di incominciare.
saluti

 

Host

Torna su