html
Kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Reply-to" content="mail" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="Keywords" content="slowa kluczowe" />
<meta name="Description" content="opis" />
<meta name="Author" content="autor" />
<meta name="Robots" content="ALL" />
<title>Fishing</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/Lato_400-Lato_700.font.js"></script>
<script type="text/javascript">
Cufon.replace('#menu', { fontFamily: 'Lato' });
Cufon.replace('.m-white', { fontFamily: 'Lato' });
</script>
</head>
<body>
<div id="wraper">
<div class="main">
<div id="header">
<img src="images/header.png" alt="header" />
</div>
<div id="menu-all">
<div id="menu">
<ul>
<li><a href=""><b>Kołowrotki</b> <p class="m-white">Reels</p></a></li>
<li><a href=""><b>Ubrania wędkarskie</b> <p class="m-white">Fishing wears</p></a></li>
<li><a href=""><b>Haczyki</b> <p class="m-white">Hooks</p></a></li>
<li><a href=""><b>Kołowrotki</b> <p class="m-white">Reels</p></a></li>
<li><a href=""><b>Ubrania wędkarskie</b> <p class="m-white">Fishing wears</p></a></li>
</ul>
</div>
<div id="menu-bg"></div>
</div>
</div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Reply-to" content="mail" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="Keywords" content="slowa kluczowe" />
<meta name="Description" content="opis" />
<meta name="Author" content="autor" />
<meta name="Robots" content="ALL" />
<title>Fishing</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/Lato_400-Lato_700.font.js"></script>
<script type="text/javascript">
Cufon.replace('#menu', { fontFamily: 'Lato' });
Cufon.replace('.m-white', { fontFamily: 'Lato' });
</script>
</head>
<body>
<div id="wraper">
<div class="main">
<div id="header">
<img src="images/header.png" alt="header" />
</div>
<div id="menu-all">
<div id="menu">
<ul>
<li><a href=""><b>Kołowrotki</b> <p class="m-white">Reels</p></a></li>
<li><a href=""><b>Ubrania wędkarskie</b> <p class="m-white">Fishing wears</p></a></li>
<li><a href=""><b>Haczyki</b> <p class="m-white">Hooks</p></a></li>
<li><a href=""><b>Kołowrotki</b> <p class="m-white">Reels</p></a></li>
<li><a href=""><b>Ubrania wędkarskie</b> <p class="m-white">Fishing wears</p></a></li>
</ul>
</div>
<div id="menu-bg"></div>
</div>
</div>
</div>
</body>
</html>
CSS
Kod
body {
margin: 0 auto;
background-color: #111111;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
img {
border: 0;
text-decoration: none;
}
hr {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.main {
margin: left;
width: 1330px;
overflow: hidden;
}
a , a:hover , a:focus , a:visited{
border: 0;
text-decoration: none;
color: #000000;
}
/* Koniec ogolne */
/* Szkielet */
#wraper {
background-image: url(../images/wraper.png);
width: 100%;
height: 929px;
}
#header {
float: left;
width: 1330px;
}
#header img{
margin: auto;
display: block;
}
#menu-all {
float: left;
width: 1330px;
margin-top: 25px;
}
#menu {
float: left;
height: 69px;
background-color: #111111;
}
#menu ul{
display: block;
list-style: none;
margin: 0;
padding: 0;
margin-top: -10px;
}
#menu li
{
display: inline-block;
}
#menu-bg
{
width: 34px;
height: 69px;
float: left;
background: url("../images/menubg.png") repeat-x;
}
.m-white {
color: #ffffff;
font-size: 15px;
margin: -1px 0px 0px 0px;
}
#menu li a
{
height: 69px;
float:left;
text-decoration: none;
margin: 25px 25px 10px 25px;
color: #e34b00;
font-size: 18px;
}
#menu li:hover
{
background-color: #2c2c2c;
border-radius: 25px;
color: #FFFFFF;
}
margin: 0 auto;
background-color: #111111;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
img {
border: 0;
text-decoration: none;
}
hr {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.main {
margin: left;
width: 1330px;
overflow: hidden;
}
a , a:hover , a:focus , a:visited{
border: 0;
text-decoration: none;
color: #000000;
}
/* Koniec ogolne */
/* Szkielet */
#wraper {
background-image: url(../images/wraper.png);
width: 100%;
height: 929px;
}
#header {
float: left;
width: 1330px;
}
#header img{
margin: auto;
display: block;
}
#menu-all {
float: left;
width: 1330px;
margin-top: 25px;
}
#menu {
float: left;
height: 69px;
background-color: #111111;
}
#menu ul{
display: block;
list-style: none;
margin: 0;
padding: 0;
margin-top: -10px;
}
#menu li
{
display: inline-block;
}
#menu-bg
{
width: 34px;
height: 69px;
float: left;
background: url("../images/menubg.png") repeat-x;
}
.m-white {
color: #ffffff;
font-size: 15px;
margin: -1px 0px 0px 0px;
}
#menu li a
{
height: 69px;
float:left;
text-decoration: none;
margin: 25px 25px 10px 25px;
color: #e34b00;
font-size: 18px;
}
#menu li:hover
{
background-color: #2c2c2c;
border-radius: 25px;
color: #FFFFFF;
}
a z cufonem wszystko oki według ciebie ? bo mam wrazenie ze nie czyta czcionki