 |
|
|||
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 ♥
|
|
.gif){kind=small}
Commentario...
|
Scrivi qui per lasciare un saluto, una richiesta di aiuto, un suggerimento o una critica ^_^ |
~ Pagina visitata da 2744 utenti
H:
Buon Autunno
e ...buon weekend!
Segui il telaio su Facebook
* 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 ::..
- Box effetto rilievo
- Basi CSS pagina web
- CSS elemento div
- CSS div struttura sito
- CSS sito responsive Flexbox
- CSS table
- CSS table struttura sito
- CSS file esterno
- Cbox - Chat per brevi messaggi
- Cbox - Theme editor
- Cursore
- Font personalizzato nel sito...
- Iframe per accessori e gadget
- Iframe per sito web
- Immagini
- Ipertesto - Link
- Link style
- Link ancora o interno
- Marquee
- Marquee speciali
- Marquee javascript
- Sfondo pagina
- Table basi e style
- Table sfondo
- Table scroll
- Table lavori
- Testo, font e personalizzazioni
- Textarea
..:: Script page ::..
..:: Script gadget ::..
Accessori e gadget del telaio...
- Adottini e mascottine
- Almanacco
- Bottoni top pagina
- Blogger Post e commenti
- Countdown Natale
- Calendari
- Datari con saluto
- Data e ora
- Decori pagine web
- Favicon
- Mini cursori
- Orologi
- Regala una rosa...
- Stagione attuale
- Settimanelli
- Settimanelli Natale
- Salutini in pixel
- Tag dell'umore
- Time e news
- Tag grafiche
..Natale menu..
ೡ Istruzioni per prelevare e postare
nel proprio spazio accessori e gadget del telaio
|
Sito o forum Blogger-Blogspot |
 |
Spazio web...
Realizzare e gestire un sito web
nell'hosting free più famoso...
Materiale grafico
Gif, mini gif, pixel, immagini, png...
Tutto il materiale grafico che ti serve,
raccolto e messo a tua disposizione!
I vostri messaggi...
|
|
un abbraccio
, ho preso un decoro per l'home natalizia ♥
♥♥ |
html & script Tutorial è online dal 2011 e dopo una lunga pausa ripartiamo da... 2 anno, 2 mesi, 20 giorni ೡ Copyright © Penelope 2008 - 2025 Tutti i diritti riservati www.iltelaiodipenelope.it |
|
|
 |