Как да направя страница като тази?
- Автор akatsuki
- Начална дата
index.html
style2.css
П.П. Това е примерно. Вместо цветове можеш да си направиш с картинки.
Код:
<!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-1251">
<link rel="stylesheet" href="style2.css" type="text/css">
<title>Untitled 3</title>
</head>
<body>
<div id="container">
<div id="header">
Това ти е хедъра
</div>
<div id="menu">
Тука ще ти е менюто
</div>
<div id="left">
<p> лява колонка</p><p> лява колонка</p><p> лява колонка</p><p> лява колонка</p>
</div>
<div id="middle">
<p>среда</p><p>среда</p><p>среда</p><p>среда</p><p>среда</p><p>среда</p><p>среда</p>
</div>
<div id="right">
<p> дясна колонка<p><p> дясна колонка<p><p> дясна колонка<p><p> дясна колонка<p>
</div><div style="clear:both;"></div>
<div id="footer">
тука ще е футъра
</div>
</div>
</body>
</html>style2.css
Код:
html, body
{
margin: 0px;
padding: 0px;
color: white;
}
#container
{
background-color: red;
width: 775px;
margin: 0 auto;
}
#header
{
background-color: gray;
height: 95px;
margin: 0 auto;
}
#menu
{
background-color: green;
height: 35px;
padding-top: 1px;
padding-left: 50px;
}
#left
{
background-color: #ccc;
width: 100px;
float: left;
}
#middle
{
background-color: black;
width: 575px;
margin: 0 auto;
float: left;
}
#right
{
background-color: #ccc;
width: 100px;
float: left;
}
#footer
{
background-color: lime;
height: 45px;
}П.П. Това е примерно. Вместо цветове можеш да си направиш с картинки.
dELux_nike
Registered
Код:
<table>
<tr>
<td><img src="http://www.narutobg.info/klipove/klip1.jpg" /><br><a href="page.php?59"><b>Наруто срещу Саске 1</b></a></td>
<td><img src="http://www.narutobg.info/klipove/klip2.jpg" /><br><a href="page.php?60"><b>Наруто срещу Саске 2</b></a></td>
</tr>
<tr>
<td><img src="http://www.narutobg.info/klipove/klip3.jpg" /><br><a href="page.php?61"><b>Наруто срещу Гаара<b></a></td>
<td><img src="http://www.narutobg.info/klipove/klip4.jpg" /><br><a href="page.php?62"><b>Клипа на Сайта</b></a></td>
</tr>
<tr>
<td><img src="http://www.narutobg.info/klipove/klip5.jpg" /><br><a href="page.php?63"><b>Завръщането на Наруто</b></a></td>
<td><img src="http://www.narutobg.info/klipove/klip6.jpg" /><br><a href="page.php?64"><b>Фуутон Расен-Шурикен</b></a></td>
</tr>
<tr>
<td><img src="http://www.narutobg.info/klipove/klip7.jpg" /><br><a href="page.php?65"><b>Наруто AMV - Hit The Floor</b></a></td>
<td><img src="http://www.narutobg.info/klipove/klip8.jpg" /><br><a href="page.php?66"><b>Наруто и Сакура AMV НаруСаку</b></a></td>
</tr>
<tr>
<td><img src="http://www.narutobg.info/klipove/klip9.jpg" /><br><a href="page.php?67"><b>Сакура и Саске</b></a></td>
<td><img src="http://www.narutobg.info/klipove/klip10.jpg" /><br><a href="page.php?68"><b>Как да нарисуваме Наруто с чакрата на Деветоопашатата лисица</b></a></td>
</tr>
</table>