fivedesign

5 Renkli Tasarim

Tasarım Üstü

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PhotoGallery Template</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="top_menu">
                    <ul class="menu">
                        <li><a href="#" class="nav">Ana Sayfa</a></li>
                        <li><a href="#" class="nav">iletişim</a></li>
                        <li><a href="#" class="nav">Ziyaretci Defteri</a></li>

</ul>
</div>
<div id="main_content">
    <div id="top_banner">
    <a href="#"><img src="https://img.webme.com/pic/c/csskekeleme/logo.jpg" width="230" height="130" alt="home" title="logo" border="0" class="logo" /></a>
    </div>
    
    <div id="page_content_left">
        <div class="title">

<center>
        <div id="clock">3 Temmuz 2010 | 13:21:08</div>
<script type="text/javascript">
function refrClock()
{
var d=new Date();
var s=d.getSeconds();
var m=d.getMinutes();
var h=d.getHours();
var day=d.getDay();
var date=d.getDate();
var month=d.getMonth();
var year=d.getFullYear();
var days=new Array("","","","","","","");
var months=new Array("Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylul","Ekim","Kasım","Aralık");
if (s<10) {s="0" + s}
if (m<10) {m="0" + m}
document.getElementById("clock").innerHTML=days[day] + "   " + date + " " + months[month] + " " + year + " | " + h + ":" + m + ":" + s + " "
setTimeout("refrClock()",1000);
}
refrClock();
</script>
        </center>

</div>
        <div class="content_text">

</div>

Tasarım Altı

</div>
    
    
    <div id="page_bottom">
            <div class="title">
            Tavisiye Siteler
            </div>
            <div class="content_text">
<center>        
             <a href="http://hagika.tr.gg/iletisim.htm"><img src="https://img.webme.com/pic/h/hagika/s1.jpg" width="125" height="40" alt="" title="s" class="inspiration" /></a>
             <a href="http://seyyarblog.tr.gg/" target="blank" ><img src="https://img.webme.com/pic/s/seyyarblog/banner.jpg" width="125" height="40" alt="" title="s" class="inspiration" /></a>
             <a href="http://hagika.tr.gg/iletisim.htm"><img src="https://img.webme.com/pic/h/hagika/s1.jpg" width="125" height="40" alt="" title="s" class="inspiration" /></a>
             <a href="http://ehlibeytiz.tr.gg/" target="blank" ><img src="https://img.webme.com/pic/h/hagika/ehlibeytiz.tr.gg.gif" width="125" height="40" alt="" title="s" class="inspiration" /></a>
             <a href="http://hagika.tr.gg/iletisim.htm"><img src="https://img.webme.com/pic/h/hagika/s1.jpg" width="125" height="40" alt="" title="s" class="inspiration" /></a>
</center>
                </div>
    </div>
        
</div>

<div id="footer">
<div id="footer_content">
<div id="copyrights">
fivedesign.tr.gg.© Tüm Hakları Saklıdır 2010-2011
<br><br>
Bugünkü Ziyaretçi: 7  |  Tıklamalar: 9

</div>
    <div>
                    <ul class="footer_menu">
                        <li><a href="#" class="nav2">Ana Sayfa </a></li>
                        <li><a href="#" class="nav2">iletişim</a></li>
                        <li><a href="#" class="nav2">Ziyaretci Defteri</a></li>

</ul>
    </div>
<div id="madeby">
<a href="http://fivedesign.tr.gg/" target="_blank"><img src="https://img.webme.com/pic/h/hagika/csscreme_link10.png" width="125" height="40"  border="0" alt="" title=""/></a><br />
<a href="#top" onclick="self.scrollTo(0, 0); return false;">Yukarı Çık</a>
</div>
</div>

</div>

</body>

</html>

Css Kodu

table {margin-left: auto;margin-right: auto}

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

