[RISOLTO] inserire triangolino basso destro

[alemic.it]

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:

Codice: [Seleziona]

#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:

Codice: [Seleziona]

<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]

[jqjo]

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.

[alemic.it]

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

[alemic.it]

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

[tonicopi]

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

Codice: [Seleziona]

<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

Codice: [Seleziona]

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

Codice: [Seleziona]

#triangolino_link {
text-decoration:none;
}

[alemic.it]

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

[tonicopi]

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..... 

[alemic.it]

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

[tonicopi]

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?

Codice: [Seleziona]

<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>

Codice: [Seleziona]

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

[alemic.it]

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