title colorato

duh

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.

Game of Thrones ↗
Pronto a diventare il Signore dei Sette Regni? Guida la tua grande casata in epiche battaglie PvP ed esplora il mondo di Westeros!

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

Lineage II ↗
Entra in uno sconfinato mondo fantasy dominato da razze in contrasto tra loro. Scatena i tuoi poteri in uno dei Mmo più famosi al mondo!

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

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

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.

Ikariam ↗
Su una piccola isola, in qualche parte del Mediterraneo, sorge un`antica civiltà. Sotto la tua guida inizia un`era di ricchezza e di scoperte!

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.