kodlarex - Css Tasarim 3

Css Hazır Tasarımlar Koduları Linkler Asagıda;

Kısa Yollar

Spon Sor Ve Dost Sitler

MReklam Alanı

Kodlarex Kod'da Öncü

Css Tasarim 3

Tasarım Üstü-

<!DOCTYPE html 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>
<title>TuSitio</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
  <div id="header2">
    <h1 id="sitename"><a href="http://www.free-css.com/"><span class="blue">Mis</span>Sitio</a><span class="caption">Plantilla CSS by Dutch</span></h1>
    <div id="nav">
      <form action="LINK">
        <div id="search">
          <input type="text" class="keyword" value="Search" />
        </div>
      </form>
      <div id="topmenu">
        <ul>
          <li class="active"><a href="LINK">LINK</a></li>
          <li><a href="LINK">LINK</a></li>
          <li><a href="LINK">LINK</a></li>
          <li><a href="LINK">LINK</a></li>
          <li><a href="LINK">LINK</a></li>
          <li><a href="LINK">LINK</a></li>
        </ul>
      </div>
    </div>
    <div class="clear"></div>
    <div id="breadcrumb">TuSitio » <a href="LINK" class="active">Inicio</a> »</div>
  </div>
  <div id="content">
    <div id="right">
      <div id="featured">
        <div> Esta plantilla podra ser editada una vez que hayan colocado los codes en su pagina</div>
        <span class="ftd_btm"><a href="Link">Leer Mas..</a></span></div>
      <div class="post">

Tasarım Altına-

<div class="postbottom">
                  </div>
      </div>
    </div>
            <div id="sidebar">
      <div id="sidebartop"></div>
      <h2>Menu</h2>
      <ul>
        <li class="active"><a href="LINK">LINK</a></li>
        <li><a href="LINK">LINK</a></li>
        <li><a href="LINK">LINK</a></li>
        <li><a href="LINK">LINK</a></li>
        <li><a href="LINK">LINK</a></li>
        <li><a href="LINK">LINK</a></li>
      </ul>
      <h2>Navegacion</h2>
      <ul>
        <li><a href="LINK">LINK</a></li>
        <li><a href="LINK">LINK</a></li>
        <li><a href="LINK">LINK</a></li>
      </ul>
      <div id="sidebarbtm"></div>
    </div>
    <div class="clear"></div>
    <div id="bottom">
      <p>Copyright © 2008 Elnombredetupagina</p>
      <p><a href="Puedes">Puedes</a> | <a href="Poner">Poner</a> | <a href="Algunos">Algunos</a> | <a href="Links">Links</a> | <a href="Por">Por</a> | <a href="Aqui">Aqui</a></p>
    </div>
  </div>
  <div id="footer">
    <div id="credits"> <a href="http://ramblingsoul.com">CSS Template</a> by RamblingSoul</div>
  </div>
</div>
</body>
</html>

Css Bölmüne-

h1#title{display: none;}
h2#title span {display: none;}
#nav_container{display: none;}
#pre_header{display: none;}
#header{display:none;}

