Descrizione che appare quando si passa sopra con il mouse Fri Aug 12, 2011 11:39 am
Pubblicato da: Spacca Spacca
 | Questo tutorial è offerto da FORUMATTIVO.COM All rights reserved to forumattivo inc. |
Descrizione che appare passando il cursore sopra ad una sezione
Per ottenere una finestra descrittiva simile a quella usata su Forumattivo andate nel:
Pannello di Controllo>Generale>Categorie e forum e selezionale il forum (sezione) dove volete applicare questo effetto.
Al posto del nome scrivete <no>, questo vi permetterà di nascondere il nome della sezione ma prima memorizzate il link al quale questo forum vi porta, vi servirà in seguito.
Dal Pannello ora vi apparirà un messaggio di errore in rosso, ignoratelo e non preoccupatevi, lo vederete solo dal Pannello di Controllo.
Nella descrizione inserite questo codice tra i tag <head> ed </head>:
- Code: ----------Selezionare il contenuto
<style type="text/css">
<!--
.navtext {
width:260px;
font-size:8pt;
font-family:verdana;
border-width:2px;
border-style:outset;
border-color:#006BAE;
background-color:#FFF6D9;
color:black;
}
-->
</style>
<script language="javascript" type="text/javascript" src="http://virtualdeejay.us/script/alttxt.js"></script>
ora aggiungete questo codice tra i tag <body> e </body>:
- Code: ----------Selezionare il contenuto
<div id="navtxt" class="navtext" style="visibility:hidden; position:absolute; top:0px; left:-400px; z-index:10000; padding:10px"></div>
ora aggiungete questo:
- Code: ----------Selezionare il contenuto
[url=ink del forum che avete memorizzato prima]Nome del forum(Sezione)[/url]
Se volete aggiungere un immagine con lo stesso effetto aggiungete in coda quest'altro pezzo di codice:
- Code: ----------Selezionare il contenuto
[url=link del forum che avete memorizzato prima][/url]
Le dimensioni della finestra sono personabilizzabili (come i caratteri) modificando i valori del codice in alto
- Code: ----------Selezionare il contenuto
width:260px; Larghezza della finestra
font-size:8pt; Dimensioni carattere
font-family:verdana; Tipo carattere
border-width:2px; Dimensioni del bordo della finestra
border-style:outset;
border-color:#006BAE; Colore del bordo della finestra
background-color:#FFF6D9; Dimensioni sfondo della finestra
color:black;
Attenzione:
E' uno script, se vedete che da problemi al forum non esitate a rimuovere il codice che metterete in fondo al vostro css in modo da recuperarlo velocemente.
Se invece volete aggiungere lo script solo come tale (per velocizzare la cosa) aggiungete come javascript da:
Pannello>Generale>I motori di ricerca>Aggiungere un javascript ed aggiungete questo:
- Code: ----------Selezionare il contenuto
<script type="text/javascript" src="http://virtualdeejay.us/script/alttxt.js">
</script>
e cancellate dal codice sopra scritto la parte:
- Code: ----------Selezionare il contenuto
<script language="javascript" type="text/javascript" src="http://virtualdeejay.us/script/alttxt.js"></script>
Il risultato sarà questo:
Tutoriale da :Virtual
Copyrigth © FORUMATTIVO.COM
Re: Descrizione che appare quando si passa sopra con il mouse Thu Sep 15, 2011 4:43 pm
Pubblicato da: /=\ i o n /=\ i o n
Advertising poster
Ciao,
Vuoi entrare nel nostro staff? è semplice segui le procedure illustrate
Vai al Seguente link (clicca) e segui i post guida
Mi raccomando! ti aspettiamo...
Lo staff d'animazione
Vuoi entrare nel nostro staff? è semplice segui le procedure illustrate
Vai al Seguente link (clicca) e segui i post guida
Mi raccomando! ti aspettiamo...
Lo staff d'animazione
Message [Page 1 of 1]
Profilo utente
Social
Messaggi privati
Soggetti controllati
Staff tools