Menů link veloci fisso sullo schermo con grafica di Windows 7

« Older   Newer »
  Share  
view post Posted on 14/6/2009, 11:57     +1   -1
Avatar


Group:
Infolab User
Posts:
12,476

Status:


Attenzione: Non č compatibile con Internet Explorer

Anteprima: http://menulinkwin7.forumfree.net/

Cosa ci serve?

  1. Photoshop

  2. Conoscere le basi di HTML


1 - Come prima cosa andate in image Gestione codici HTML e incollate:
HTML
<!--[if !IE]>-->
<div style="position:fixed; left:25%; width: 50%; bottom:0px; overflow:visible;">
<img src="http://i41.tinypic.com/5e7af4.png"><img src="http://i43.tinypic.com/f3vqj4.png"><img src="http://i40.tinypic.com/dwrhaf.png">
</div>
<!--<![endif]-->

N.B.: Per centrarlo nello schermo alla perfezione bisogna modificare i valori left:25%; width: 50%; in questo modo:
In questo caso modifica 50% per stabilire la larghezza del div, successivamente modifica 25% seguendo questa regola
(100-width) / 2
In questo caso width č 50, quindi (100-50) / 2 = 25.
Ringrazio ~ DarkStyle per questo passaggio

Come noterete in fondo allo schermo inizierŕ a "formarsi" il menů.


2 - Prendete l'immagine centrale cioč questa e apritela con photoshop.

3 - Incollate la vostra immagine sopra e salvatela.


4 - Fate tasto destro sull'immagine da voi scelta e fate: Opzioni di Fusione -> Bagliore Esterno e settate a piacere.


Ora torniamo in image Gestione codici HTML e incolliamo il seguente codice tra le immagini di destra e sinistra del nostro menů:
HTML
<a href="LINK"><img src="IMMAGINE_SENZA_ILLUMINAZIONE" onmouseover="this.src='IMMAGINE_CON_ILLUMINAZIONE'" onmouseout="this.src='IMMAGINE_SENZA_ILLUMINAZIONE'"></a>

Mettete tale codice tante volte quanto i numeri dei link che volete.

Abbiamo finito ;)

Tutorial di Massimo™, vietata la copia del tutorial senza il mio permesso.
 
Contacts  Top
view post Posted on 15/6/2009, 08:13     +1   -1


Group:
Infolab Staff
Posts:
12,311

Status:


Altro bel tutorial, bravissimo. :sisi:
 
Top
1 replies since 14/6/2009, 11:57   99 views
  Share