paylasimdiyari16

Siyah Beyaz Turuncu Tasarım

Önizlemeyi Görmek İçin Tıkla

TASARIM Ü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" xml:lang="en">
<head>
    <title>Web site</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="title" content="Web site" />
    <meta name="description" content="Site description here" />
    <meta name="keywords" content="keywords here" />
    <meta name="language" content="en" />
    <meta name="subject" content="Site subject here" />
    <meta name="robots" content="All" />
    <meta name="copyright" content="Your company" />
    <meta name="abstract" content="Site description here" />
    <meta name="MSSmartTagsPreventParsing" content="true" />
    <link id="theme" rel="stylesheet" type="text/css" href="style.css" title="theme" />
<script type="text/javascript" language="javascript" src="js/addon.js"></script>
<script type="text/javascript" language="javascript" src="js/custom.js"></script>
</head>
<body>
    
    <div id="topWrapper">
      <div id="topBanner"></div>
    </div>
    <div id="topnav">
      <ul>
        <li id="current" style="border:none">
          <a href="#" shape="rect">Menü</a>
        </li>
        <li>
          <a href="#" shape="rect">Menü</a>
        </li>
        <li>
          <a href="#" shape="rect">Menü</a>
        </li>
        <li>
          <a href="#" shape="rect">Menü</a>
        </li>
        <li>
          <a href="#" shape="rect">Menü</a>
        </li>
      </ul>
    </div>
    
    <div id="wrapper">
      <div id="container">
        <div id="banner" class="slideshowContainer">
          
          <div class="clear"></div>
        </div>

TASARIM ALTI

<div class="clear" style="height:40px"></div>
      </div>
      
    </div>
    <div id="bottomWrapper">
      <div id="footer">
        <div class="footer-one-third">
          <h2>BASLIK1</h2>
          <ul>
            <li>
              <a href="#" shape="rect"></a>
            </li>
            <li>
              <a href="#" shape="rect">Yazi</a>
            </li>
            <li>
              <a href="#" shape="rect">Yazi</a>
            </li>
            <li>
              <a href="#" shape="rect">Yazi</a>
            </li>
            <li>
              <a href="#" shape="rect">Yazi</a>
            </li>
          </ul>
        </div>
        <div class="footer-one-third">
          <h2>BASLIK2</h2>
          <ul>
            <li>
              <a href="#" shape="rect">Yazi</a>
            </li>
            <li>
              <a href="#" shape="rect">Yazi</a>
            </li>
            <li>
              <a href="#" shape="rect">Yazi</a>
            </li>
            <li>
              <a href="#" shape="rect">Yazi</a>
            </li>
            <li>
              <a href="#" shape="rect">Yazi</a>
            </li>
          </ul>
        </div>
        <div class="footer-one-third footer-last">
          <h2>BASLIK</h2>
          <ul>
            <li>
              <a href="#" shape="rect">Yazi</a>
            </li>
            <li>
              <a href="#" shape="rect">Yazi</a>
            </li>
            <li>
              <a href="#" shape="rect">Yazi</a>
            </li>
            <li>
              <a href="#" shape="rect">Yazi</a>
            </li>
            <li>
              <a href="#" shape="rect">Yazi</a>
            </li>
          </ul>
        </div>
      </div>
      <div id="bottom-links">
        <div style="padding-top:20px">
          
          <a href="http://paylasimdiyari16.tr.gg" shape="rect">Mehmet Tutay</a> 2011 Tüm Haklari Saklidir
        </div>
      </div>
    </div>
</body>
</html>

CSS KODU

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;}

/*
----------------------------------------------------------------------------------------

Copyright 2010 - Thierry Ruiz - www.dotemplate.com - All rights reserved.

THIS TEMPLATE IS FREE AS LONG AS YOU KEEP THE LINK TO WWW.DOTEMPLATE.COM IN THE FOOTER
TO REMOVE THE LINK, PLEASE MAKE A 10 DOLLARS DONATION at www.dotemplate.com/#donate

----------------------------------------------------------------------------------------
*/

html {
    background: $bottomWrapper.bg.color;
    margin:0 0 0 -1px;
    padding:0;
    overflow-Y: scroll;
}

body {
    padding:0;
    margin :0;
    display:table;
    width:100%;
}



#wrapper {
    margin:0 auto ;
    width:100%;
}

                    body {
    background-color:#FFFFFF;
}

#wrapper {
    border-top: 1px solid #ffffff;
}



#topWrapper {
    width:100%;
    height:150px;
    background-color:${topWrapper.bg.color};
    background-image:url(https://img.webme.com/pic/p/pay16fun/topwrapper-bg.jpg);
    background-position:center top ;
    background-repeat:repeat-x;
}


#topBanner {
    width:920px;
    margin:0 auto;
    height:150px;
    background-image:url(https://img.webme.com/pic/p/pay16fun/topbanner.jpg);
    background-repeat:no-repeat;
}



#topnav {
    background:transparent url(https://img.webme.com/pic/p/pay16fun/hmenu.jpg) repeat-x top left;
}



#topnav {
    height:40px;
    margin:0 auto ;
    text-align:center;
}