body
{
background:url(https://img.webme.com/pic/h/hagika/top_bg.jpg) repeat-x top #F6F5E9;
margin:auto;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
h1{
font-size:15px;
color:#6C0008;
padding:5px;
margin:3px;
font-weight:normal;
}
h2{
font-size:13px;
color:#666666;
margin:0px;
padding:3px;
}
h3{
font-size:14px;
color:#666666;
margin:0px;
padding:3px;
}
h4{
font-size:12px;
color: #CE6700;
margin:0px;
padding:3px;
font-weight:normal;
}
.clear {
clear:both;
overflow:hidden;
height:4px;
}
#main_content{
width:850px;
height: auto;
margin:auto;
background-color:#F6F6EE;
border:8px #FFFFFF solid;
}
#top_banner{
width:850px;
height:130px;
background:url(https://img.webme.com/pic/h/hagika/illustr.jpg) no-repeat right;
}
img.logo{
padding-left:15px;
}
/*------top menu---------*/
#top_menu{
width:850px;
margin:auto;
padding:15px;
}
ul.menu {
list-style-type:none; display:block; width: auto; height:18px; margin:auto; padding:0;}

ul.menu li {
display:inline;}

a.nav:link, a.nav:visited {
display:block; float:left; padding:4px 11px 0 26px; margin:0;width: auto; height:18px; text-align:center; line-height:18px; font-weight:bold; font-size:12px;
text-decoration:none; color:#fff; background:url(https://img.webme.com/pic/h/hagika/okl4.png) no-repeat left;}

a.nav:hover {
display:block; float:left; padding:4px 11px 0 26px; margin:0;width: auto; height:18px; text-align:center; line-height:18px;
text-decoration:none;  color:#fff; background:url(https://img.webme.com/pic/h/hagika/okl3.gif) no-repeat left;}
/*----page content----*/
#page_content{
width:800px;
height:auto;
margin:auto;
}
#page_content_left{
width:833px;
height:auto;
float:left;
padding:10px;
border-right:0px #800000 dashed;
}
#page_content_right{
width:400px;
height:auto;
float:left;
padding:10px;
}
.title{
font-size:16px;
color:#808080;
clear:both;
padding-left:10px;
}
.content_text{
font-size:11px;
color:#333333;
height:auto;
text-align:justify;
padding:8px;
}
img.pic{
padding:0px;
margin-right:10px;
margin-bottom:10px;
border:5px #FFFFFF solid;
float:left;
}
img.map_pic{
padding:0px;
margin:10px;
border:5px #FFFFFF solid;
float:right;
}
img.gallery{
padding:0px;
margin:8px;
border:5px #FFFFFF solid;
float:left;
}
.more{
width:auto;
float:right;
height:40px;
width:125px;
}
.link_more a{
width:auto;
float:left;
text-decoration:none;
color:#990000;
font-size:12px;
padding:3px 23px 0 5px;
}
.link_more a:hover{
text-decoration:underline;
}
img.more{
float:left;
}
#page_bottom{
width:830px;
clear:both;
padding:10px;
height:auto;
}
img.inspiration{
padding:2px;
margin:3px;
border:2px #FFFFFF solid;
}
/*---------services---------*/
.details{
width: auto;
height:auto;
float:left;
padding-left:20px;
}
ul.services {
list-style-type:none;display:block; width:auto; height:auto; float:left;
margin:0px; padding:10px 0 10px 2px;}

ul.services li {
display:inline;}

