Back to top

Autore Topic: [RISOLTO] Scritta fondo pagina e immagine  (Letto 6426 volte)

Offline Max90..

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Maschio
    • Mostra profilo
[RISOLTO] Scritta fondo pagina e immagine
« il: 24 Mar 2011, 14:07:46 »
Ciao a tutti..!!
devo modificare questo sito: www.tieffe.netsons.org
voglio mettere una scritta in basso a sinistra, alla stessa altezza della scritta "Powered by Marco Trezzi - Valid XHTML and CSS".

E volevo anche chiedere come fare per inserire in basso a destra in fondo, affianco all'immagine dei fiori, un'immagine che cliccandoci fa l'effetto che ritorna pian piano su la pagina (la barra), non so se mi sono spiegato..
« Ultima modifica: 28 Mar 2011, 16:36:24 da Max90.. »

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Scritta fondo pagina e immagine
« Risposta #1 il: 24 Mar 2011, 14:44:06 »
Per il secondo quesito:
http://www.joomla.it/articoli-della-community/4359-inserire-un-torna-su-nel-nostro-sito.html

Per aggiungere qualcosa a quella frase apri la index.php del template, cercala ed aggiungici quel che ti serve  ;)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Max90..

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Maschio
    • Mostra profilo
Re:Scritta fondo pagina e immagine
« Risposta #2 il: 24 Mar 2011, 16:42:07 »
Allora ho inserito a fondo pagina il link con l'immagine (di prova) per tornare su ma se guardi il sito ora l'immagine mi esce sotto quella dei fiori, come faccio a metterla a destra in basso (nella stessa linea dei fiori ).

Inoltre per aggiungere qualcosa intendevo una scritta ma non li a destra ma a sinistra della scritta che cè gia.

adottauncane

  • Visitatore
Re:Scritta fondo pagina e immagine
« Risposta #3 il: 24 Mar 2011, 23:07:25 »
Ciao Max90..
per allinere fiori e freccetta prova così:
Codice: [Seleziona]
#bottom {
    margin-bottom: -29px !important; <------
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    text-align: center;
    width: 760px;
}
760.css (riga 1)

A fianco della scritta Powered by Marco Trezzi - Valid XHTML and CSS hai una posizione syndicate. Prova a fare un modulo HTML personalizzato e scrivere quello che ti serve. Poi pubblicalo in quella posizione.

Offline Max90..

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Maschio
    • Mostra profilo
Re:Scritta fondo pagina e immagine
« Risposta #4 il: 25 Mar 2011, 17:33:13 »
Allora ho provato come hai detto tu e guarda come è ora

in pratica la freccia è sulla stessa linea dei fiori e fin li ci siamo, però non è a destra del fiore..

mentre per la scritta volevo mettere questo codice php:
Copyright&copy; <?php echo date( '2008 - Y' ); ?>
che però non so dove andare a metterlo

Oppure fare cosi:
immagine fiori- scritta php - freccia in su

« Ultima modifica: 25 Mar 2011, 20:06:46 da Max90.. »

Offline Max90..

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Maschio
    • Mostra profilo
Re:Scritta fondo pagina e immagine
« Risposta #5 il: 27 Mar 2011, 15:51:48 »
Allora ho sistemato alcune cose, ora dovrebbe essere piu semplice.
Guarda come l'ho messo ora mi va bene, solo che vorrei spostare la freccia a destra della scritta "copyright ecc" come faccio?

adottauncane

  • Visitatore
Re:Scritta fondo pagina e immagine
« Risposta #6 il: 27 Mar 2011, 15:59:10 »
Non lo so... è nel wrapper e con i css non riesco a spostarla. Magari dal codice con cui l'hai inserita...

Offline Max90..

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Maschio
    • Mostra profilo
Re:Scritta fondo pagina e immagine
« Risposta #7 il: 27 Mar 2011, 19:55:32 »
io non me la cavo molto con i css, per questo chiedo aiuto!

se ti puo aiutare questo è il codice:
Codice: [Seleziona]
<div class="inside"><p><img width="337" height="195" border="0" src="/templates/pp_joomlapraise/images/footer.png"><i>Copyright&copy; <?php echo date'2009 - Y' ); ?></i> -<b> TIEFFE</b> di Franco Trezzi</p></div></div>
<a href="#wrapper"><img src="templates/<?php echo $this->template ?>/images/top.gif"></a>

oppure non si potrebbe fare un altra classe di css per solo quella immagine?
chiedo perchè come ti ho detto non ne so molto..

