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º 27514364 di Venerdì 29 Marzo 2024 delle ore 12:17 Benvenuto Ospite.
Buon onomastico a: Jonah, Bertoldo (priore generale dei carmelitani)
Buon onomastico a: Jonah, Bertoldo (priore generale dei carmelitani)
Un uomo non dovrebbe mai vergognarsi di confessare d´aver avuto torto, il che equivale a dire, in altre parole, che oggi è più saggio di ieri. (Swift)
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 La Struttura CSS
Cominciamo subito a creare la struttura del sito con i Css
Offline
Amministratore Fondatore
Palermo, Italy
Messaggi: 34
Registrato: 07 Dicembre 2005
Cominciamo subito con il correggere alcuni (si fa per dire) bug o comportamenti strani di Internet Explorer.
Poi passiamo ad impostare dei comportamenti automatici per alcuni tag html.
E finalmente per finire costruiamo la struttura vera e propria del sito che sarà con intestazione (Header), barra di navigazione (Navigation), due colonne (Una principale a Sinistra [Content] ed una secondaria a Destra [Aside]) e il Footer (Piede generalmente destinato al Copyright e altre info).
Cominciamo:
/* Bug e comportamenti di Internet Explorer */
UL, OL, DL { position: relative; }
CENTER, STRONG, TABLE, EMBED, a, a:hover, a:visited, a:visited:hover { display: inline; }
ADDRESS, BLOCKQUOTE, DIV, BODY, DD, DL, DT, FIELDSET, FRAME, FRAMESET, IFRAME, NOFRAMES, HR,
OBJECT, OL, UL, APPLET, DIR { display: block; }
/* Il tag <strong> è per evidenziare delle frasi o delle parole */
STRONG {
font-weight: bold; /* Grassetto */
color: red; /* colore rosso */
}
/* Questi sono per i titoli, sottotitoli, <h1> <h2> ecc...*/
h1 {
font-weight: bold; /* Grassetto */
display: inline; /* non va a capo */
font-size: 32px; /* (Carattere mo<o grande) */
text-align: center; /* testo centrato */
color: red; /* Colore rosso */
}
h2 {
font-weight: bold;
display: inline;
font-size: 24px; /* (Carattere grande) */
text-align: center;
color: blue;
}
h3 {
font-weight: bold;
display: inline;
font-size: 20px; /* (Carattere meno grande, ecc...) */
text-align: center;
color: blue;
}
h4 {
font-weight: bold;
display: inline;
font-size: 16px;
text-align: center;
color: blue;
}
h5 {
font-weight: bold;
display: inline;
font-size: 12px;
text-align: center;
color: blue;
}
h6 {
font-weight: bold;
display: inline;
font-size: 8px;
text-align: center;
color: blue;
}
/* La linea separatrice <HR> */
hr {
width: 90%; /* il 90 per cento delle larghezza della pagina */
height: 2px; /* spessore due pixel */
color: red;
}
/* Questo è per i tag <img> le immagini */
IMG {
display: inline; /* non va a capo */
border: none; /* Nessun bordo */
z-index: 1; /* Sempre in primo piano */
}
/* E finalmente passiamo a definire la struttura del sito */
#container /* Questo è il contenitore principale */
{
margin: 16px 16px 16px 16px; /* 16 pixels da tutti i bordi del browser */
min-width: 900px; /* Larghezza minima 900 pixels */
background-color: #FFFFFF; /* oppure with che significa sempre bianco */
border: 2px solid blue; /* spessore 2 pixels */
border-radius: 16px; /* Bordo arrotondato */
}
#header /* La testa */
{
margin: auto; /* Margini automatici */
text-align: center
border-bottom: 1px solid blue; /* solo bordo inferiore */
}
#navigation /* La barra di navigazione (Il menù) */
{
clear: both;
margin: auto;
padding: 4px 8px 4px 8px;
background-color: lime; / Verde chiaro marcato */
border-bottom: 1px solid blue;
}
#navigation a /* Link o Ancora */
{
margin: auto;
padding: 3px 8px 4px 8px; /* all'interno dei bordi ci sono 3 pixels da sopra, 8 pixels da sinistra,
4 pixels dal bordo inferiore e 8 pixels da destra */
display: inline;
color: #FFFFFF;
text-decoration: none; /* Nessuno stile per il testo */
}
#navigation a:hover /* Link col mouse sopra */
{
background-color: #383;
}
#content /* Il corpo della pagina */
{
margin: auto;
padding: 8px 8px 8px 8px;
float: left; /* A sinistra */
width: 75%; /* Il 75 per cento della pagina */
border-right: 1px solid blue; /* Solo bordo destro */
}
#aside /* La zona laterale a destra */
{
float: right; /* A destra */
width: 20%; /* Il 20 per cento della pagina */
margin: 0 20px 0 0;
}
#footer /* Il piede della pagina */
{
clear: both; /* Nient'a<ro prima di questo */
text-align: center;
border-top: 1px solid blue; /* Solo bordo superiore */
}
Adesso salviamo lo script come style.css nella stessa cartella dove salveremo anche tutto il resto da ora in poi.
E con questo è tutto la prossima fase è quella di preparare la pagina html...
Alla prossima !
Amo il computer a tal punto da averne fatto il mio mestiere
Il primo sito Web
Programmazione
Visione di un Argomento
Situazione Attuale Sito
Visitatori Totali finora 27514364 - In questo momento sono online 34 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
33 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