a.nav_services:link, a.nav_services:visited {
display:block; padding:1px 0 0 14px; margin:2px;width: auto; height: auto; text-align:left; line-height:17px;
text-decoration:none; background:url(https://img.webme.com/pic/h/hagika/bullet.png) no-repeat left; color:#000;}
a.nav_services_a {
display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:17px; font-weight:bold;
text-decoration:none; background:url(https://img.webme.com/pic/h/hagika/bullet_a.png) no-repeat left; color: #990000;}

a.nav_services:hover {
display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:17px;
text-decoration:none; background:url(https://img.webme.com/pic/h/hagika/bullet_a.png) no-repeat left; color:#000000;}

/*---------menu_navigation--------*/
.menu_navigation{
width:750px;
height:30px;
margin:auto;
clear:both;
}
#left{
width:auto;
float:left;
}
.left{
float:left;
}
.right{
float:left;padding:3px;
}
.right a{
text-decoration:none;
color:#990000;
}
#right{
width:auto;
float:right;
padding-right:25px;
}
/*------contact form------*/
#login{
float:left;
width:auto;
padding:10px 10px 0 30px;
color:#666666;
}
.input{
width:140px;
height:12px;
font-size:10px;
float:left;
}
.textarea{
width:140px;
height:50px;
font-size:10px;
float:left;
}
.submit{
float:left;
margin-left:30px;
margin-top:5px;
}
/*-------footer-----*/
#footer{
width: auto;
height:100px;
clear:both;
margin-top:40px;
background-color: #333333;
}
#footer_content{
width:850px;
margin:auto;
}
#copyrights{
width:350px;
color: #666666;
font-size:10px;
float:left;
padding:10px;
}
#madeby{
width:140px;
height:40px;
float:right;
text-align:center;
padding-top:0px;
}
#madeby a{
text-decoration:none;
color:#666666;
}
/*---------footer menu---------*/
ul.footer_menu {
list-style-type:none; float:left; display:block; width:auto; height: auto;  margin:0px; padding:3px 0 0 10px;}

ul.footer_menu li {
display:inline;}

