 |
|
|||
Sezione del telaio dedicata alla realizzazione e |
||||
|
|
|||
..:: Link style ::.. Di default i link sono di colore blu e hanno la sottolineatura, basterà inserirenello stile (css/foglio di stile) specifici parametri per stabilirne il font, il colore, la misura e altri piccoli accorgimenti che non solo li renderanno omogenei al resto della pagina, ma ci permetteranno di renderli visibili nel modo giusto. I link devono essere visibili affinché sia facile per chi naviga capire quali pagine visitare, per quanto in genere si stabiliscono degli spazi per inserire dei menu come indici di navigazione è consigliabile scriverli con un colore diverso da quello del testo, e visto che ne abbiamo la possibilità, li possiamo fare in modo che cambino colore quando son stati già visitati^^ Voci parametri link
Ad ognuno di questi parametri possiamo dare uno style attraverso la scrittura delle classi css. Vediamo una base che non avrà bisogno di richiami nella pagina, si attiverà in automatico alla scrittura dei link (<a href="https://url pagina">Nome Link</a>)
In questo modo abbiamo scritto la base per lo style dei link,possiamo aggiungere altri parametri per personalizzarli e renderli più visibili * I link di default oltre ad avere il tipico colore blu si visualizzano con la sottolineatura, per eliminarla basterà inserire nelle varie classi dei parametri link: text-decoration:none;- Possiamo utilizzare altre "decorazioni" magari solo per dare un effetto particolare ad uno o più parametri inserendo nella classe desiderata:
Esempio di decorazione del testo nel parametro "hover" || Prova Link || * Possiamo personalizzare l'aspetto del cursore al passaggio del mouse, in genere si utilizzano nella classe "hover" per evidenziare appunto la presenza del link, passate sopra il testo del parametro per vedere l'effetto
Un altro effetto che generalmente si usa per "hover" è uno sfondo colorato o grafico che si visualizzerà al passaggio del mouse sul link
Possiamo scrivere più classi di style per i link e poterle richiamare in base alle esigenze,quindi una classe base per i vari link che verranno scritti nella/e pagina/e e altre apposite per dei menu o dei link che hanno bisogno di essere messi in evidenza  Esempio classe per i link di un menu
E' possibile scrivere lo style direttamente nel link, scelta consigliata solo per delle eccezioni
Link con testo e cursore diverso... prova^^
Per descrivere o dare un'anteprima di cosa si visualizzerà all'apertura di un linkci sono tanti fantasiosi script, ne trovate alcuni nella sezione "Script page" ^_^ ma se volete qualcosa di semplice, che non appesantisca le pagine ma al contrario torni utile in termini di indicizzazione nei motori di ricerca potete inserire nei link il parametro "title" <a title="Testo descrivi link "href="https://url pagina">Nome Link</a> Poggia il mouse su questo link con descrizione ^_^ Per concludere solo un piccolo consiglio... non esagerate con gli "effetti"fate in modo che siano in linea con il resto della pagina e non creino confusione piuttosto che aiutarvi a rendere il vostro spazio semplice da navigare^^ Spero di essere stata chiara in tutti i passaggi ^_^ Vi auguro buon lavoro ma sopratutto buon divertimento! Ciao alla prossima^^ Penelope ♥ ೡ Dai un giudizio a questa guida... Grazie ^_^
- Pagina visitata da 1919 utenti |
* Info sezione...Mi farebbe molto piacere la condivisionedei miei tutorial ma vi sarei anche molto grata se evitaste di fare copia e incolla su altri spazi del mio lavoro, linkate le pagine, avvisatemi ricambierò senza problemi. Grazie ♥ ..:: Basi ::.. ..:: html ::.. ..:: Script page ::.. ..:: Script gadget ::..
..: Spazio web... Realizzare e gestire un sito web con l'hosting free più famoso...  
|
.gif){kind=small}
I vostri messaggi...
|
Referer... 
|
Penelope
ti ringrazio anche per aver aggiunto informazioni molto utili
|
html & script Tutorial è online dal 2011... e dopo una lunga pausa ripartiamo da... 18 giorni ೡ Copyright © Penelope 2008 - 2023 Tutti i diritti riservati www.iltelaiodipenelope.it |
|
|
 |