Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : sabry 19 Nov 2009, 09:50:16
-
Ciao a tutti.
Vorrei sovrapporre delle piccole gif sull'header del mio sito dove c'è già un'immagine di sfondo.E'un'operazione possibile? Se sì, come si fa?
Il sito èwww.maestramori.altervista.org (http://www.maestramori.altervista.org)ed il template è siteground-j15-46.
grazie
-
una gif anche animata è sempre una immagine e come tale va trattata...
-
OK. Quindi come devo fare a inserirla? Potresti almeno darmi qualche indicazione?
Grazie
-
Le inserisci in un div che posizioni col css in posizione assoluta. Esempio se tu volessi posizionare una gif a 100pixel dal top e a 100pixel dal margine sinistro di 100pixel di lato farai un div vuoto di questo tipo
<div id="sabry"> </div> (non ho molta fantasia lo so... ;D)e poi lo formatteresti con questa regola:
#sabry {
background-image:url(gif.gif);
background-repeat:no-repeat;
width:100px;
height:100px;
margin-left:100px;
margin-top:100px;
position:absolute;
} ;)
-
Grazie tonicopi, ho provato a fare quello che hai detto, ma non succede assolutamente nulla. Perchè?
Il div vuoto di cui parli va inserito nel codice html vero? O no? Io ho fatto così, ma mi sa che ho fatto un casino.
Ciao
-
Si va inserito nel codice html.
Dipendi da dove metti l'immagine. Se dentro la cartella images del template allora l'url devi farlo cosi:
../images/gif.gif
Va, guarda qui:
http://www.tonicopi.it/joomla
non si muove manco se gli sbatti addosso i pipistrelli... ah ah aha ;D
-
Niente da fare tonicopi... qualcosa non va...probabilmente io!
Ti faccio vedere cosa ho fatto. nel codice html ho fatto questo:
link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>
<body id="page_bg">
<div id="sabri"> </div id>
<div id="header">
<div id="logo">
Nel css del template ho fatto questo:
div#wrapper {
margin: 0 auto;
width: 920px;
text-align: left;
}
#header {
height: 436px;
background: url(../images/header.jpg) top center no-repeat;
margin:0 auto;
margin-bottom: 4px;
width: 942px;
}
#sabri {
background-image:url(../images/fata1.gif);
background-repeat:no-repeat;
width:100px;
heigt:100px;
margin-left:100px;
margin-top:100px;
position:absolute;
}
In ogni caso non vedo l'immagine, mentre vedo benissimo quella che hai fatto tu...carini i pipistrelli!