Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : Dinda 03 Oct 2009, 18:13:32
-
Ciao a tutti!
Mi sono avvicinata a joomla! da poco, e sto cominciando a muovere i primi passi.
Ho appena creato il mio primo template, ma sto cercando di capire cosa c'è che non va nell'header.
Ho inserito un'oggetto nell'header, un logo. Dovrebbe muoversi ma invece non lo fa :)
So che dovrei modificare il css template.css, ma come?
questo è il codice che c'è ora:
background-image: url(../images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px
scusate la niubbagine, e se ho sbagliato a postare scusatemi doppiamente, ma cercando nel forum non sono riuscita a risolvere il mio problema.
Adriana
-
[CUT]
scusate la niubbagine, e se ho sbagliato a postare scusatemi doppiamente, ma cercando nel forum non sono riuscita a risolvere il mio problema.
Adriana
Per completezza, dopo aver letto meglio le *noné regole del forum :), questo è il sito a cui sto lavorando
http://avvocatiaerre.co.cc/ (http://avvocatiaerre.co.cc/)
Il logo che vorrei girasse (è salvato come gif a 20 fotogrammi) è la sfera sulla sinistra dell'header.
Grazie
Adriana
-
ciao
benvenuta nel forum
io non vedo nessuna immagine che dici chiamata gif
vedo solo l'immagine nell'header
iv.art-Header-jpeg {
background-image:url(../images/Header.jpg);
che questa e de tutt'una con il pallone gigante e la pallina sulla sx delle scritte .
spiga la procedura che esegui nell'inserire l gif animata.
-
che questa e de tutt'una con il pallone gigante e la pallina sulla sx delle scritte .
spiga la procedura che esegui nell'inserire l gif animata.
Innanzi tutto grazie per il benvenuto :)
In secondo luogo ... è che son niubba :) :)
Io ho inserito le due sfere come due immagini differenti, quell'è, e la sfera piccola è una gif animata ... almeno nelle mie intenzioni!
Mi viene un'idea che non sono certa di saper mettere in pratica: dovrei eliminare la sfera piccola dal template, poi caricarlo e inserire la sfera piccola successivamente dal pannello administrator come .gif.
Tutto questo suppongo dal template.css, ma è possibile? come?
Mi è sorto il dubbio che per far girare la mia sfera serva uno script apposito ...
Che mi dite ora? :D
P.S. abbiate pazienza, sono donna e faccio l'avvocato :P
-
ciao fai una cosa metti la tua gif nella cartela images del template e dimmi come si chiama la gif che vedo se riesco da qui ad inserirla e poi ti dico come fare.
-
ciao fai una cosa metti la tua gif nella cartela images del template e dimmi come si chiama la gif ...
fatto
la gif si chiama logo_sito
ovviamente aspetto tue istruzioni, perchè mi sa che dovrò eliminare il logo già integrato nell'header e rifare tutto di nuovo
non vorrei trovarmi con due loghi
e comunque per il futuro mi interessa anche la procedura
grazie mille in ogni caso
a.
-
ciao eccomi
allora primaa di far casini con il css fatti una copia del css che ti dico che se combini guai hai loriginale
allora fare copia del css
template.css che trovi nella cartella del template, fatto questo devi :
cercare questa riga
template.css (riga 139)
sotituisci tutta quella riga con questo
.art-Logo {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/logo_sito.gif) repeat-y scroll 9px -1px;
display:block;
height:155px;
left:34px;
position:absolute;
top:24px;
width:943px;
}
ora ricerca questa riga
template.css (riga 154)
idem a prima sostituisci tutta la riga
h1.art-Logo-name, h1.art-Logo-name a, h1.art-Logo-name a:link, h1.art-Logo-name a:visited, h1.art-Logo-name a:hover {
color:#2B2B2B !important;
font-family:Garamond,Arial,Helvetica,Sans-Serif;
font-size:48px;
font-style:normal;
font-variant:small-caps;
font-weight:bold;
margin:0;
padding:29px 0 0 83px;
text-decoration:none;
}
ora cerca questa riga
template.css (riga 173)
idem come le prime sotituisci
.art-Logo-text, .art-Logo-text a {
color:#E5E5E5 !important;
font-family:Garamond,Arial,Helvetica,Sans-Serif;
font-size:18px;
font-style:italic;
font-weight:bold;
margin:0;
padding:0 0 0 166px;
text-transform:uppercase;
}
se tutto fa buon fine vedi la tua sfera che gira.
se vuoi vedere cosa ho fatto confronta i 3 css che devi sostituire con quelli originali e vedi cosa ho aggiunto .
se pensi di non riuscire fai lo zip del css template.css e postalo qui che lo modifico e te lo riposto e tu lo sostituisci .
-
[...]
se pensi di non riuscire fai lo zip del css template.css e postalo qui che lo modifico e te lo riposto e tu lo sostituisci .
sei un tesoro, ma sono vergine ascendente vergine ... DEVO riuscirci io ;)
ora provo, e vediamo che succede
tra poco ti faccio sapere
P.S. ho già fatto copia di tutti i .CSS e pure dell'.html ... essere pignola servirà pure a qualcosa ;)
-
funziona visto
solo che la sfera per me e un po grossa tu che dici?
-
sei un tesoro, ma sono vergine ascendente vergine ... DEVO riuscirci io ;)
ora provo, e vediamo che succede
tra poco ti faccio sapere
guarda tu stesso! :)
grazie ancora
ora mi rendo conto meglio che 20 fotogrammi sono pochi, la rotazione è troppo veloce
e comunque ho caricato la gif senza le modifiche dimensionali che avevo apportato
rifaccio da capo ... ma ora so come fare :)
devo mettermi a studiare bene mi sa
ho visto cosa hai modificato ... il prossimo passo sarà capire "perchè"!
a.
-
ora nel css hai tutto il necessario
se rifai la gif chiamala nello stesso modo e sostituisci solo la gif nella cartella images e vedi come si posiziona , cambiando dimensioni avrai solo qualche parametro da modificare .
modifica pure se hai problemi posta .
-
ora nel css hai tutto il necessario
se rifai la gif chiamala nello stesso modo e sostituisci solo la gif nella cartella images e vedi come si posiziona , cambiando dimensioni avrai solo qualche parametro da modificare .
modifica pure se hai problemi posta .
uhm, ho solo cambiato la gif e guarda un po' cosa è successo!
fra l'altro come avevo immaginato l'header sottostante conserva ancora l'immagine con incorporato il logo che avevo messo prima
ora provo a rifare tutto da capo ... comunque il logo si muove, quell'è :D
-
non hai piu il css modificato
-
non hai piu il css modificato
avevo ricominciato tutto da capo
guarda ora, ho cancellato e ricominciato e non è cambiato nulla
aspetto di sentire cosa mi dici per ricominciare a fare modifiche
-
allora il css di proma
template.css (riga 139)
.art-Logo {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/logo_sito.gif) no-repeat scroll 6px 27px;
display:block;
height:155px;
left:34px;
position:absolute;
top:24px;
width:943px;
}
template.css (riga 159)
h1.art-Logo-name, h1.art-Logo-name a, h1.art-Logo-name a:link, h1.art-Logo-name a:visited, h1.art-Logo-name a:hover {
color:#2B2B2B !important;
font-family:Garamond,Arial,Helvetica,Sans-Serif;
font-size:48px;
font-style:normal;
font-variant:small-caps;
font-weight:bold;
margin:0;
padding:29px 0 0 55px;
text-decoration:none;
}
;
template.css (riga 178)
.art-Logo-text, .art-Logo-text a {
color:#E5E5E5 !important;
font-family:Garamond,Arial,Helvetica,Sans-Serif;
font-size:18px;
font-style:italic;
font-weight:bold;
margin:0;
padding:0 0 0 110px;
text-transform:uppercase;
}
-
allora il css di proma
...
tutto ok :)
GRAZIEEEEEEEEEEEE
giuro che prima o poi capirò COSA mi hai fatto cambiare e perchè ;)
ora porto la cana giù, prima che mi prenda a parolacce
buonanotte
a.
-
ok notte
fai il confronto da prima a dopo cosi vedi.
-
ok notte
fai il confronto da prima a dopo cosi vedi.
intanto ho subito modificato quell'antipatico "all right reserved" ;)
con l'html me la cavo molto meglio :)