Parašė erlukas· 2011 Bal. 9 23:04:05
#1
Sveiki.Stai siandien sukodavau savo tinklapi ir noreciau kad paziuretumet ar labai purvinas kodas.Noreciau,kad patartumet ka reiktu keisti ir t.t.
Index.html:
<!DOCTYPE <span style="border-bottom: 1px dotted black;">html</span> PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>HardBass - Klaipėda</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div align="center">
<div id="logo"><a href="index.html"><img src='images/logo.png' /></a></div>
<!--
Navigacija prasideda cia
-->
<center>
<ul id="nav">
<li><a href="#">Namai</a> | </li>
<li><a href="#">Meetai</a> | </li>
<li><a href="#">Visos naujienos</a> | </li>
<li><a href="#">Forumas</a> | </li>
<li><a href="#">Kontaktai</a></li>
</ul>
</center><br><br><br>
<!--
Navigacija baigiasi!
-->
<!--
Prasideda naujienos ir t.t
-->
<div style="background-image:url(images/virsus.png);
width:703px;
height:19px;
repeat:no-repeat;
opacity:0.5;
margin:0px 4px 0px 34px;">
</div>
<div style="background-image:url(images/middle.png);
background-repeat:repeat-y;
height:200px;
opacity:0.5;
margin:0px 0px 0px 330px;"
>
<div class="title">
Naujiena #1
</div>
<div class="taskai"><img src="images/taskai.png" /></img></div>
<div class="news">
<div style="width:660px" "font-family:Verdana" "font-size:15px" >
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</style>
</div>
</div>
</div>
<div style="background-image:url(images/apacia.png);
background-repeat:repeat-y;
height:12px;
opacity:0.5;
margin:0px 0px 0px 330px;"
></div>
<!--
Naujienos baigiasi!
-->
<!--
Prasideda footeris
-->
<div id="footer">
<div style="background: url(images/juost.png) no-repeat height:4; width:703; margin:0px 0px 0px 14px"
>
<img src="images/juost.png"></img><br><br>
<align="left">
<div class="footer-text">
Dizaina piešė/kodavo:Erlis © HBKlaipeda 2011
<div class="icons"><a href="#" title="Facebook grupė"><img src="images/facebook.png"></img></a> <a href="#" title="Skype"><img src="images/skype.png"></img></a></div>
</align>
</div>
</div>
<div style="margin:-400px 0px 0px -73px;
position:absolute;">
<img src="images/sviesa.png"></img>
</div>
<div style="margin:-400px 0px 0px 718px;
position:absolute;">
<img src="images/sviesa-desine.png"></img>
</div>
<!--
Baigiasi footeris
-->
</body>
</html>
Style.css:
a:active {
text-decoration:none;
border:none;
color:#bfbfbf;
}
a:link {
text-decoration:none;
text-shadow: 2px #666669;
border:none;
color:#666669
}
a:visited {
text-decoration:none;
border:none;
color:#666669;
}
a:hover {
text-decoration:none;
text-shadow:#343435;
color:#bfbfbf;
border:none;
}
body {
background: url(images/bg.png) #171717 top center no-repeat;
}
#logo {
margin: 0 auto; top;
}
ul#nav {
font-family: Verdana;
font-size: 14px;
font-style:none;
font-weight:none;
margin-right:20 em;
padding:0px 0px 0px 500px;
list-style:none;
text-shadow:0px 1px #000;
color:#666669;
}
li {
float:left;
}
#box {
background: opacity:0.5; margin:0px 0px 0px 50px; background-repeat:repeat-x;
}
.title {
font-family:Verdana;
font-size:15px;
color:#414141;
text-shadow:1px 1px #fff;
margin:0px 0px 0px -290px;
}
.news {
font-family:Verdana, Arial, sans-serrif;
font-size:11px;
color:#414141;
text-shadow:1px 1px #fff;
margin:0px 0px 0px -310px;
padding-top:5px;
}
.taskai {
float:center;
margin:0px 0px 0px -320px;
}
#footer {
float:down;
width:703px;
height:100px;
margin:100px;
}
.footer-text {
font-family:Verdana, Arial, sans-seriff;
font-size:11px;
color:#929292;
float:left;
padding:0px 0px 0px 25px;
}
.icons {
float:right;
}
.sviesa {
float:left;
}
.sviesa-d {
float:left;
}