 |
|
|||
Sezione del telaio dedicata alla realizzazione e |
||||
|
|
|||
..:: Table lavori... ::.. Alcuni esempi su come utilizzare le table per realizzare dei "box/accessori" in cui scrivere testi,menu o news da utilizzare nel proprio spazio web, se non lo avete già fatto, leggete gli altri tutorial sulle table, per le basi e le varie personalizzazioni che si possono fare nel codice * Iniziamo con una piccola table per scrivere dei pensieri, una poesia o una frase particolare Useremo una table con tre righe ognuna con una sola cella
Inseriamo i parametri base delle table, aggiungiamo quelli per per il bordo esterno e il font, quindi nei tag delle celle i parametri per il bordo e lo sfondo
Ecco come si visualizzerà la table, nella cella centrale, riservata al testo per la frase/poesia/ecc. ho impostato l'altezza height="100" non è indispensabile, la table "crescerà" in base al contenuto che si scriverà all'interno ma diventa necessario se si vuole occupare un determinato spazio, bisognerà poi regolarsi su quanto testo si potrà scrivere
Vediamo come realizzare una box news fantasiosa per il nostro spazioCi servirà una table con due righe e tre celle
Aggiungiamo i parametri per uno sfondo/table, il colore dei per i bordi, il colore per lo sfondo delle celle, posizione testo e ovviamente per il font
* Ed ecco il risultato
Per rendere più o meno visibile l'effetto dello sfondo table modifichiamo la misuradello spazio table/celle in cellpadding="8" cellspacing="8", possiamo inserire uno sfondoimmagine anche in una delle celle, attenzione però alle misure, il parametro background-image tiene conto delle misure dell'immagine e si ripete in base allo spazio in cui viene inserito cioè in base a cosa raffigura lo sfondo scelto si potrebbe visualizzare un'immagine intera e una a metà * Anche i parametri per bordi possono essere differenti fra loro sia per tipo che per colore
Se serve si può aggiungere lo scroll, semplice o colorato, nella cella per il testo,potete leggere il tutorial qui -> Table scroll
Ecco cosa si visualizzerà, qui lo scroll è semplice ma se volete vedere l'effetto qui l'ho colorato 
Table box news scroll colorato
Se occorre possiamo utilizzare più table, mettendone una dentro l'altraUn esempio con una table di tre righe/celle e nella cella centrale un'altra table di una riga e due celle
Un piccolo esempio di cosa si potrebbe realizzare
Ecco cosa ho aggiunto al codice iniziale, ho colorato il testo per evidenziare inizio e fine delle table, delle celle e degli accessori * Scrivendo lo style dei vari parametri per table e celle nei css/foglio di style, il codice ovviamente risulterà più "leggero" e ordinato
E per finire qualche esempio per dei box menu e/o linkSe ne possono realizzare di ogni tipo e necessità, arricchiti anche con degli script, tipo, data e ora, una frase/immagine al giorno, un saluto ecc. ecc. Lo style dei link sarà quello impostato per la pagina, a meno che non venga scritta una classe apposita nei css/foglio di style * Un box in stile vintage, una table divisa in tre celle per poter inserire un'immagine laterale, il titolo e il menu dotato di scroll # Il codice
* Un box menu più semplice ma con i link separati ognuno in una cella
# Il codice
Box menu "puccioso" realizzato in una table con una riga e due celle e un'altra table nella cella per il menu
# Il codice
* Un box menu così si può ovviamente realizzare anche con una sola table ma per avere lo stesso effetto sfondo/box menu, la misura in larghezza sarà più grande quindi dipende da quanto spazio abbiamo a disposizione
# Il codice sarà così, ho evidenziato i parametri che modificati permettono di ottenere lo stesso effetto del box sopra
Per quanto riguarda link e menu, vi invito a leggere i vari tutorial nella sezione
Script pageSpero di essere stata chiara in tutti i passaggi ^_^ Vi auguro buon lavoro ma sopratutto buon divertimento! Ciao alla prossima^^ Penelope ♥
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
✨ Apprezzato
|
.gif){kind=small}
Commentario...
un suggerimento o una critica ^_^
~ Pagina visitata da 4407 utenti
Segui il telaio su Facebook
* Info sezione...
Mi farebbe molto piacere la condivisione
dei 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 e utilità pagine web
html tag scrittura pagine web
- 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
- Testo scorrevole left
- Testo scorrevole up
- Textarea
Script per pagina
Script per gadget
Preleva anche tu una tag Help donna
Aiutami a diffondere il più possibile informazioni
utili alle donne vittime di abusi... Grazie!
Link del telaio...
| ೡ Il telaio di Penelope ☆ Template webset e blog ☆ Un sito su AlterVista ☆ Gif & co... |
I vostri messaggi...  Cris ~ 28/03/2026 18:34:53Ciao, sono passata per un salutino. Buon fine settimana! ૡScritto in Commenti telaio...  Angel ~ 21/03/2026 16:59:16Ho letto il tuo messaggio inizio pag. : "Codice marquee deprecato..." Io avevo sul mio sito frasi scorrevoli e ora sono ferme!! Non so più come fare... a inserire una frase scorrevole! Mi puoi aiutare? Grazie cmq Penelope. Grazie di tutte le tue meraviglie che crei. Buona domenica! ૡScritto in Home  ParisNeoni ~ 21/03/2026 10:33:31I've gone through presumably numerous articles on this same subject this month and none of them hit home the way yours did. There's a clarity here that's tough to fake. ૡScritto in Home  ૡPenelope ♥ ~ 19/03/2026 21:16:39Ciao cara Sari mi fa molto piacere  volevo lasciare un saluto da te ma il blog è privato quindi lo faccio qui, un abbraccio forte forte buon blog!ૡScritto in Calendari fiorellini  Sari ~ 19/03/2026 12:54:53Sono Sari di vocedivento e sto allestendo il mio blog pasquale. A questo scopo ho prelevato il calendarietto a fiorellini azzurri.Grazie, come sempre. Ciao ૡScritto in Calendari fiorellini  Cris ~ 16/03/2026 15:25:23Ciao. Ho preso un tuo Almanacco, è perfetto per il mio blog. Grazie! ૡScritto in Almanacco soft  Sabry ~ 10/03/2026 11:39:07Io ti adoro ... vorrei tanto essere brava come te, ti seguo da anni e rimango sempre affascinata dalla tua astuzia e bravura e creativitá ♥ Prendo spunti ♥ Grazie di ♥ ૡScritto in Sfondo pagina  Gabriella ~ 09/03/2026 18:37:40Ciao Penny, come sempre i tuoi lavori sono molto eleganti ,ne ho prelevato due per adesso ;) grazie ૡScritto in Decori pagine Primavera |
|
|
html & script Tutorial è online dal 2011 e dopo una lunga pausa ripartiamo da... 2 anno, 6 mesi, 15 giorni ೡ Copyright © Penelope 2008 - 2026 Tutti i diritti riservati www.iltelaiodipenelope.it |
|
|
 |
Buona domenica delle Palme, ho riscoperto il vostro forum e vi faccio i complimenti. Ho prelevato il codice di uno dei vostri saluti con data. Grazie a buon lavoro.