title colorato

title colorato postato il 10/11/2008 22:02:28 nel forum programmazione, gdrcd, open source, hosting e modificato da duh il 10/11/2008 22:03:07

Salve a tutti =) Sempre io a rompere, cercavo sul web il modo per rendere il title dei link alle mappe colorato, ovvero nella mappa quando si passa con il mouse vicino alla locazione il title dovrebbe venire con uno sfondo e testo a scelta.

<style>

</style>
<body background="sfondo.jpg">
<center>
<img src="mappadraconia.jpg" border="0" usemap="#Map">
<map name="Map">
<area href="main.php?Dir=2" shape="rect" coords="115,254,157,294"" onMouseover="EnterContent('Spiegazione','DESERTO: Prova'); Activate();" onMouseout="deActivate();">
</map>

Avevo provato con qualcosa del genere...ma con nessun risultato, il title non esce proprio.

Crossout ↗
Tuffati nel mondo di Crossout, il gioco MMO d'azione post apocalittico! Costruisci le tue speciali macchine da combattimento!

quota

Pagine → 1

lela

SCRIVI

10/11/2008 22:12:17 e modificato da lela il 10/11/2008 22:12:36

devi dare il name all'area mi sembra °_°

❤️ ˜ Raffaela ˜❤️
https://www.facebook.com/Cippi.and.Friends.polletti.fumetti ↗ -> piacciateci su fb

quota

blancks

SCRIVI

11/11/2008 00:56:19

il title non puoi farlo colorato.

Puoi invece fare una div che si apre al passaggio del mouse su quell'area e puoi adottare sia solamente i css che avvalerti dell'uso di un po di javascript.

Se cerchi bene su html.it è spiegato passo per passo il procedimento per ottenere entrambe le cose ;-)

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

duh

SCRIVI

11/11/2008 11:37:55

blancks ha scritto: il title non puoi farlo colorato.

Puoi invece fare una div che si apre al passaggio del mouse su quell'area e puoi adottare sia solamente i css che avvalerti dell'uso di un po di javascript.

Se cerchi bene su html.it è spiegato passo per passo il procedimento per ottenere entrambe le cose ;-)

Ti ringrazio, cercherò 🙃

Enlisted ↗
Guida la tua squadra di soldati in combattimenti su larga scala, con fanteria, veicoli corazzati e aerei della IIa Guerra Mondiale!

quota

xenom

SCRIVI

11/11/2008 16:23:00

black ha scritto: Esattamente. La proprietà "style.visibility = 'hidden'|'visible'" di un elemento HTML permette di agire sulla visibilità da javascript, quindi se vogliamo fare in modo che un div appaia e scompaia al passaggio del mouse su un link ci basterà recuperarlo con una getElementById("nome") ed agire sulla proprietà di stile-visibilità con un evento onMouseOver.

Inutile dire che se non capisci alcunchè di quello che ho scritto, forse è meglio dedicarsi ad altro che alla creazione di siti web...almeno finchè non ci sia un po' di studio a monte u.u comunque, questo è un buon punto di aprtenza per cercare su google notizie al riguardo.

Tanto per: si può agire tramite javascript anche su la proprietà style.display ed impostarla a none|block per ottenere più o meno lo stesso effetto.

Storie di Agarthi ↗
Un Varco si apre davanti a te, un mondo tra i mondi è a portata di mano. Lasciati alle spalle le certezze, inizia l'avventura!

quota

duh

SCRIVI

11/11/2008 19:06:52

Ho trovato ciò che voglio con il seguente codice:
<a href="main.php?Dir=2" target="_top" class="screenshot" rel="cssg_screenshot.jpg" title="Bosco">Link</a>

Il problema che se l'associo ad una chat con coordinate non funziona:
<area shape="rect" coords="115,254,157,294" href="main.php?Dir=2" target="_top" class="screenshot" rel="cssg_screenshot.jpg" title="Bosco">

Nel secondo caso esce il title normale, nel primo caso invece esce un'anteprima dell'immagine del bosco seguita dal title.