#topnav ul {
    display:table;
    margin:0 auto;
    padding:0;
    list-style-type:none;
    position:relative;
    height:40px;
    text-transform:uppercase;
    font-size:12px;
    font-family:Arial,sans-serif;
}

#topnav ul li {
    display:block;
    float:left;
    margin:0;
    padding:0;
    background:transparent url(https://img.webme.com/pic/p/pay16fun/hmenu.jpg) repeat-x top left;

}

#topnav ul li a {
    display:block;
    float:left;
    color:#000000;
    text-decoration:none;
    padding:0px 50px ;
    line-height:40px;
    font-weight:bold;
}

#topnav ul li a:hover, #topnav li#current a {
    color:#ffffff;
    background:transparent url(https://img.webme.com/pic/p/pay16fun/hmenu-sel.jpg) repeat-x top left;
}



#topnav ul {
    width:920px;
}

body {
    background-position : center 190px;
}





#container {
    margin:0 auto;
    width:920px;
    min-height:770px;
}



#banner {
    margin:15px auto;
    width:100%;
}

.slideshow {
    height: 300.0px;
    width:100%;
    margin: 0 auto ;
}

.slideshow img {
    padding: 0;
    margin:0;
    width:920px;
    height:300.0px;
}

.slideshow a img { border:none }

.slideshowContainer {
    display:block;
    clear:both;
    width:100%;
    position:relative;
}

.slideshowBottom {
    clear:both;
    height:20px;
    position:absolute;
    top:280.0px;
    width:920px;
    z-index:10;
    background:url(https://img.webme.com/pic/p/pay16fun/slideshowbottom.png) no-repeat scroll center center transparent;
}

.slideshowLeftCorner {
    height:10px;
    position:absolute;
    top:0;
    left:0;
    width:10px;
    z-index:10;
    background:url(https://img.webme.com/pic/p/pay16fun/slideshowleftcorner.png) no-repeat scroll center center transparent;
}

.slideshowRightCorner {
    height:10px;
    position:absolute;
    top:0;
    left:910px;
    width:10px;
    z-index:10;
    background:url(https://img.webme.com/pic/p/pay16fun/slideshowrightcorner.png) no-repeat scroll center center transparent;
}


#content {
    width:920px;
    margin:0 auto ;
    text-align:left;
}

#content p {
    text-align:justify;
}




#content a:link, #content a:visited{
    color:#ff2d31;
    font-weight:bold;
}

#content p {
    margin-top:10px;
    text-align:justify;
}

.last {
    margin-right:0 !important;
    clear:right;
}

.one_fourth {
    float:left;
    margin-right:40px;
    width:200px;
    margin-bottom:20px;
    position:relative;

}

.bloc h3 {
    margin-top:10px;
}

.bloc {
    padding:15px;
    background-color:#EEEEEE;
}

.half {
    float:left;
    width:440px;
    margin: 20px 40px 20px 0px;
    position:relative;
}

.padd15 {
    padding:15px;
}

.padd20 {
    padding:20px;
}

body {
    color:#444444;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
}

p {
    letter-spacing: normal;
    line-height: 1.7em;
}

h1 {
    color:#000000;
    margin:20px 0 10px 0;
    clear:both;
}

h2 {
    color:#000000;
    margin:10px 0 10px 0;
    clear:both;
}

h3 {
    color:#000000;
    margin:10px 0 5px 0;
    clear:both;
}

a:link, a:visited {
    color:#ff2d31;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}



#bottomWrapper {
    background-color:#eaba2a;
    background-image:url(https://img.webme.com/pic/p/pay16fun/bottomwrapper-bg.png);
    background-position:center top ;
    background-repeat:repeat-x;
    text-align:center;
    color:#2dfc34;
    text-align:center;
    width:100%;
    clear:both;
}

#bottomWrapper a:link, #bottomWrapper a:visited {
    color:#ff2d31;
}

#bottomWrapper a:hover{
    color:#000000;
    text-decoration:none;
}

#footer {
    min-height:260px;
    width:920px;
    margin:0 auto;
    background-color:#eaba2a;
    background-image:url(https://img.webme.com/pic/p/pay16fun/footer-bg.png);
    background-position:center top ;
    background-repeat:no-repeat;
}

.footer-last {
    margin-right:0 !important;
    clear:right;
}

.footer-one-third {
    float:left;
    margin:20px 100px 20px 0;
    width:240px;
    position:relative;
    text-align:left;
    overflow:hidden;
}

.footer-one-third h3 {
    margin-top:10px;
}

.footer-one-third ul{
    border-top:1px solid #f4c434;
    padding:0 ;
}

.footer-one-third ul, .footer-one-third li {
    list-style: none ;
    margin-left:0 ;
}

.footer-one-third li {
    border-bottom:1px solid #f4c434;
    padding: 5px 0 ;
}

#bottom-links {
    height:60px;
    background:#dbab1b url(https://img.webme.com/pic/p/pay16fun/bottomlinks-bg.png') center top repeat-x;
}


a img {
    border:none;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

Siyah Beyaz Turuncu Tasarım

Saat Şu Anda

.::Menümüz::.

Canlı Destek

paylasimdiyari16

Siyah Beyaz Turuncu Tasarım

Saat Şu Anda

.::Menümüz::.

Canlı Destek