Autore Topic: RISOLTO! immagine a tutto schermo joomla 2.5 (Letto 5531 volte)

snait · « **il:** 21 Dic 2012, 09:58:12 »

Ciao,
avrei bisogno di un' aiuto per quanto riguarda la page splash.
La pagina l' ho già creata e istallata correttamente seguendo un vostro utilissimo tutorial ma il mio problema è come far visualizzare in questa pagina una immagine a tutto schermo o comunque che si adatti allo schermo perchè al momento riesco solo a piazzarla o in un angolo o centrale e esteticamente non mi soddisfa.
Ho già letto ore e ore di discussioni che riguardano la modifica dell' html ma non riesco a capire come fare, anche perchè gli articoli che ho trovato dicono di inserire sia codice html che css ma senza specificare in quali punti del index.html. Magari è scontato, ma io che sono un principiante non ci arrivo.
Intanto grazie a tutti

giovi · « **Risposta #1 il:** 21 Dic 2012, 10:05:36 »

ciao, intanto modifica il titolo con qualcosa come "immagine a tutto schermo" perchè che sia una splash page o no è del tutto irrilevante

Poi posso suggerirti questo metodo. Per avere un'immagine a tutto schermo come sfondo puoi inserire il codice
<img src="tuaimmagine.jpg" class="sfondo" />
subito dopo aperto il tag <body>, ed in un qualunque punto del tuo file css (anche in fondo va bene, per stare tranquilli) ci incolli:

Codice: [Seleziona]

.sfondo {
z-index: -1;
min-height: 100%;
min-width: 1008px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
}

Puoi vedere un'applicazione di questo metodo qui: http://www.aiaformia.it/

snait · « **Risposta #2 il:** 21 Dic 2012, 10:22:51 »

Intanto grazie della velocissima risponda,
però dove trovo il file css per quella pagina?
E' una pagina che ho creato da zero io facendo solo un file html.
la pagina è questa:

Codice: [Seleziona]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 
Transitional//EN">
<HTML>
<HEAD>
    <META 
HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=utf-8">
  
  <TITLE></TITLE>
    <META NAME="GENERATOR" 
CONTENT="NeoOffice 3.1.2  (Unix)">
    <META 
NAME="CREATED" CONTENT="20121218;13173600">
    <META 
NAME="CHANGED" CONTENT="20121218;13260200">
</HEAD>
<BODY 
LANG="it-IT" 
DIR="LTR">
<P><BR><BR>
</P>
<P><BR><BR>
</P>
<P><BR><BR>
</P>
<p>[img 
width= height= 
alt=daimonet]http://localhost:8888/trangoni/images/ethiopia.png[/img] 
</p>
<P><BR><BR>
</P>
<P><BR><BR>
</P>
<P><BR><BR>
</P>
<P><BR><BR>
</P>
<P><BR><BR>
</P>
<P 
ALIGN=CENTER>entra
nel 
sito</P>
</BODY>
</HTML>

giovi · « **Risposta #3 il:** 21 Dic 2012, 10:48:39 »

quando incolli del codice cortesemente fallo tramite l'apposito pulsante (il cancelletto qui sopra) altrimenti ne vien fuori un'accozzaglia incomprensibile di caratteri e non si capisce più nulla

Codice: [Seleziona]

<META NAME="GENERATOR" CONTENT="NeoOffice 3.1.2  (Unix)">
<META NAME="CREATED" CONTENT="20121218;13173600">
<META NAME="CHANGED" CONTENT="20121218;13260200">

Questi a che servono? Butta via tutto!
Il css non ce l'hai proprio messo un questa pagina per cui il codice puoi anche incollarlo all'interno dei tag <style></style> (che crei tu) appena prima di chiudere il tag </head>

snait · « **Risposta #4 il:** 21 Dic 2012, 11:09:29 »

Grandioso, funziona!
Però mi taglia l' immagine in altezza, immagino che sia sufficiente giocare con le dimensioni della stessa finchè la include tutta?
Per il css non l' avevo fatto perchè nel tutor non lo diceva e quei codici li ha generati automaticamente
office ( non li ho scritti io ma ho salvato un documento in .html, avevo specificato che sono un principiante)

snait · « **Risposta #5 il:** 21 Dic 2012, 11:14:07 »

Anzi, mi correggo che ho già fatto una prova e non me la include tutta, in questo caso ci sono misure standard per le immagini ?

giovi · « **Risposta #6 il:** 21 Dic 2012, 11:15:05 »

si ma i principianti saggi non usano office

se l'immagine deve essere sempre proporzionata altezza/larghezza allora chiaramente perderai sempre una parte dell'immagine. E' un po come lo sfondo di windows: se vuoi che tutto venga visualizzato sempre chiaramente l'immagine dovrà adattarsi alla risoluzione della pagina ed uscirà tutta deformata. Se è questo l'effetto che cerchi s'è un modo per fare anche questo, ma non te lo consiglio

giovi · « **Risposta #7 il:** 21 Dic 2012, 11:16:33 »

Citazione da: snait - 21 Dic 2012, 11:14:07

Anzi, mi correggo che ho già fatto una prova e non me la include tutta, in questo caso ci sono misure standard per le immagini ?

No perché purtroppo non esistono misure standard per le risoluzioni. Ci sono i 16/9, i 4/3, i 16/10, quelli che hanno il desktop esteso su più schermi, quelli che hanno il tablet.... è duro il lavoro del webmaster

Il trucco sta nell'usare immagini che abbiano il soggetto più al centro possibile

snait · « **Risposta #8 il:** 21 Dic 2012, 11:30:59 »

windows non lo uso ma ho comunque capito l'esempio.
Si è duro il lavoro del webmaster ma a suon di ricerche e di tanto in tanto interpellandovi se ne salta sempre fuori.
Grazie mille per l'aiuto

giovi · « **Risposta #9 il:** 21 Dic 2012, 16:07:53 »

Citazione

windows non lo uso ma ho comunque capito l'esempio.

dal momento che ormai il mondo commerciale dell'informatica è diventato un copia-copia generale, sicuramente troverai le stesse modalità di impostazione dello sfondo anche su linux o mac

Autore Topic: RISOLTO! immagine a tutto schermo joomla 2.5 (Letto 5531 volte)

snait

RISOLTO! immagine a tutto schermo joomla 2.5

giovi

Re:page splash joomla 2.5

snait

Re:immagine a tutto schermo joomla 2.5

giovi

Re:immagine a tutto schermo joomla 2.5

snait

Re:immagine a tutto schermo joomla 2.5

snait

Re:immagine a tutto schermo joomla 2.5

giovi

Re:immagine a tutto schermo joomla 2.5

giovi

Re:immagine a tutto schermo joomla 2.5

snait

Re:immagine a tutto schermo joomla 2.5

giovi

Re:RISOLTO! immagine a tutto schermo joomla 2.5