Back to top

Autore Topic: Creare template full screen automatico  (Letto 4195 volte)

Offline thegladiator

  • Nuovo arrivato
  • *
  • Post: 14
    • Mostra profilo
Creare template full screen automatico
« il: 08 Dic 2010, 18:27:32 »
Salve a tutti!
Volevo creare un template che fosse full screen su qualsiasi schermo, cioè del tipo di questo
http://www.bestofjoomla.com/index2.php?option=com_bestoftemplate&task=demo&no_html=1&id=3691
Partendo ovviamente da una cosa molto più semplice con un semplice menu centrale, una immagine fullscreen e un menu in fondo alla pagina che si adatti automaticamente..
Per il menu centrale devo impostare lo z-index in modo che sia semrpe in evidenza?
qualche dritta con cui fare prova?
grazie a tutti  ;)

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Creare template full screen automatico
« Risposta #1 il: 08 Dic 2010, 21:59:04 »
Anche il purity o il rhuk presenti di default in joomla si possono impostare come  fluidi  ;)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline thegladiator

  • Nuovo arrivato
  • *
  • Post: 14
    • Mostra profilo
Re:Creare template full screen automatico
« Risposta #2 il: 09 Dic 2010, 10:38:44 »
Non ci avevo mai fatto caso..allora mi metto a dare un'occhiata al css di questi due..
Però io vorrei avere quel risultato con un'immagine di sfondo e con il menu in basso che chiuda la pagina..come fare?

Offline thegladiator

  • Nuovo arrivato
  • *
  • Post: 14
    • Mostra profilo
Re:Creare template full screen automatico
« Risposta #3 il: 13 Dic 2010, 16:32:55 »
Per il background che si ridimensionasse in base alla dimensione della pagina ho sistemato in questo modo:
Codice: [Seleziona]
<style type="text/css">
html, body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
#sfondo{
position:absolute;
height:100%;
width: 100%;
margin: 0;
padding: 0;
}
</style>

mentre nel body questo:
<body>
<div>
<img id="sfondo" src="vostra-immagine.jpg" />
</div>
</body>

Adesso come posso fare in modo che il menu risulti sempre alla base della pagina?con vertical-align?

 



Web Design Bolzano Kreatif