Warning: include(../../header_telaio.php): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\sito_in_table\style.php on line 34

Warning: include(): Failed opening '../../header_telaio.php' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\sito_in_table\style.php on line 34


  H:
Buon Inverno !




Warning: include(../../path.php): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\sito_in_table\style.php on line 45

Warning: include(): Failed opening '../../path.php' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\sito_in_table\style.php on line 45

ೡ Sito web realizzato con le table ~ Rifinire lo style css

Per il momento nel nostro style, sono presenti solo i parametri per il body,
per le table e le celle che abbiamo utilizzato per il nostro contenitore e qui urge fare un'essenziale
passo indietro riguardo il font, cioè, come scegliere il tipo di scrittura da utilizzare nel sito,
per cui vi invito a leggere le due guide scritte in proposito Testo e Font personalizzato nel sito

Detto ciò, riprendiamo il nostro style, sistemiamo il font scelto e aggiungiamo altri parametri,
per la visualizzazione dei link, il testo per i titoli o scritte che necessitano di una maggior visibilità.

- Facciamo le cose con ordine affinché poi ci sia facile in caso di aggiornamenti
sapere dove andare a mettere le mani, quindi andremo a scrivere sotto ai parametri del body,
altre classi che riguardano le personalizzazioni valide per l'intera pagina

<style type="text/css">
body {background-image: url('images/jpg/0_7ced7_b1901644_L.jpg');
text-align:center;
font-family : "Verdana";
color : #4c412c;
font-size : 11px;
}
/* Titoli - Titoletti */
h1,h2{margin: 1em 0 0; color: #4c412c;}
h1{margin-bottom: 5px;font-size:110%}
h2{margin-bottom: 5px;font-size: 90%;text-align:center;
}
 /* Link */
a:link {
text-decoration: none;
cursor:nw-resize;
font-family : "Verdana";
font-size : 11px;
color:#80464a;
}
a:visited {
text-decoration:none;
cursor:nw-resize;
font-family : "Verdana";
font-size : 11px;
color:#826d59;
}
a:hover {
text-decoration: line-through;
color: #c5a363;
}
a:active {
font-family : "Verdana";
font-size : 11px;
color: #e27878;
}
 [...]
</style>


- Con questi nuovi parametri, tutti i link che scriveremo nella pagina si visualizzeranno
con le caratteristiche stabilite, quando invece dobbiamo scrivere un titolo o una scrittina
che risalti rispetto al resto ci basterà richiamarne la classe:

<h1>Questo è un titolo!</h1>

<h2>Questo è un titoletto!</h2>

E questi sono i parametri "base" necessari in una pagina web, ovviamente ne possiamo aggiungere altri
per esigenze specifiche, per esempio, se vogliamo far visualizzare diversamente dai parametri base,
dei link, basterà scrivere l'apposita classe e richiamarla quando li andremo a scrivere nella pagina.

Codice completo... clicca per visualizzare *_*

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Prova_1</title>

<style type="text/css">
body {background-image: url('images/jpg/0_7ced7_b1901644_L.jpg');
text-align:center;
font-family : "Verdana";
color : #4c412c;
font-size : 11px;
}
h1,h2{margin: 1em 0 0; color: #4c412c;}
h1{margin-bottom: 5px;font-size:110%}
h2{margin-bottom: 5px;font-size: 90%;text-align:center;
}
a:link {
text-decoration: none;
cursor:nw-resize;
font-family : "Verdana";
font-size : 11px;
color:#80464a;
}
a:visited {
text-decoration:none;
cursor:nw-resize;
font-family : "Verdana";
font-size : 11px;
color:#826d59;
}
a:hover {
text-decoration: line-through;
color: #c5a363;
}
a:active {
font-family : "Verdana";
font-size : 11px;
color: #e27878;
}
table.base_bordo1{
border:0px;
background-image: url('images/Texture_Gold_2_Lorette_Creations.jpg');
text-align:center;
margin-left:auto;
margin-right:auto
}
td.base_sfondo{
border:0px;
background-image: url('images/0_7ebbc_311590e4_L.jpg');
text-align:center;
}
td.base_colore{
border:0px;
background-color: #e2d1ba;
text-align:center;
font-family : "Verdana";
color : #4c412c;
font-size : 11px;
}
table.invisibile{
border:0px none;
text-align:center;
font-family : "Verdana";
color : #4c412c;
font-size : 11px;
margin-left:auto;
margin-right:auto
}
td.bordo_bottom{
border-bottom:1px dotted #4c412c;
text-align:center;
font-family : "Tahoma";
color : #4c412c;
font-size : 10pt;
}
td.bordo_left{
border-left:1px dotted #4c412c;
text-align:center;
font-family : "Verdana";
color : #4c412c;
font-size : 11px;
}
td.bordo_top{
border-top:1px dotted #4c412c;
text-align:center;
font-family : "Verdana";
color : #4c412c;
font-size : 11px;
}
</style>

</head>

<body>

<table class="base_bordo1" cellpadding="20" cellspacing="3" width="950">
<tr>
<td class="base_sfondo">
<table class="base_bordo1" cellpadding="2" cellspacing="3" width="100%">
<tr>
<td class="base_colore">
<table class="invisibile" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td colspan="2" class="bordo_bottom"><!-- Spazio header -->
<img border="0" src="images/immy_librichepassionex_penelope.jpg" width="900" height="290" alt="Libri che passione"><!-- Spazio header --></td>
</tr>
<tr>
<td width="710">BODY</td>
<td class="bordo_left" width="280">COLONNA</td>
</tr>
<tr>
<td colspan="2" class="bordo_top">FOOTER</td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table>

</body>

</html>

La mia mania di procedere con ordine è data dal fatto che in breve i css diventeranno lunghissimi
e magari alla fine ci scordiamo pure a che servono O_o considerando che dobbiamo ancora inserire
dei parametri per completare il nostro spazio... nella prossima pagina ^_^

Pagine - 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8

Spero di essere stata chiara in ogni passaggio in caso contrario scrivetemi nel commentario



Commentario...

Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^

Nickname
Home page
B i U   ^_^ o_O O_O *_* ♥ Gif...

  





Warning: include(../../pubblicita_striscia.php): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\sito_in_table\style.php on line 284

Warning: include(): Failed opening '../../pubblicita_striscia.php' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\sito_in_table\style.php on line 284


•°o.Pagina visitata da 3384 utenti

ೡ Per iniziare...


ೡ Sito in table


ೡ Sito in grafica


ೡ Guida FrontPage


Tutorial e guide
Un sito su AlterVista



Warning: include(../../pubblicita_cubo_2.php): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\navigazione.php on line 19

Warning: include(): Failed opening '../../pubblicita_cubo_2.php' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\navigazione.php on line 19


Vota il telaio nelle top, Grazie

Basi pronte siti web e blg blogger

♥ Penelope Gif & co...


Warning: include(../../menu/menu_feste.php): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\navigazione.php on line 33

Warning: include(): Failed opening '../../menu/menu_feste.php' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\navigazione.php on line 33






I vostri messaggi...


Warning: file(../commentario/db_prova.txt): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\commentario\ante_mex_pagine.php on line 4

 


* Buon Inverno! *