*{
   margin: 0px;
   padding: 0px;
}
a {
   color: #0EA2CC;
   text-decoration: none;
}
h1, h2, h3 {font-family:"Trebuchet MS", Verdana, sans-serif;}
h1 {font-size:26px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
body {background:url(http://img24.imageshack.us/img24/8333/bg2obl.jpg) fixed center top; background-color:#ccc; font:12px Verdana, Arial, Helvetica, sans-serif;}
#wrap {width:950px; margin:0 auto 0 auto;}
#header2 {background:url(http://img24.imageshack.us/img24/2107/headerduz.png) no-repeat; height:174px;}
#content {background:url(http://img24.imageshack.us/img24/164/pagebg.png) repeat-y; padding:0 40px 0 40px;}
#right { float:right; width:610px;}
#right p {line-height:20px; margin-bottom:20px;}
#right a {border-bottom: solid 1px #0ea2cc;}
#right a:visited, active {border:none;}
#right a:hover {color:#000; border-bottom:solid 1px #000;}
h1 a, h2 a, h3 a, h4 a {text-decoration:none; border:none!important;}
.clear {clear:both;}
#sidebar {float:left; width:250px; background:url(http://img24.imageshack.us/img24/6015/sb2i.jpg) left repeat-y;}
#sidebartop {background: url(http://img24.imageshack.us/img24/8125/sb1c.jpg) left top no-repeat; height:10px;}
#sidebarbtm {background:url(http://img5.imageshack.us/img5/3361/sb3d.jpg) left top no-repeat; height:9px;}
#sidebar ul {list-style:none; font:bold 14px "Trebuchet MS", Verdana, sans-serif; margin-bottom:15px;}
#sidebar li {display:block; height:36px; margin-bottom:2px;}
#sidebar a, #sidebar a:visited {
   display:block;
   background:url(http://img24.imageshack.us/img24/6135/menu1i.jpg) right top no-repeat;
   padding: 10px 10px 0 40px;
   height: 26px;
   color:#999;
}
#right h2 {
   color:#014782; font:normal 18px "Trebuchet MS", Verdana, sans-serif;
}
#right h2 a {color:#014782}
#right h2 a:hover {color:#000; background:#ffffee; border:none;}
#sidebar a:hover {background:url(http://img24.imageshack.us/img24/7707/menu2q.jpg) right top no-repeat; color:#333;}
#sidebar .active a{background:url(http://img24.imageshack.us/img24/4452/menu3v.jpg) right top no-repeat; color:#000;}
#sidebar h2 {
   display:block;
   background:url(http://img10.imageshack.us/img10/912/sidebarh2i.jpg) no-repeat;
   height:40px;
   padding:14px 10px 0 40px;
   color: #186185;
   text-transform:uppercase;
}
#footer {background:url(http://img24.imageshack.us/img24/4941/footerbg.png) no-repeat; height:62px;}

#sitename {
   display:block;
   float:left;
   width:210px;
   padding:15px 0 0 40px;
   text-align:center;
   color: #FFFFFF;
   font: normal 28px "Trebuchet MS", Verdana, sans-serif;
}
#sitename a{color:#fff;}
.caption {
   display:block;
   font: normal 12px Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
   padding-top:30px;}

#sitename a .blue {
   color:#0F9EC8;
   font-style: italic;
}
#sitename a:hover {color:#0f9ec8;}
#sitename a:hover .blue{color:#9c6; font-family:Georgia; font-weight:normal;}

#nav {float:right; width:645px; padding:0 40px 0 0; height:134px;}
#breadcrumb { background:url(http://img24.imageshack.us/img24/6724/breadcrumb.jpg) center bottom no-repeat;
   padding:7px 40px 5px ;
   height: 18px;
   color:#999999; text-transform:uppercase;
   font: bold 16px"Trebuchet MS", Verdana, sans-serif;}