tipo che ne so faccio una cosa cosi:
metto l'immagine "top" in un div
e poi metto
come regola:
float: right (e mi si sposta piu a destra)
e poi un altra regola che pero non so per spostarla un po verso il centro per regolarla vicino alla scritta..
« Ultima modifica: 27 Mar 2011, 20:10:23 da Max90.. »

adottauncane

  • Visitatore
Re:Scritta fondo pagina e immagine
« Risposta #8 il: 27 Mar 2011, 22:50:57 »
Sì direi che sia la cosa migliore:
Codice: [Seleziona]
</div>
<div id="tothetop">
<a href="#wrapper"><img src="templates/<?php echo $this->template ?>/images/top.gif"></a>
</div>

e poi il css

Codice: [Seleziona]
#tothetop {
    padding-left: 350px;
}

la misura la regoli tu. Poi vediamo...

Offline Max90..

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Maschio
    • Mostra profilo
Re:Scritta fondo pagina e immagine
« Risposta #9 il: 28 Mar 2011, 00:56:22 »
ecco ora è a destra e nella posizione giusta!

cavolo provavo infatti padding-left ma con Firebug, ma si vede che dimenticavo i px perchè non andava  :D

che stupido!
ora dovrebbe essere tutto ok (a parte l'immagine che devo sistemare!!) =)
« Ultima modifica: 28 Mar 2011, 01:02:18 da Max90.. »

adottauncane

  • Visitatore
Re:Scritta fondo pagina e immagine
« Risposta #10 il: 28 Mar 2011, 11:23:10 »
No, così non va ancora bene perché si muove con lo srtingersi o l'allargarsi della finestra browser. Devi comprendera la posizione nei div del template in modo che rimanga compreso nella parte centrale del template.

Offline Max90..

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Maschio
    • Mostra profilo
Re:Scritta fondo pagina e immagine
« Risposta #11 il: 28 Mar 2011, 12:22:13 »
cavolo è vero..
e come devo mettere?

adottauncane

  • Visitatore
Re:Scritta fondo pagina e immagine
« Risposta #12 il: 28 Mar 2011, 12:28:33 »
Probabilmente prima dell'ultimo div di di chisura. Magari appena sotto alla frase di copywrite.

Offline Max90..

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Maschio
    • Mostra profilo
Re:Scritta fondo pagina e immagine
« Risposta #13 il: 28 Mar 2011, 12:44:06 »
e ma cosa devo mettere? puoi essere piu precisa?  :P

questo è il codice che ho:
Codice: [Seleziona]
<div class="inside"><div id="bottom"><p><img width="337" height="195" border="0" src="/templates/<?php echo $this->template ?>/images/footer.png" alt="TIEFFEcopy"><i>Copyright&copy; <?php echo date'2009 - Y' ); ?></i> |<b> TIEFFE</b> di Franco Trezzi</p></div></div>
<div id="freccia"><a href="#wrapper" onclick="scrollToTop();return false;"><img src="templates/<?php echo $this->template ?>/images/top.gif" alt="Torna Su"></a></div>

« Ultima modifica: 28 Mar 2011, 12:52:34 da Max90.. »

adottauncane

  • Visitatore
Re:Scritta fondo pagina e immagine
« Risposta #14 il: 28 Mar 2011, 15:24:22 »
No, non so com'è il tuo .php e non posso in ogni caso provare le modifice. (E non sono così brava da farlo a occhio  :)) Prova a spostarlo sopra un </div> alla volta finché non trovi la posizione giusta.

Offline Max90..

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Maschio
    • Mostra profilo
Re:Scritta fondo pagina e immagine
« Risposta #15 il: 28 Mar 2011, 16:15:59 »
cavolo non riesco proprio!!
non riesci a capirlo con firebug?

te lo dico perchè le ho provate di tutte..
adesso si sposta con la finestra però mi è ritornato sotto....
« Ultima modifica: 28 Mar 2011, 16:19:34 da Max90.. »

adottauncane

  • Visitatore
Re:Scritta fondo pagina e immagine
« Risposta #16 il: 28 Mar 2011, 16:25:22 »
Ma, mi sembra che adesso vada bene, basta correggere il css:

Codice: [Seleziona]
#freccia {
    margin-top: -35px !important;
    padding-left: 850px !important;
}
760.css (riga 1)
« Ultima modifica: 28 Mar 2011, 16:37:50 da adottauncane »

Offline Max90..

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Maschio
    • Mostra profilo
Re:Scritta fondo pagina e immagine
« Risposta #17 il: 28 Mar 2011, 16:32:25 »
Si infatti stavo ancora provando e ci sono riuscito prima che ho visto la risposta  :D

Grazie!!
è stata un agonia ma ce l'abbiamo fatta!
sei stata molto gentile !!

 



Web Design Bolzano Kreatif