a.nav2:link, a.nav2:visited {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width: auto; height:20px; text-align:center; line-height:16px;
text-decoration:none; color: #999999;}

a.nav2:hover {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width:auto; height:20px; text-align:center; line-height:16px;
text-decoration:none;color:#000000;}

</style>   <meta name="google-site-verification" content="bxsb5A6ome7-j0pW3vcKsF8n-Ii8sS-3iokxlKdxrFg" />

Tasarım Üstü

</ul>
</div>
<div id="main_content">
    <div id="top_banner">
    <a href="#"><img src="https://img.webme.com/pic/c/csskekeleme/logo.jpg" width="230" height="130" alt="home" title="logo" border="0" class="logo" /></a>
    </div>
   
    <div id="page_content_left">
        <div class="title">

</div>
        <div class="content_text">

</div>

Tasarım Altı

</div>
   
   
    <div id="page_bottom">
            <div class="title">
            Tavisiye Siteler
            </div>
            <div class="content_text">
<center>       
             <a href="http://hagika.tr.gg/iletisim.htm"><img src="https://img.webme.com/pic/h/hagika/s1.jpg" width="125" height="40" alt="" title="s" class="inspiration" /></a>
             <a href="http://seyyarblog.tr.gg/" target="blank" ><img src="https://img.webme.com/pic/s/seyyarblog/banner.jpg" width="125" height="40" alt="" title="s" class="inspiration" /></a>
             <a href="http://hagika.tr.gg/iletisim.htm"><img src="https://img.webme.com/pic/h/hagika/s1.jpg" width="125" height="40" alt="" title="s" class="inspiration" /></a>
             <a href="http://ehlibeytiz.tr.gg/" target="blank" ><img src="https://img.webme.com/pic/h/hagika/ehlibeytiz.tr.gg.gif" width="125" height="40" alt="" title="s" class="inspiration" /></a>
             <a href="http://hagika.tr.gg/iletisim.htm"><img src="https://img.webme.com/pic/h/hagika/s1.jpg" width="125" height="40" alt="" title="s" class="inspiration" /></a>
</center>
                </div>
    </div>
       
</div>

<div id="footer">
<div id="footer_content">
<div id="copyrights">
fivedesign.tr.gg.© Tüm Hakları Saklıdır 2010-2011
<br><br>
Bugünkü Ziyaretçi: 7  |  Tıklamalar: 9

</div>

</body>

</html>

Css Kodu

table {margin-left: auto;margin-right: auto}

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

body
{
background:url(https://img.webme.com/pic/c/csskekeleme/top_bg.jpg) repeat-x top #F6F5E9;
margin:auto;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
h1{
font-size:15px;
color:#6C0008;
padding:5px;
margin:3px;
font-weight:normal;
}
h2{
font-size:13px;
color:#666666;
margin:0px;
padding:3px;
}
h3{
font-size:14px;
color:#666666;
margin:0px;
padding:3px;
}
h4{
font-size:12px;
color: #CE6700;
margin:0px;
padding:3px;
font-weight:normal;
}
.clear {
clear:both;
overflow:hidden;
height:4px;
}
#main_content{
width:850px;
height: auto;
margin:auto;
background-color:#F6F6EE;
border:8px #FFFFFF solid;
}
#top_banner{
width:850px;
height:130px;
background:url(https://img.webme.com/pic/h/hagika/illustr.jpg) no-repeat right;
}
img.logo{
padding-left:15px;
}
/*------top menu---------*/
#top_menu{
width:850px;
margin:auto;
padding:15px;
}
ul.menu {
list-style-type:none; display:block; width: auto; height:18px; margin:auto; padding:0;}

ul.menu li {
display:inline;}

ul.services li {
display:inline;}

ul.footer_menu li {
display:inline;}

a.nav2:link, a.nav2:visited {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width: auto; height:20px; text-align:center; line-height:16px;
text-decoration:none; color: #999999;}

a.nav2:hover {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width:auto; height:20px; text-align:center; line-height:16px;
text-decoration:none;color:#000000;}

</style>   <meta name="google-site-verification" content="bxsb5A6ome7-j0pW3vcKsF8n-Ii8sS-3iokxlKdxrFg" />

Tasarım Üstü

</ul>
</div>
<div id="main_content">
    <div id="top_banner">
    <a href="#"><img src="https://img.webme.com/pic/c/csskekeleme/logo.jpg" width="230" height="130" alt="home" title="logo" border="0" class="logo" /></a>
    </div>
   
    <div id="page_content_left">
        <div class="title">

</div>
        <div class="content_text">

</div>

Tasarım Altı

</div>
   
   
    <div id="page_bottom">
            <div class="title">
            Tavisiye Siteler
            </div>
            <div class="content_text">
<center>       
             <a href="http://hagika.tr.gg/iletisim.htm"><img src="https://img.webme.com/pic/h/hagika/s1.jpg" width="125" height="40" alt="" title="s" class="inspiration" /></a>
             <a href="http://seyyarblog.tr.gg/" target="blank" ><img src="https://img.webme.com/pic/s/seyyarblog/banner.jpg" width="125" height="40" alt="" title="s" class="inspiration" /></a>
             <a href="http://hagika.tr.gg/iletisim.htm"><img src="https://img.webme.com/pic/h/hagika/s1.jpg" width="125" height="40" alt="" title="s" class="inspiration" /></a>
             <a href="http://ehlibeytiz.tr.gg/" target="blank" ><img src="https://img.webme.com/pic/h/hagika/ehlibeytiz.tr.gg.gif" width="125" height="40" alt="" title="s" class="inspiration" /></a>
             <a href="http://hagika.tr.gg/iletisim.htm"><img src="https://img.webme.com/pic/h/hagika/s1.jpg" width="125" height="40" alt="" title="s" class="inspiration" /></a>
</center>
                </div>
    </div>
       
</div>

<div id="footer">
<div id="footer_content">
<div id="copyrights">
fivedesign.tr.gg.© Tüm Hakları Saklıdır 2010-2011
<br><br>
Bugünkü Ziyaretçi: 7  |  Tıklamalar: 9

</div>

</body>

</html>

Css Kodu

table {margin-left: auto;margin-right: auto}

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

body
{
background:url(https://img.webme.com/pic/c/csskekeleme/top_bg1.jpg) repeat-x top #F6F5E9;
margin:auto;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
h1{
font-size:15px;
color:#6C0008;
padding:5px;
margin:3px;
font-weight:normal;
}
h2{
font-size:13px;
color:#666666;
margin:0px;
padding:3px;
}
h3{
font-size:14px;
color:#666666;
margin:0px;
padding:3px;
}
h4{
font-size:12px;
color: #CE6700;
margin:0px;
padding:3px;
font-weight:normal;
}
.clear {
clear:both;
overflow:hidden;
height:4px;
}
#main_content{
width:850px;
height: auto;
margin:auto;
background-color:#F6F6EE;
border:8px #FFFFFF solid;
}
#top_banner{
width:850px;
height:130px;
background:url(https://img.webme.com/pic/h/hagika/illustr.jpg) no-repeat right;
}
img.logo{
padding-left:15px;
}
/*------top menu---------*/
#top_menu{
width:850px;
margin:auto;
padding:15px;
}
ul.menu {
list-style-type:none; display:block; width: auto; height:18px; margin:auto; padding:0;}

ul.menu li {
display:inline;}

ul.services li {
display:inline;}

ul.footer_menu li {
display:inline;}

a.nav2:link, a.nav2:visited {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width: auto; height:20px; text-align:center; line-height:16px;
text-decoration:none; color: #999999;}

a.nav2:hover {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width:auto; height:20px; text-align:center; line-height:16px;
text-decoration:none;color:#000000;}

</style>   <meta name="google-site-verification" content="bxsb5A6ome7-j0pW3vcKsF8n-Ii8sS-3iokxlKdxrFg" />

Tasarım Üstü

</ul>
</div>
<div id="main_content">
    <div id="top_banner">
    <a href="#"><img src="https://img.webme.com/pic/c/csskekeleme/logo.jpg" width="230" height="130" alt="home" title="logo" border="0" class="logo" /></a>
    </div>
   
    <div id="page_content_left">
        <div class="title">

</div>
        <div class="content_text">

</div>

Tasarım Altı

</div>
   
   
    <div id="page_bottom">
            <div class="title">
            Tavisiye Siteler
            </div>
            <div class="content_text">
<center>       
             <a href="http://hagika.tr.gg/iletisim.htm"><img src="https://img.webme.com/pic/h/hagika/s1.jpg" width="125" height="40" alt="" title="s" class="inspiration" /></a>
             <a href="http://seyyarblog.tr.gg/" target="blank" ><img src="https://img.webme.com/pic/s/seyyarblog/banner.jpg" width="125" height="40" alt="" title="s" class="inspiration" /></a>
             <a href="http://hagika.tr.gg/iletisim.htm"><img src="https://img.webme.com/pic/h/hagika/s1.jpg" width="125" height="40" alt="" title="s" class="inspiration" /></a>
             <a href="http://ehlibeytiz.tr.gg/" target="blank" ><img src="https://img.webme.com/pic/h/hagika/ehlibeytiz.tr.gg.gif" width="125" height="40" alt="" title="s" class="inspiration" /></a>
             <a href="http://hagika.tr.gg/iletisim.htm"><img src="https://img.webme.com/pic/h/hagika/s1.jpg" width="125" height="40" alt="" title="s" class="inspiration" /></a>
</center>
                </div>
    </div>
       
</div>

<div id="footer">
<div id="footer_content">
<div id="copyrights">
fivedesign.tr.gg.© Tüm Hakları Saklıdır 2010-2011
<br><br>
Bugünkü Ziyaretçi: 7  |  Tıklamalar: 9

</div>

</body>

</html>

Css Kodu

table {margin-left: auto;margin-right: auto}

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

body
{
background:url(https://img.webme.com/pic/c/csskekeleme/top_bg2.jpg) repeat-x top #F6F5E9;
margin:auto;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
h1{
font-size:15px;
color:#6C0008;
padding:5px;
margin:3px;
font-weight:normal;
}
h2{
font-size:13px;
color:#666666;
margin:0px;
padding:3px;
}
h3{
font-size:14px;
color:#666666;
margin:0px;
padding:3px;
}
h4{
font-size:12px;
color: #CE6700;
margin:0px;
padding:3px;
font-weight:normal;
}
.clear {
clear:both;
overflow:hidden;
height:4px;
}
#main_content{
width:850px;
height: auto;
margin:auto;
background-color:#F6F6EE;
border:8px #FFFFFF solid;
}
#top_banner{
width:850px;
height:130px;
background:url(https://img.webme.com/pic/h/hagika/illustr.jpg) no-repeat right;
}
img.logo{
padding-left:15px;
}
/*------top menu---------*/
#top_menu{
width:850px;
margin:auto;
padding:15px;
}
ul.menu {
list-style-type:none; display:block; width: auto; height:18px; margin:auto; padding:0;}

ul.menu li {
display:inline;}

ul.services li {
display:inline;}

ul.footer_menu li {
display:inline;}

a.nav2:link, a.nav2:visited {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width: auto; height:20px; text-align:center; line-height:16px;
text-decoration:none; color: #999999;}

a.nav2:hover {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width:auto; height:20px; text-align:center; line-height:16px;
text-decoration:none;color:#000000;}

</style>   <meta name="google-site-verification" content="bxsb5A6ome7-j0pW3vcKsF8n-Ii8sS-3iokxlKdxrFg" />

Tasarım Üstü

</ul>
</div>
<div id="main_content">
	<div id="top_banner">
    <a href="#"><img src="https://img.webme.com/pic/c/csskekeleme/logo.jpg" width="230" height="130" alt="home" title="logo" border="0" class="logo" /></a>
    </div>
    
    <div id="page_content_left">
    	<div class="title">

<center>
		<div id="clock">3 Temmuz 2010 | 13:21:08</div>
<script type="text/javascript">
function refrClock()
{
var d=new Date();
var s=d.getSeconds();
var m=d.getMinutes();
var h=d.getHours();
var day=d.getDay();
var date=d.getDate();
var month=d.getMonth();
var year=d.getFullYear();
var days=new Array("","","","","","","");
var months=new Array("Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylul","Ekim","Kasım","Aralık");
if (s<10) {s="0" + s}
if (m<10) {m="0" + m}
document.getElementById("clock").innerHTML=days[day] + "   " + date + " " + months[month] + " " + year + " | " + h + ":" + m + ":" + s + " "
setTimeout("refrClock()",1000);
}
refrClock();
</script>
		</center>

</div>
        <div class="content_text">

</div>

Tasarım Altı

</div>
    
    
    <div id="page_bottom">
    		<div class="title">
        	Tavisiye Siteler
        	</div>
            <div class="content_text">
<center>		
             <a href="http://hagika.tr.gg/iletisim.htm"><img src="https://img.webme.com/pic/h/hagika/s1.jpg" width="125" height="40" alt="" title="s" class="inspiration" /></a>
             <a href="http://seyyarblog.tr.gg/" target="blank" ><img src="https://img.webme.com/pic/s/seyyarblog/banner.jpg" width="125" height="40" alt="" title="s" class="inspiration" /></a>
             <a href="http://hagika.tr.gg/iletisim.htm"><img src="https://img.webme.com/pic/h/hagika/s1.jpg" width="125" height="40" alt="" title="s" class="inspiration" /></a>
             <a href="http://ehlibeytiz.tr.gg/" target="blank" ><img src="https://img.webme.com/pic/h/hagika/ehlibeytiz.tr.gg.gif" width="125" height="40" alt="" title="s" class="inspiration" /></a>
             <a href="http://hagika.tr.gg/iletisim.htm"><img src="https://img.webme.com/pic/h/hagika/s1.jpg" width="125" height="40" alt="" title="s" class="inspiration" /></a>
</center>
       		 </div>
    </div>
		
</div>

</div>
	<div>
                    <ul class="footer_menu">
                        <li><a href="#" class="nav2">Ana Sayfa </a></li>
                        <li><a href="#" class="nav2">iletişim</a></li>
                        <li><a href="#" class="nav2">Ziyaretci Defteri</a></li>

</div>

</body>

</html>

Css Kodu

table {margin-left: auto;margin-right: auto}

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

body
{ 
background:url(https://img.webme.com/pic/c/csskekeleme/top_bg3.jpg) repeat-x top #F6F5E9;
margin:auto;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
h1{
font-size:15px;
color:#6C0008;
padding:5px;
margin:3px;
font-weight:normal;
}
h2{
font-size:13px;
color:#666666;
margin:0px;
padding:3px;
}
h3{
font-size:14px;
color:#666666;
margin:0px;
padding:3px;
}
h4{
font-size:12px;
color: #CE6700;
margin:0px;
padding:3px;
font-weight:normal;
}
.clear {
clear:both;
overflow:hidden;
height:4px;
}
#main_content{
width:850px;
height: auto;
margin:auto;
background-color:#F6F6EE;
border:8px #FFFFFF solid;
}
#top_banner{
width:850px;
height:130px;
background:url(https://img.webme.com/pic/h/hagika/illustr.jpg) no-repeat right;
}
img.logo{
padding-left:15px;
}
/*------top menu---------*/
#top_menu{
width:850px;
margin:auto;
padding:15px;
}
ul.menu {
list-style-type:none; display:block; width: auto; height:18px; margin:auto; padding:0;}

ul.menu li {
display:inline;}

ul.services li {
display:inline;}

/*---------menu_navigation--------*/
.menu_navigation{
width:750px;
height:30px;
margin:auto;
clear:both;
}
#left{
width:auto;
float:left;
}
.left{
float:left;
}
.right{
float:left;padding:3px;
}
.right a{
text-decoration:none;
color:#990000;
}
#right{
width:auto;
float:right;
padding-right:25px;
}
/*------contact form------*/
#login{
float:left;
width:auto;
padding:10px 10px 0 30px;
color:#666666;
}
.input{
width:140px;
height:12px;
font-size:10px;
float:left;
}
.textarea{
width:140px;
height:50px;
font-size:10px;
float:left;
}
.submit{
float:left;
margin-left:30px;
margin-top:5px;
}
/*-------footer-----*/
#footer{
width: auto;
height:100px;
clear:both;
margin-top:40px;
background-color: #333333;
}
#footer_content{
width:850px;
margin:auto;
}
#copyrights{
width:350px;
color: #666666; 
font-size:10px;
float:left;
padding:10px;
}
#madeby{
width:140px;
height:40px;
float:right;
text-align:center;
padding-top:0px;
}
#madeby a{
text-decoration:none;
color:#666666;
}
/*---------footer menu---------*/
ul.footer_menu {
list-style-type:none; float:left; display:block; width:auto; height: auto;  margin:0px; padding:3px 0 0 10px;}

ul.footer_menu li {
display:inline;}

a.nav2:link, a.nav2:visited {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width: auto; height:20px; text-align:center; line-height:16px;
text-decoration:none; color: #999999;}

a.nav2:hover {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width:auto; height:20px; text-align:center; line-height:16px;
text-decoration:none;color:#000000;}

</style>   <meta name="google-site-verification" content="bxsb5A6ome7-j0pW3vcKsF8n-Ii8sS-3iokxlKdxrFg" />

	Bugün Ziyaretçi: 7
	Tıklama: 9
	Online: Kişi var
	18.191.156.74

ömRüümün BeSTeS!N! BeN YaZdIM BaŞı SeN….SoNu BeN……

5 Renkli Tasarim

Ana Menü

Kategori

Tasarımlarınız

Arkadaşlarım

ömRüümün BeSTeS!N! BeN YaZdIM BaŞı SeN….SoNu BeN……

fivedesign

5 Renkli Tasarim

Ana Menü

Kategori

Tasarımlarınız

Arkadaşlarım

İstatikler