AgerNic.com/ro
WEB DEVELOPER SITE, HTML, CSS, PHP, SQL
Tutorial

HTML Șabloan responsive gratis pentru website
Acest șablon este format din 3 coloane fixe: partea stanga, partea centrala si dreapta, adica, au un numar fix de pixeli. Acest sablon mai dispune de un antet si o baza de asemenea cu un numar fix de pixeli.
Sablonul este relevant numai pentru desktop (calculatorul de birou) si nu este optimizat pentru tablete si smartphone mobile.

Exemplu sablon cu antet, trei coloane si o baza toate fixe, pentru desktop.

  

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}
.container {
position: relative;
width: 1000px;
background: #FFFFFF;
text-align: left;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.header {
height: 60px;
background: #DDDDDD;
padding: 10px;
}
.header h1 {
margin: 0;
padding: 10px 0;
}
.sidebar1 {
width: 180px;
background: #EBEBEB;
padding: 10px;
float: left;
height: 500px;
}
.sidebar2 {
width: 180px;
background: #EBEBEB;
padding: 10px;
float: left;
height: 500px;
}
.mainContent {
float: left;
width: 580px;
padding: 10px;
}
.footer {
padding: 10;
background:#DDDDDD;
height: 60px;
float: left;
margin-top: 4px;
width: 1000px;
}
.footer p {
margin: 0;
padding: 10px 0; }
.fltrt {
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
-->
</style>
</head>

<body>
<div class="container">
<div class="header">
<h1>Logo</h1>
<!-- end #header --></div>
<div class="sidebar1">
<h2>Coloana stanga Contentinut</h2>
<p>Culoarea de fundal a acestui div se va afișa numai pentru lungimea conținutului. </p>
<!-- end #sidebar1 --></div>
<div class="mainContent">
<h3>Continutul principal</h3>
<p>paragraf 1</p>
<h4>H2 titlu</h4>
<p>paragraf 2</p>
<!-- end #mainContent --></div>
<div class="sidebar2">
<h5>Coloana dreapta Contentinut</h5>
<p>Culoarea de fundal a acestui div se va afișa numai pentru lungimea conținutului.</p>
<!-- end #sidebar2 --></div>
<div class="footer">
<p>Footer</p>
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>
Tags: Șablon 3 coloane fixe, antet, baza, exemple

Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.


Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.