#breadcrumb a.active {color:#000!important;}
#breadcrumb a{text-decoration:none; color:#999;}
#breadcrumb a:visited, breadcrumb a:active {color:#999;}
#breadcrumb a:hover {color:#333;}
#nav #search{
   padding-left: 475px;
   padding-top: 17px;
   height: 48px;
}
#nav #search .keyword{
   background: transparent url(http://img5.imageshack.us/img5/8623/searchd.png) no-repeat;
   height: 33px;
   width: 132px;
   padding: 10px 20px 0 10px;
   font-size: 12px;
   color: #999;
   border:none;
   overflow:hidden;
}
#header form {padding:0; margin:0;}
#topmenu { height:51px; font:bold 14px "Trebuchet MS", Verdana, sans-serif; text-transform:uppercase; padding-top:15px;}
#topmenu ul {list-style:none; padding-left:10px;}
#topmenu li {display:inline; margin-left:3px;}
#topmenu a, #topmenu a:visited {display:block; float:left; background:url(http://img24.imageshack.us/img24/9928/nav2.png) repeat-x; text-align:center; padding:5px 25px 0 25px; height:25px; color:#999999;}
#topmenu .active a {background:url(http://img509.imageshack.us/img509/7338/nav1.png) repeat-x; color:#333;}
#topmenu .active a:hover {background:url(http://img24.imageshack.us/img24/1596/nav4.png) repeat-x; color:#333;}
#topmenu a:hover {background:url(http://img24.imageshack.us/img24/6036/nav3i.png) repeat-x; color:#fff;}
#featured {
   background:url(http://img24.imageshack.us/img24/6215/ftrdbox.jpg) no-repeat;
   height:150px;
   color:#00CCFF;
   margin-bottom:15px;
}
#featured div {
   padding:25px 10px 0 50px;
   height: 90px;
   font:normal 16px "Palatino Linotype", "Book Antiqua", Palatino, serif;

}
.ftd_btm {display:block; height:20px; padding:15px 5px 0 35px; background:url(http://img5.imageshack.us/img5/1768/ftrdlink.png)8px 12px no-repeat}
#featured a {color:#fff; border-bottom:none;}
#featured a:visited, #featured a:active{color:#E3F7FD;}
#featured a:hover { text-decoration:underline; color:#fff!important;}
.postbottom {background:url(http://img24.imageshack.us/img24/9448/postbttm.png) no-repeat; height:26px; margin-bottom:20px;}
.postbottom ul {list-style:none;}
.postbottom li {display:inline; margin:0!important; padding:0!important;}
.postbottom a, .postbottom a:visited, .postbottom a:active{color:#fff; border:none!important; display:block; float:left; height:20px; padding:6px 5px 0 30px;}
.postbottom a:hover {color:#000;}
.permalink a, .permalink a:visited, .permalink a:active {background:url(images/ico_more.png)5px 5px no-repeat;}
.cats a{background:url(http://img24.imageshack.us/img24/2779/icocat.png)5px 5px no-repeat;}
.auth a{background:url(http://img24.imageshack.us/img24/737/icousr.png)5px 5px no-repeat;}
.date a{background:url(http://img24.imageshack.us/img24/9229/icodate.png) 5px 5px no-repeat;}
.comnts a{background:url(http://img24.imageshack.us/img24/1592/commentx.png)5px 5px no-repeat;}

.post h2 {display:block; margin-bottom:15px;}
.post .description {display:block; font-size:12px; color:#999;}

.post blockquote {background:#eee url(http://img24.imageshack.us/img24/630/quotetmc.png) 5px 5px no-repeat; padding:8px 8px 0 35px; font:normal 14px "Palatino Linotype", "Book Antiqua", Palatino, serif; display:block; border: solid 1px #ddd; }

.post .extract { float:left; margin-right:10px; width:250px;}

.post ul {margin-left:25px;}
.post ol {margin-left:25px;}
.post li {padding:3px;}
.post .leftalign {display:block; padding:5px; background:#eee; margin:8px; float:left; border:solid 1px #ddd;}
.post .rightalign {display:block; padding:5px; background:#eee; margin:8px; float:right;border:solid 1px #ddd;}

/*tables and Forms */

#right table {
   width:90%;
   border:1px solid #0075A4;
   margin-bottom:20px;
   background: #E3F6FF;
   margin-top: 15px;
}
#right th {
   background:#0075A4;
   padding:5px 15px 5px 15px;
   color:#8ADBFF;
   text-align:center;
   border-bottom:1px solid #000000;
   font: bold 16px "Trebuchet MS", Verdana, sans-serif;
   text-transform: uppercase;
}
#right td {
   border-bottom:1px solid #0075A4;
   padding:5px 15px 5px 15px;
   border-right:1px solid #0075A4;
}

.textfield {
   display: block;
   width:50%;
   margin:3px 3px 3px 30px;
   padding:3px;
   border: 1px solid #CBE0E7;
   background: #E9F2F5;
}
label {
   display: block;
   margin:3px;
   padding: 5px;
   font-weight: bold;
}
.button {
   display: block;
   padding:0px;
   margin:3px;
   border: 1px solid #9DC6D2;
   color:#000000;
   background: #E9F2F5;
}
.textfield:hover {
   background:#FFFFCC;
}
.textfield:focus {
   background:#ffffff;
   border: 1px solid #3A2C1B;
}
.hide {display:none;}
#bottom {padding:20px; background:url(http://img24.imageshack.us/img24/7671/bottombg.png) repeat-x; margin-top:15px;}
#bottom p {display:block; padding:3px; text-align:center;}
#credits {text-align:right; font-size:10px; padding:5px 40px 0 40px; }
.pagenavi { height:22px; padding: 5px 5px 0 5px; background: #eee; border: solid 1px #ddd; margin:25px 0 15px 0;}
.pagenavi .alignleft {display:block; text-align:left;}
.pagenavi .alignright {display:block; float:right;}
.pagenavi a, .pagenavi a :visited, .pagenavi a :active {color:#000; font-weight:bold; text-decoration:none; border:none!important;}
.pagenavi a:hover {color:#0099CC!important;}

/*shopping Cart */
#catalogue {margin:10px 0 10px 0; background:#eee; border:solid 1px #ddd; padding:5px;}
.item {width:135px; float:left; height:220px;}
.item h3 {display:block; padding:3px;}
.item span {display:block; padding:3px;}
.item .price {color:#993300; font-weight:bold; }
.item span img {border:none!important;}
.item span a {border:none!important; text-decoration:none;}
.item img {}
img.productimg {border:solid 1px #716148; margin:0 0 0 8px;}
.clear2 {width:100%; clear:left;}
.sec_head {
   display:block;
   background: #0077A2 url(http://img24.imageshack.us/img24/6044/ftrdboxn.jpg) no-repeat 0px -60px;
   padding:3px;
   margin-bottom:15px;
   color: #FFF !important;
}

Bugün 12 ziyaretçi (17 klik) kişi burdaydı!

İp'iniz: 98.153.196.114
Online:
Kişi: 457
Klik: 1492
Kodlarex: Kodlarex

Kodlarex İşimiz Gücümüz Kodlamak:)!

Foruma Üye Olmak İçin Tıklayın