Accesso nº 7493662 di Venerdì 07 Maggio 2021 delle ore 15:53 Benvenuto Ospite.
Buon onomastico a: Benedetto II (papa), Virginia
A partire da una certa età, un pò per amor proprio, un pò per furberia, sono le cose che desideriamo di più quelle che fingiamo di non volere. (M. Proust)
  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 7493662 - In questo momento sono online 74 ospiti. di cui 0 Iscritti e 0 Nascosti
69 in Emozione Lotto - Estrazioni, 5 in Forum,
[ Basato sugli utenti attivi negli ultimi 5 minuti ]
Ultima Estrazione Lotto n. 9919
Ultima Estrazione Superenalotto n. 3260
Concorso n. 54 di Giovedì 6 Maggio 2021
Ecco chi c'è nel sito adesso
Iscriviti Iscrivitipolicy La Policymail Contattacidona DonaFaq Faq
messaggi 1
home Homeindice Indice ForumProgrammazioneIl primo sito WebLa Struttura CSS
Maggio 2021
DomLunMarMerGioVenSab
01
02030405060708
09101112131415
16171819202122
23242526272829
3031
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 ?
Buon Pomeriggio 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
Privacy Policy - Personalizza tracciamento pubblicitario