Come fare un cursore in HTML

May 31

Come fare un cursore in HTML


Creare il proprio blog o sito web è un modo ideale per condividere i tuoi pensieri e idee con chiunque nel mondo. Avere uno sguardo aggiornato e moderno per il vostro sito web è un modo per guadagnare nuovi fan e mantenere fedeli visitatori a tornare. Cambiare il cursore del mouse utilizzando HTML durante la navigazione il sito è possibile senza una conoscenza approfondita di programmazione. Un cursore diverso darà al vostro sito web un margine creativo rendendo memorabile pure.

istruzione

1 Aprire la pagina principale del tuo sito web, o la pagina in cui si desidera aggiungere un cursore HTML. Se attualmente si utilizza CSS (fogli di stile) e Style include, utilizzando la pagina principale o la pagina web con le informazioni "header" funziona meglio quando si utilizza il cursore HTML per tutta la pagina intera al contrario di una pagina alla volta.

2 Passare alla riga sotto "<head>" nel file che si sta modificando e digitare:

"<Style type =" text / css ">

.Auto {cursore: auto}

.default {cursore: default}

.text {cursore: text}

.help {cursore: help}

.pointer {cursor: pointer}

.e-ridimensionamento {cursore: e-ridimensionamento}

.ne-ridimensionamento {cursore: ne-ridimensionamento}

.nw-ridimensionamento {cursore: NW-ridimensionamento}

.N-ridimensionamento {cursore: n-ridimensionamento}

.it-ridimensionamento {cursore: se-ridimensionamento}

.SW-ridimensionamento {cursore: sw-ridimensionamento}

.s-ridimensionamento {cursore: s-ridimensionamento}

.w-ridimensionamento {cursore: w-resize}

.wait {cursore: aspettare}

.crosshair {cursore: mirino}

.Portare {cursore: spostare}

.myownimage {cursore: URL (http://www.MYIMAGEURL.COM), auto}

.progress {cursore: il progresso}

</ Style> "

prima della chiusura "</ head>" tag per includere le opzioni del cursore all'interno dell'intestazione e lo stile del tuo sito web. Compresi tutti i cursori HTML disponibili consentirà facilità di cambiare il tipo di cursori che si desidera visualizzare tutto il vostro sito web - anche se solo i codici cursore si prevede di utilizzare sono necessari nella codifica. Se si desidera utilizzare solo il cursore "help" (la clessidra), il codice funziona quando è entrato come:

"<Style type =" text / css ">

.help {cursore: help}

</ Style> "

come sarà solo aggiungere l ' "aiuto" di classe cursore nel foglio di stile della tua pagina web.

3 Continuare a modificare la tua pagina, l'aggiunta di tag HTML aggiuntivi per evidenziare le intestazioni (con H1, H2 e tag grassetto) insieme con altri elementi HTML che si desidera all'interno della pagina prima di completare la codifica con il cursore personalizzato.

4 Aggiungere la classe cursore le righe di codice HTML in cui si desidera avere il cursore visibile nella tua pagina web. Se si dispone di un colpo di testa (tag H1), il codice HTML per includere il passaggio del mouse cursore può apparire come: "<h1 class =" help "> il testo qui </ h1>". Sostituire "il testo qui" con il testo di intestazione di vostra scelta. Quando si passa l'intestazione, apparirà il cursore "aiuto".

5 Sostituire "aiutare" all'interno del codice per adattare il cursore di vostra scelta.

6 Salvare e caricare il nuovo file pagina Web, sovrascrivendo la versione precedente del file usando un programma FTP o un file uploader host web.

7 Visualizzare il sito web dal vivo per vedere le nuove modifiche con gli effetti del cursore HTML sui tag specifici nel vostro codice.