Accesso nº 3924758 di Domenica 29 Novembre 2020 delle ore 00:14 Benvenuto Ospite.
Buon onomastico a: Francesco Antonio Fasani, Saturnino
Giustizia senza prudenza può molto, ma prudenza senza giustizia non vale a nulla. (Cicerone)
  Password dimenticata ?     Ricordami       Accedi Invisibile
Ricerca Avanzata  
Iscriviti Iscrivitipolicy La Policymail Contattacidona DonaFaq Faq
messaggi 1
home Homeindice Indice ForumProgrammazioneIl primo sito WebLa Struttura CSS
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
costruzione
E sempre Grazie per la vostra comprenione...
Visione di un Argomento
Visione Argomento La Struttura CSS
Da Nando_56
Di Giovedì 25 Ottobre 2007 00:00
Risposte: 0
Argomenti: 5
Forums: 2
Da Nando_56
Di Giovedì 25 Ottobre 2007 13:49
Risposte: 0
Argomenti: 3
|◄ Trovati 3 Argomenti, Argomento:
2
di 3.   01 02 03 ►|
Da Nando_56
Di Lunedì 13 Marzo 2017 18:49
Risposte: 0
Letture: 0
Aperto
Cominciamo subito a creare la struttura del sito con i Css
Offline
avatar
Amministratore Fondatore
Palermo, Italy
Messaggi: 34
Registrato: 07 Dicembre 2005
  Costruiamo il Layout del nostro sito.

  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 !
|◄ Trovati 3 Argomenti, Argomento:
2
di 3.   01 02 03 ►|
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 3924758 - In questo momento sono online 121 ospiti. di cui 0 Iscritti e 0 Nascosti
108 in Emozione Lotto - Estrazioni, 1 in GuestBook, 12 in Forum,
[ Basato sugli utenti attivi negli ultimi 5 minuti ]
Ultima Estrazione Lotto n. 9851
Ultima Estrazione Superenalotto n. 3192
Concorso n. 125 di Sabato 28 Novembre 2020
Ecco chi c'è nel sito adesso
Iscriviti Iscrivitipolicy La Policymail Contattacidona DonaFaq Faq
messaggi 1
home Homeindice Indice ForumProgrammazioneIl primo sito WebLa Struttura CSS
Novembre 2020
DomLunMarMerGioVenSab
01020304050607
08091011121314
15161718192021
22232425262728
2930
BACHECA
NEWS:   È presente 1 New

IN RILIEVO DAL SITO: chi Chi Siamo ?nole Note Legalicond Condizionitdp Privacydona Donamap Mappa del sito

IN RILIEVO DAL FORUM: Annunci: Nota importante !BBCode Cosa sono ?Emoticons Cosa sono ?
Felice Notte Ospite (Visitatore)
Puoi Leggere Tutto.
Ma non puoi C/R/M/S/E Nulla.
Passa sopra le lettere con il puntatore del mouse per la legenda...
I BBCode sono Attivi.
Le Emoticons sono Attive.
Goditi queste splendide immagini di Palermo e della sicilia in generale... Un click del mouse se le vuoi vedere meglio e la descrizione completa.
Immagine:0Immagine:1Immagine:2GalleriaImmagine:3Immagine:4Immagine:5
Auguri   Nessun Compleanno oggi...
  CHI C´È IN LINEA
  Record di utenti connessi: 3837 registrato Lunedì 28 Ottobre 2019 20:30
  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