Descrizione che appare passando il mouse sopra ad una sezione

2 partecipanti

Astuzia Descrizione che appare passando il mouse sopra ad una sezione

Messaggio Da VIRTUALDEEJAY Gio 11 Nov 2010 - 19:26

Descrizione che appare passando il mouse sopra ad una sezione


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


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

Codice:

<div id="navtxt" class="navtext" style="visibility:hidden; position:absolute; top:0px; left:-400px; z-index:10000; padding:10px"></div>

ora aggiungete questo:

Codice:

[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:
Codice:

[url=link del forum che avete memorizzato prima][img]link dell'immagine[/img][/url]

Le dimensioni della finestra sono personabilizzabili (come i caratteri) modificando i valori del codice in alto
Codice:

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

<script type="text/javascript" src="http://virtualdeejay.us/script/alttxt.js">
</script>

e cancellate dal codice sopra scritto la parte:
Codice:

<script language="javascript" type="text/javascript" src="http://virtualdeejay.us/script/alttxt.js"></script>

Il risultato sarà questo:

Descrizione che appare passando il mouse sopra ad una sezione Script1

Descrizione che appare passando il mouse sopra ad una sezione Script2


Tutoriale da :Virtual
Copyrigth © FORUMATTIVO.COM


VIRTUALDEEJAY
VIRTUALDEEJAY
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 53
Messaggi : 4014
Località : Parma (PR)

http://www.virtualdeejay.net
VIRTUALDEEJAY è stato ringraziato dall'autore di questo topic.

Astuzia Re: Descrizione che appare passando il mouse sopra ad una sezione

Messaggio Da Spacca Ven 12 Nov 2010 - 18:13

mitico!
grazie VIRTUAL
Spacca
Spacca
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 28
Messaggi : 3004
Località : Varese

https://www.openstudio.one
Spacca è stato ringraziato dall'autore di questo topic.

Astuzia Re: Descrizione che appare passando il mouse sopra ad una sezione

Messaggio Da VIRTUALDEEJAY Ven 12 Nov 2010 - 19:19

Grazie Spacca,
è stato fatto un pò in fretta e sicuramente si può migliorare, ma è un idea Very Happy

Bye
VIRTUALDEEJAY
VIRTUALDEEJAY
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 53
Messaggi : 4014
Località : Parma (PR)

http://www.virtualdeejay.net
VIRTUALDEEJAY è stato ringraziato dall'autore di questo topic.

Astuzia Re: Descrizione che appare passando il mouse sopra ad una sezione

Messaggio Da Spacca Ven 12 Nov 2010 - 19:22

si si!
sei bravissimo!

sei sempre stato il mio idolo!
Spacca
Spacca
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 28
Messaggi : 3004
Località : Varese

https://www.openstudio.one
Spacca è stato ringraziato dall'autore di questo topic.

Astuzia Re: Descrizione che appare passando il mouse sopra ad una sezione

Messaggio Da VIRTUALDEEJAY Gio 20 Gen 2011 - 22:31

Buonasera a tutti,
su segnalazione di un mio Amministratore vorrei integrare questo breve Tutorial a quello da me già proposto per ovviare a una
pecca del sistema di moderazione dovuto a un errore (voluto) sul PdA sopra descritto.

Come descritto:
VIRTUALDEEJAY ha scritto:...Dal Pannello ora vi apparirà un messaggio di errore in rosso, ignoratelo e non preoccupatevi, lo vederete solo dal Pannello di Controllo....

Questo errore genera un altro problema e cioè questo nel menù a tendina dal pannello di moderazione nel caso voi voleste spostare o unire un argomento:

Descrizione che appare passando il mouse sopra ad una sezione Mod110

Come
vedete, nel menù a tendina di moderazione, alcuni titoli non sono visibili
proprio a causa di questo effetto che ho voluto di proposito.

Quindi il consiglio è di aprire parallelamente un'altra pagina così vedrete l'esatta corrispondenza dei Titoli non visibili
Descrizione che appare passando il mouse sopra ad una sezione Mod210

Vi risulterà più semplice quindi spostare o unire gli argomenti.

Bye

Descrizione che appare passando il mouse sopra ad una sezione Mostroforumattivo Per domande o chiarimenti Gestire l'aspetto del forum
VIRTUALDEEJAY
VIRTUALDEEJAY
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 53
Messaggi : 4014
Località : Parma (PR)

http://www.virtualdeejay.net
VIRTUALDEEJAY è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.