Benvenuto su
Nando Gentile
Palermo, Italy
Nando Gentile
Palermo, Italy
Qui ti trovi nel sito italiano dove trovare notizie e curiosità (anche uniche) sul Lotto e passare il tempo in amicizia e cordialità
Accesso nº 27513343 di Venerdì 29 Marzo 2024 delle ore 08:35 Benvenuto Ospite.
Buon onomastico a: Jonah, Bertoldo (priore generale dei carmelitani)
Buon onomastico a: Jonah, Bertoldo (priore generale dei carmelitani)
Il dubbio, che da una parte è la tortura dell´intelletto, dall´altra è il padre della scienza e del diritto. (C. Bini)
N.B. Alcune pagine sono in costruzione e altre in allestimento (diciamo per precisione in Perfezionamento), ma Estrazioni, Ricerca, GuestBook, Calendario, News, Contattaci e tutto il resto funzionano perfettamente...
Purtroppo il Forum con PhpBB è stato vittima di malfunzionamenti imprevisti, perciò abbiamo deciso di rimuoverlo e di risciverlo noi di sana pianta, (in tempi brevissimi, lo pomettiamo), ma come avrai notato, intanto le estrazioni sono diventate molto più puntuali e lo saranno sempre di più...
Sito in Costruzione... ancora un pò di pazienza
E sempre Grazie per la vostra comprenione...
Visione di un Argomento
Visione Argomento CSS con JavaScript ?
Un breve tutorial sul linguaggio dei Css
Offline
Amministratore Fondatore
Palermo, Italy
Messaggi: 34
Registrato: 07 Dicembre 2005
Che bisogno c'è ?
Visto che adesso c'è la versione 3 dei CSS ?
Del resto basta saper dove mettere le mani, no ?
Visto che adesso c'è la versione 3 dei CSS ?
Del resto basta saper dove mettere le mani, no ?
I CSS (Cascading Style Sheets) (in italiano fogli di stile a cascata), servono per gestire tutto il layout di un sito Web.
Con i CSS è possibile intervenire sulla formattazione del testo, sulla visualizzazione delle pagine in modo semplice ed efficace.
I CSS sono una conoscenza fondamentale per qualsiasi webmaster.
Partiamo da qui con l'uso del Css...
Ci sono due modi per dotare di stile una pagina web.
Lo stile Integrato che è incorporato nella pagina html nella sezione tra i tags ltheadgt e lt/headgt.
Ecco un esempio di stile incorporato:
<!DOCTYPE html>
<html lang="it">
<head>
<title>Esempio di pagina Html</title>
<style type="text/css">
.box /* Dichiariamo la classe */
{
float: right; /* Si metterà sempre sulla destra della pagina */
font-size: 12px; /* Dimensione font 12 pixels */
color: blue; /* Colore del testo blu */
background-color: white; /* Colore dello sfondo bianco */
border: 1px outset blue; /* Bordo rialzato (Effetto tasto rialzato) */
}
.box:hover /* Creiamo ancora una classe */
{
border: 1px inset blue; /* Bordo incassato (Effetto tasto premuto) */
}
</style>
</head>
<body>
<div class="box">
Ciao a tutti !
</div>
</body>
</html>
Ed ecco il box:
Ciao a tutti !
Passate sopra con il mouse per vedere l'effetto tasto premuto.
I fogli di stile veri e propri che vengono collegati alla pagina mediante una istruzione
<link>
Questo invece è un esempio di foglio di stile esterno::
<!DOCTYPE html>
<html>
<head>
<title>Esempio di pagina Html</title>
<meta charset="utf-8">
<link rel="stylesheet" href="varie/style.css" type="text/css">
</head>
<body>
<div class="box">
Ciao a tutti !
</div>
</body>
</html>
Dove il box in questione è stato dichiarato nel file style.css che si trova nella dir "varie/" magari assieme a numerose direttive.
Dimenticavo di dire che quei segni strani all'inizio e alla fine di una frase erano tag di commento, in css equivalgono a: Apertura /* tutto quello che segue sarà ignorato fino al tag di chiusura */
Ecco un esempio di Box a scomparsa come quelli usati in questo sito nelle sezioni: GuestBook, Downloads, Trucchi, SitiAmici, News, Foto Curiose, Barze e Faq:
.box_a_scomparsa /* Creiamo la classe */
{
position: relative; /* Posizione relativa (cioè dove capita) */
margin: 2px 2px 2px 2px; /* Margini (distanza da sopra/destra/sotto/sinistra) 2 pixels */
padding: auto; /* Padding Automatico */
font-size: 12px; /* Dimensione Font 12 pixels */
line-height: 14px; /* Dimensione delle linee o distanza 14 pixels */
height: 28px; /* Dimensione 28 pixels cioè Visibilità di 2 linee di testo */
text-align: justify; /* Testo giustificato a sinistra */
color: blue; /* Colore testo blu */
background-color: #FFFFFF; /* Sfondo Bianco */
cursor: auto; /* Cursore del mouse */
cursor: pointer; /* Puntatore */
overflow: hidden; /* Tutto il testo dopo i 28 pixel resta nascosto */
border: 1px inset blue; /* Ci mettiamo un bordo blu per vedere meglio l'effetto */
}
.box_a_scomparsa:hover /* Questa classe si attiva non appena il mouse ci passa sopra */
{
cursor: hand; /* Cursore da manina... */
cursor: pointer; /* ...a puntatore */
height: auto; /* Dimensione automatica... */
overflow: auto; /* ...e con questo rivela tutto il testo che era nascosto */
}
A questo punto possiamo incorporarlo nelle pagine html in questo modo:
<div class="box_a_scomparsa">
Linea 01<br>
Linea 02<br>
Linea 03<br>
Linea 04<br>
Linea 05<br>
Linea 06<br>
Linea 07<br>
Linea 08<br>
Linea 09<br>
Linea 10<br>
</div>
E questo è il box finale.
Provate a passare sopra con il mouse e vedrete che magicamente al posto della freccia il cursore si trasformerà in una manina e il testo nascosto verrà rivelato.
Linea 01
Linea 02
Linea 03
Linea 04
Linea 05
Linea 06
Linea 07
Linea 08
Linea 09
Linea 10
Linea 02
Linea 03
Linea 04
Linea 05
Linea 06
Linea 07
Linea 08
Linea 09
Linea 10
Notate anche cosa succede al resto della pagina ;-)
Alla prossima !
Amo il computer a tal punto da averne fatto il mio mestiere
Primi Passi
Programmazione
Visione di un Argomento
Situazione Attuale Sito
Visitatori Totali finora 27513343 - In questo momento sono online 21 ospiti. di cui 0 Iscritti e 0 Nascosti
Ultima Estrazione Lotto n. 10410
Ultima Estrazione Superenalotto n. 3751
Concorso n. 50 di Giovedì 28 Marzo 2024
20 in Emozione Lotto - Estrazioni, 1 in Forum,
[ Basato sugli utenti attivi negli ultimi 5 minuti ]Ultima Estrazione Lotto n. 10410
Ultima Estrazione Superenalotto n. 3751
Concorso n. 50 di Giovedì 28 Marzo 2024
Ecco chi c'è nel sito adesso
Dom | Lun | Mar | Mer | Gio | Ven | Sab |
---|---|---|---|---|---|---|
01 | 02 | |||||
03 | 04 | 05 | 06 | 07 | 08 | 09 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
BACHECA
NEWS: È presente 1 New
IN RILIEVO DAL SITO: Chi Siamo ? ● Note Legali ● Condizioni ● Privacy ● Dona ● Mappa del sito
IN RILIEVO DAL FORUM: Annunci: Nota importante ! ● BBCode Cosa sono ? ● Emoticons Cosa sono ?
NEWS: È presente 1 New
IN RILIEVO DAL SITO: Chi Siamo ? ● Note Legali ● Condizioni ● Privacy ● Dona ● Mappa del sito
IN RILIEVO DAL FORUM: Annunci: Nota importante ! ● BBCode Cosa sono ? ● Emoticons Cosa sono ?
Goditi queste splendide immagini di Palermo e della sicilia in generale... Un click del mouse se le vuoi vedere meglio e la descrizione completa.
Galleria
Galleria
Nessun Compleanno oggi...
Iscritti connessi:
STATISTICHE
Sito: 17 messaggi dal GuestBook ● 1 New ● 1 messaggio dallo Staff ● 45 Iscritti Totali ● Ultimo Iscritto Tonio
Forums: Totale Messaggi 42 ● Categorie 8 ● Forums 14 ● Argomenti 42 ● Risposte 0
Sito: 17 messaggi dal GuestBook ● 1 New ● 1 messaggio dallo Staff ● 45 Iscritti Totali ● Ultimo Iscritto Tonio
Forums: Totale Messaggi 42 ● Categorie 8 ● Forums 14 ● Argomenti 42 ● Risposte 0