Back to top

Autore Topic: Insrimento gif  (Letto 2019 volte)

Offline sabry

  • Appassionato
  • ***
  • Post: 365
  • Sesso: Femmina
    • Mostra profilo
Insrimento gif
« il: 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.orged il template è siteground-j15-46.
grazie

Offline 56francesco

  • Fuori controllo
  • *
  • Post: 29585
  • Sesso: Maschio
    • Mostra profilo
Re:Insrimento gif
« Risposta #1 il: 19 Nov 2009, 10:01:45 »
una gif anche animata è sempre una immagine e come tale va trattata...
(uso XP perchè win98 non si installa) 
PS: non sono un dipendente dello sbonzor quindi è necessario un "per favore" alla richiesta e un "grazie" alla risposta, sempre! PPS: non scrivo mai per primo in MP, in caso contrario chiedimi una conferma, Grazie.

Offline sabry

  • Appassionato
  • ***
  • Post: 365
  • Sesso: Femmina
    • Mostra profilo
Re:Insrimento gif
« Risposta #2 il: 19 Nov 2009, 10:08:19 »
OK. Quindi come devo fare a inserirla? Potresti almeno darmi qualche indicazione?
Grazie

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Insrimento gif
« Risposta #3 il: 19 Nov 2009, 19:06:51 »
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
Codice: [Seleziona]
<div id="sabry"> </div> (non ho molta fantasia lo so...  ;D)e poi lo formatteresti con questa regola:
Codice: [Seleziona]
#sabry {
background-image:url(gif.gif);
background-repeat:no-repeat;
width:100px;
height:100px;
margin-left:100px;
margin-top:100px;
position:absolute;

}
;)
« Ultima modifica: 19 Nov 2009, 19:09:28 da tonicopi »
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline sabry

  • Appassionato
  • ***
  • Post: 365
  • Sesso: Femmina
    • Mostra profilo
Re:Insrimento gif
« Risposta #4 il: 20 Nov 2009, 18:43:54 »
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
« Ultima modifica: 20 Nov 2009, 19:34:09 da sabry »

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Insrimento gif
« Risposta #5 il: 20 Nov 2009, 22:37:46 »
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
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline sabry

  • Appassionato
  • ***
  • Post: 365
  • Sesso: Femmina
    • Mostra profilo
Re:Insrimento gif
« Risposta #6 il: 21 Nov 2009, 10:02:52 »
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!

 



Web Design Bolzano Kreatif