Template con HTML 5 a due colonne??

luigi777

Utente Attivo
14 Feb 2008
1.086
1
38
42
Massa, Italy
Salve, come da titolo c'è qualche tutorial che mi spiega come fare una template con 2 colonne ?

ho provato ad cercare con google.. ma piglio i virus infettati da file javascript.. in alcuni siti..

mi dite se c'è qui su mrwebmaster qualche esempio?

grazie mille...
 

Mtk-kun

Nuovo Utente
6 Giu 2011
19
0
0
tutorial in giro ce ne sono a milioni, per quanto riguarda i virus presi dai file javascript non so come usi google ma personalmente non mi è mai successo, in ogni caso tornado al topic, per creare un template a due colonne non serve un tutorial è una cosa di pochi minuiti, ti scrivo un rapido esempio;
HTML:
<!DOCTYPE HTML>
<html lang="en-EN">
<head>
<title></title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css"
media="all">
</head>
<body>
<nav>Menu di navigaione</nav>
<div id="colonnadestra">contenuro della colonna di destra</div>
<div id="colonnasinistra">contenuro della colonna di sinistra</div>
<footer>contenutoi del footer</footer>
</body>
</html>

e dopo la struttura condisci il tutto con un po di css

Codice:
body{
width: 600px;
height: 600px;
margin-left:auto;
margin-right:auto;
}

nav {
width: 600px;
height: 50px;
background: black;
color:white;
}

#colonnadestra{
width: 295px;
height: 100%;
background: blue;
color: white;
float: right;
border: 2px solid;
}
#colonnasinistra{
width: 295px;
height: 100%;
background: grey;
color: white;
float: left;
border: 2px solid;
}
footer {
width: 600px;
height: 50px;
background: black;
color:white;
clear: both;
}
et voilà, un template a due colonne, molto minimal e spartano ma è ciò che ti serviva,
basta poi modificare i parametri esistenti per farlo diventare come più piace.

se ti servono altri chiarimenti sono qui, ti allego i file per vedere da te il risultato(questi sono senza visrus:fonzie:)
 

Allegati

  • source.zip
    621 bytes · Visite: 478
Discussioni simili
Autore Titolo Forum Risposte Data
D [HTML] Sito con template scaricabili HTML e CSS 3
D [HTML] Cerco facsimile di questo template con modalità responsive HTML e CSS 1
D catturare dati nel template da view.html.php con js CMS (Content Management System) 0
Fuego2806 [Joomla] Problema di login con il nuovo template Joomla 0
M Usare template creato con muse con wordpress WordPress 5
A Problema con Template dorada restaurant minimal skin Joomla 1
G Problema con Template Joomla 0
L problema creazione template con guida mrwebmaster.it WordPress 0
G aiuto con classe template php PHP 1
Z generare pagina da template con php PHP 2
R Cambio Grafica con Template Presenta il tuo Sito 0
P Template con dreamweaver Webdesign e Grafica 1
SolidSnake4 TEMPLATE con css HTML e CSS 8
B problema con template Webdesign e Grafica 1
P Problemuccio con template ecc.! HTML e CSS 3
G Grid e proprietà grid-template-areas HTML e CSS 0
G download di un template HTML e CSS 1
felino [Wordpress] Modifica main color del template WordPress 8
C Offro Installazione Wordpress Gratis! + Template Offerte e Richieste di Lavoro e/o Collaborazione 0
S A PAGAMENTO cerco per installazione template joomla Offerte e Richieste di Lavoro e/o Collaborazione 2
R [WordPress] Inserire campi aggiuntivi ad un Submit Form già dato dal template (front-end) WordPress 0
B Vendo Temi per Wordpress e template html5 Altri Annunci 0
felino [Wordpress] Immagine di sfondo (sotto il template) WordPress 8
M [Joomla] Inserimento wow.js in template Joomla 4
fabiodisconzi Miglior template bootstrap 4 admin? CMS (Content Management System) 1
D [HTML] template trasformarlo in adattabile per dispositivi mobili HTML e CSS 3
B [HTML] Problema main box di un template HTML e CSS 2
T [HTML] Aiuto col template di blogger CMS (Content Management System) 1
marco95OP Creare template per Themeforest Discussioni Varie 0
G [VENDO]Realizzo Template Per il vostro sito web. Altri Annunci 0
L Offro retribuzione per lo sviluppo di un template grafico Offerte e Richieste di Lavoro e/o Collaborazione 7
K [Joomla] Visualizzazione anteprima diversa dalla demo del template Joomla 0
ecosito [PHP] Attivare il form mail di un template PHP 2
xone [Offro] Realizzazione template html5 css3 creati da zero Offerte e Richieste di Lavoro e/o Collaborazione 0
Max 1 Realizzo template (temi) per WordPress, Blogger, Joomla, Drupal e DotNetNuke Altri Annunci 1
Fuego2806 [PHP] Icone template - index.php PHP 2
ecosito [HTML ][PHP] rendere attivo il modulo contatti di un template HTML e CSS 9
T [VENDO] Web Template Altri Annunci 1
T [WordPress] Le modifiche al template non vengono apportate WordPress 1
T modificare un template html5 HTML e CSS 6
A Aiuto template html e dreamweaver HTML e CSS 1
fabiodisconzi Spunti per template responsive ma capace di accettare adv Webdesign e Grafica 2
A Modificare un template html5 Webdesign e Grafica 1
G Creare pagine generiche che non rispondano al template hierachy WordPress 1
G Funzioni Template Tags WordPress 1
G Scelta template per iniziativa editoriale WordPress 5
L nuova pagina template WordPress 2
C mixare 2 template Joomla 1
L rimuovere una sezione nel frontpage di template start point WordPress 2
J Consiglio template fluido HTML e CSS 2

Discussioni simili