Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : alemic.it 05 Jun 2009, 09:04:23

: [RISOLTO] inserire triangolino basso destro
: alemic.it 05 Jun 2009, 09:04:23

come da oggetto ero curioso su come si potesse inserire un collegamento in quel modo anche di forme diverse, ma che rimane fermo come questo.
Grazie Alessandro

Inserisco i codici giusti per aggiungere il triangolino o una immagine nel posto descritto in foto
Da inserire nel file CSS di riferimento:

:

#triangolino {
bottom:0;
height:100px;
position:fixed;
right:0;
width:100px;
z-index:1000000;
}
#triangolino_link {
border:0 none;
outline-width:0;
text-decoration:none;
}
#triangolino_button {
background:transparent url(/images/angolare.png) no-repeat scroll 0 0;
cursor:pointer;
display:block;
height:100px;
width:100px;
}Poi il codice da inserire nella pagina HTML di riferimento:

:

<div id="triangolino">
<a id="triangolino_link" title="alemic.it" href="http://www.alemic.it">
<span id="triangolino_button"/>
</a>
</div>
A me funziona tutto in questo modo grazie a tutti.
Per vedere il risultato www.alemic.it

[allegato eliminato da un amministratore perchè più vecchio di 365 giorni]

: Re:inserire triangolino basso destro
: jqjo 05 Jun 2009, 09:29:33

basta posizionaro in manera assoluta, in pratica nel css
definisci
#come vuoi chiamare questo box{
position: fixed;
z-index:1000000; /*meglio abbondare*/
bottom: 0px;
right: 0px;}
in questo modo il box viene posizionato rispetto alla pagina e non rispetto al body, inoltre il livello del box e' superiore rispetto a tutti gli altri.

: Re:inserire triangolino basso destro
: alemic.it 05 Jun 2009, 09:33:40

nel css principale del template? mi fai un esempio di codice giusto? per il triangolino serve una imm vero?  grazie di tutto.

: Re:inserire triangolino basso destro
: alemic.it 05 Jun 2009, 11:49:03

Nessuno mi sa dare una risposta + precisa e magari un modulo o un plugin per fare la stessa cosa... e molto carina grazie

: Re:inserire triangolino basso destro
: tonicopi 05 Jun 2009, 15:04:11

Ma non ti aveva già risposto jqjo.
Questo è il div utilizzato per creare il triangolino di questo sito

:

<div id="triangolino"><a title="Mappati anche tu" href="http://www.joomla.it/mappa-utenti.html" id="triangolino_link"><span id="triangolino_button"/></a></div>e queste le corrispondenti regola nel css

:

#triangolino_button {
background:transparent url(../images/triangolino.png) no-repeat scroll 0 0;
cursor:pointer;
display:block;
height:100px;
width:100px;
}

:

#triangolino_link {
text-decoration:none;
} ;)

: Re:inserire triangolino basso destro
: alemic.it 05 Jun 2009, 21:30:08

creado ci sia un errore in quello che hai scritto visto che non si vede nulla e allunga la pagina in modo anomalo..... potresti vedere.. grazie troppo gentile    www.alemic.it

: Re:inserire triangolino basso destro
: tonicopi 05 Jun 2009, 22:14:34

Ma io ti ho postato il codice utilizzato per il triangolino di questo sito.
Non basta copiarlo nel tuo!
Ogni triangolino richiede le sue attenzioni.....  ;D

: Re:inserire triangolino basso destro
: alemic.it 05 Jun 2009, 22:43:05

si ovviamente ho cambiato l'immagine di riferimento ma non va! :(
il primo pezzo di codice va sulla pagina INDEX del sito, gli altri due sulla CSS in base al template che si usa... ma non funziona, allunga la pagina, vedo che lo collega perchè spunta la mano, ma non vedo l'immagine :(

: Re:inserire triangolino basso destro
: tonicopi 05 Jun 2009, 23:08:52

Fai qualche prova alemic.it
Non riesci a leggere il codice in questo sito?
Usi firebug?
Sei certo di aver creato le regole css nel giusto file?

:

<div id="triangolino"><a title="Mappati anche tu" href="http://www.joomla.it/mappa-utenti.html" id="triangolino_link"><span id="triangolino_button"/></a></div>

:

#triangolino {
bottom:0;
height:100px;
position:fixed;
right:0;
width:100px;
z-index:1000000;
}

: Re:inserire triangolino basso destro
: alemic.it 06 Jun 2009, 09:49:52

nel fili css red quello che uso nel template... almeno credo di si :)