ovo je html kod
Code:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lovacka oprema Sangaj-Naslovna</title>
<link href="stil.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="javascript" src="galerija.js">
</script>
<style type="text/css">
<!--
.stil1 {
font-size: 12px;
font-style:italic;
color:#660;
}
.stil2 {color: #660}
.stil8 {color: #FFFFFF}
.stil10 {color: #FF830D}
-->
</style>
</head>
<body bgcolor="#88BB55";>
<div id="box1">
<div id="logo">
<div id="header">
<div id="ime_sajta">LOVAČKA OPREMA ŠANGAJ</div>
<div id="slogan">DOBRODOŠLI!</div>
</div>
</div>
<div id="sadrzaj">
<div id="meni">
<div class="meni01">
<div class="meni_lista">
<ul class="stil1"><a href="index.html">Naslovna</a>
</ul>
<ul class="stil2"><a href="onama.html">O nama</a></ul>
<ul class="stil2"><a href="download.html">Download</a></ul>
<ul><a href="galerija.html">Galerija</a></ul>
<ul>
<a href="onlineporucivanje.html">Online poručivanje</a>
</ul>
<ul><a href="linkovi.html">Linkovi</a></ul>
<ul><a href="kontakt.php">Kontakt</a></ul>
</div>
</div>
</div>
</div>
</div>
<div id="sadrzaj">
<div id="box01">
<div class="centar">
<h2><center>Slike prodavnice </center></h2>
<img height="240" width="320" src="images/slika1.jpg" alt="slika 1" id="slideshow" />
<div class="box01"> </div>
<br clear="all" />
<form action="#">
<input type="button" id="prevLink" value="« Previous" />
<input type="button" id="nextLink" value="Next »" />
</form>
</div>
</div>
</div>
<div id="sadrzaj">
<div id="footer">
Copyrigth ©2011. Lovačka oprema Šangaj | Designed by: <a href="mailto:
[email protected]">Krstina Veljovic </a></div>
</div>
</body>
ovo css
Code:
@charset "utf-8";
/* CSS Document */
body {
margin: 0;
padding: 0;
line-height: 1.4em;
font-family: Arial Black, Arial, Times New Roman;
font-size: 13px;
background-color:#88DD44;
color: #C7E39A;
}
a:link, a:visited { color: #333333; text-decoration: none;}
a:active, a:hover { color: #333333; text-decoration: underline;}
h1 {
margin: 0 0 5px 0;
padding: 3px 0 3px 10px;
font-size: 24px;
font-weight: normal;
color: #888E3B;
background: #C7E39A;
}
h2 {
margin: 0 0 10px 0;
padding: 3px 0 3px 10px;
font-size: 22px;
color: #000000;
background-image: url(images/velikimenipozadina.gif);
}
h3 {
letter-spacing: 0px;
margin: 0;
padding: 3px 0 3px 10px;
font-size: 16px;
font-weight: normal;
color: #888E3B;
background: #C7E39A;
}
h4 {
margin: 0 0 10px 0;
padding: 0;
font-size: 14px;
font-weight: normal;
color: #888E3B;
background: #C7E39A;
}
h5 {
margin: 0 0 5px 0;
padding: 0;
font-size: 10px;
font-weight: normal;
color: #000000;
background-image: url(images/velikimenipozadina.gif);
}
p {
margin: 0 0 15px 0;
background-color: #;
}
img {
border: 3 px;
margin: 20 px;
border-color: #000;
padding: 10 px;
}
.cleaner {
clear: both;
width: 100%;
height: 1px;
}
.cleaner_with_height {
clear: both;
width: 20%;
height: 30px;
}
#box1 {
margin: auto;
width: 960px;
}
#logo
{
width: 960px;
height: 120px;
margin: 0;
padding: 0;
background: #003 url(images/templatemo_top_panel_background.jpg) no-repeat;
}
#header {
float: left;
display: inline;
margin: 15px 0 0 30px;
}
#header #ime_sajta{
padding: 10px 100px 10px 50px;
margin: 0;
color: #660;
font-size: 50px;
font-weight: bold;
background: none;
}
#header #slogan{
padding-left:350px;
margin: 0;
color: #660;
font-size: 20px;
font-weight: bold;
}
#sadrzaj
{
width: 960px;
margin-bottom: 25px;
}
#sadrzaj #levo {
float:right;
width: 610px;
}
#sadrzaj #meni {
float: left;
width: 200px;
color:#660;
}
#box01 .centar {
width:825px;
margin-top:20px;
padding-top:inherit;
border-top:1px solid #000;
margin-bottom:20px;
padding-bottom:inherit;
border-bottom:1px solid #000;
margin-left:325px;
padding-left:inherit;
border-left:1px solid #000;
margin-right:20px;
padding-right:inherit;
border-right:1px solid #000;
font-size:20px;
font-style:oblique;
color:#660;
height: 1000px;
}
#levo .levo01 {
width: 800px;
}
.levo01 .2kolone {
float: left;
width: 600px;
margin: 0 20px 0 0;
}
.2kolone .box01 {
clear: both;
width: 100%;
height: 70px;
padding: 15px 0 0 0;
border-bottom: 1px solid #CCCCCC;
}
.box01 .box01ime{
font-weight: bold;
font-size: 14px;
}
.box01 img{
float: left;
margin: 3px 15px 0 0;
}
#levo .levo02{
clear: both;
width: 640px;
}
.levo02 .box02 {
float: left;
width: 298px;
border: 1px solid #CCCCCC;
margin: 0 20px 0 0px;
}
.box02 .box02sadrzaj{
float: left;
padding: 15px;
width: 267px;
}
.box02sadrzaj .box02ime {
font-weight: bold;
}
.box02sadrzaj ul{
clear: both;
list-style: none;
margin: 0;
padding: 0;
}
.box02sadrzaj ul li{
padding: 0 0 5px 15px;
margin: 0;
background: url(images/templatemo_listicon.gif) top left no-repeat;
}
.box02 img {
float: left;
margin: 3px 15px 0 0;
}
#levo .levo03 {
clear: both;
width: 618px;
background: #ffffff;
border: 1px solid #CCCCCC;
}
.levo03 .box03{
float: left;
width: 140px;
margin: 0 10px;
}
#meni .meni01 {
width: 125px;
height:300px;
margin-bottom: 20px;
padding-bottom:inherit;
border-bottom: 1px solid #000;
margin-right:20px;
padding-right:inherit;
border-right: 1px solid #000;
margin-top:20px;
padding-top:inherit;
border-top:1px solid #000;
}
.meni01 .blog_box {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #dddddd;
}
.meni01 .blog_box h5 a{
color: #195fff;
}
.meni01 .blog_box span{
color: #ff366f;
}
.meni01 .meni_lista {
float: left;
width: 125px;
padding-right: 10px;
padding-top:20px;
font-size:12px;
font-style:italic;
}
#footer {
padding: 195px;
clear: both;
width: 960px;
margin-top:20px;
padding-top:inherit;
border-top:1px solid #000;
text-align: center;
font-size: 10px;
color: #000;
}
#footer p{
margin-bottom: 10px;
padding: 0;
text-align: justify;
}
#footer a{
font-weight: normal;
}
nadam se da ti je jasno,posto sam ja tu menjala 356 hiljada zamisli,pa vise ni ja ne znam sta je sta :D
Pomoc:pravljenje galerije slika
