Pc-Depo

Rs11

TASARIMIN ÜSTÜNE :

<div id="wrap"> <div id="header"> <div id="topbar"> <div id="searchbar"> <form action="#"> <div> <input type="text" id="keyword" /> <span><input type="image" src="http://ramblingsoul.com/preview/rs11/images/gobutton.jpg" id="button" alt="Go" /></span> </div> </form> </div> <div id="navigation"> <ul> <li class="active"><a href="#" _fcksavedurl="#">Home</a></li> <li><a href="styles.html" _fcksavedurl="styles.html">Styles</a></li> <li><a href="termsofuse.html" _fcksavedurl="termsofuse.html">Terms of Use</a></li> <li><a href="#" _fcksavedurl="#">Nogo Link</a></li> <li><a href="#" _fcksavedurl="#">Nogo</a> </li> </ul> </div> </div> <div id="subnav"><a href="#" _fcksavedurl="#">Register</a> | <a href="#" _fcksavedurl="#">Login</a> | <a href="#" _fcksavedurl="#">Sitemap</a> | <a href="#" _fcksavedurl="#">Contact</a> | <a href="#" _fcksavedurl="#">Dummy Link One</a> |<a href="#" _fcksavedurl="#"> Dummy Link Two </a></div>  <h1 id="sitename">RS11 - Free CSS Template </h1> </div> <div id="content">  <div id="left"> <div id="breadcrumb">WEP KODLARI.TR.GG</div> <div class="post"> <h2>WEP KODLARI.TR.GG</h2>

TASARIMIN ALTINA :

</p> </div>   </div> <div id="sidebar"> <h2>Sidebar</h2> <ul> <li><a href="#" _fcksavedurl="#">Lorem Ipsum Dolor</a></li> <li><a href="#" _fcksavedurl="#">Sed Ultrices Nulla Eget Tortor </a></li> <li><a href="#" _fcksavedurl="#">Aliquam Nulla Tellus </a></li> <li><a href="#" _fcksavedurl="#">Tempor Fringilla </a></li> <li><a href="#" _fcksavedurl="#">Integer Vestibulum Phasellus </a></li> <li><a href="#" _fcksavedurl="#">Lorem Ipsum Dolor</a></li> <li><a href="#" _fcksavedurl="#">Lorem Ipsum Dolor</a></li> </ul> <h2>Categories</h2> <ul> <li><a href="#" _fcksavedurl="#">Lorem Ipsum Dolor</a></li> <li><a href="#" _fcksavedurl="#">Sed Ultrices Nulla Eget Tortor </a></li> <li><a href="#" _fcksavedurl="#">Aliquam Nulla Tellus </a></li> <li><a href="#" _fcksavedurl="#">Tempor Fringilla </a></li> <li><a href="#" _fcksavedurl="#">Integer Vestibulum Phasellus </a></li> <li><a href="#" _fcksavedurl="#">Lorem Ipsum Dolor</a></li> <li><a href="#" _fcksavedurl="#">Lorem Ipsum Dolor</a></li> </ul> </div>  <div class="clear"></div> </div> <div id="footer"> <p>YourCompany © All rights Reserved</p> <p>Home | About Us | Products | Services | Careers | Privacy Policy | Contact </p> <p id="credit"><a href="http://ramblingsoul.com" _fcksavedurl="http://ramblingsoul.com">CSS Template</a> by RamblingSoul | Sponsored By <a href="http://www.kaysbargains.com/" _fcksavedurl="http://www.kaysbargains.com/">Bargain Finder</a></p></div> </div>

CSS KODUNA :

</p> </div> 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;}  * {padding:0; margin:0;} a, a:visited {color: #930;} a:hover {color:#09c; text-decoration:none;} #sidebar { width: 200px; float: right; padding:15px 30px 5px 5px; } #left { padding-left: 25px; float: left; width: 595px; } body { font:11px "Trebuchet MS", Arial, sans-serif; color:#666; background:#999 url(http://ramblingsoul.com/preview/rs11/images/bg.jpg) repeat-x; } .clear {clear:both;}  #wrap {background:url(http://ramblingsoul.com/preview/rs11/images/contentbg.jpg) repeat-y; width:867px; margin:auto;} #header{ background:url(http://ramblingsoul.com/preview/rs11/images/header.jpg) no-repeat; height:188px;} #footer {background:url(http://ramblingsoul.com/preview/rs11/images/footer.jpg) no-repeat; height:103px; padding:25px 0 0 0;} #left p {line-height:18px; margin-bottom:20px;} #breadcrumb { padding:5px; background:#f4f4f4; border-bottom:solid 1px #e2e2e2; margin-bottom:10px; font:13px "Trebuchet MS", Arial, sans-serif; text-transform:uppercase;} h1, h2, h3, h4 {font:"Trebuchet MS", Arial, sans-serif;} h2 {font:18px "Trebuchet MS", Arial, sans-serif;} #topbar { height:40px; padding:55px 25px 0 25px; } #searchbar { width:250px; float:left; padding-left:35px; background-image: url(http://ramblingsoul.com/preview/rs11/images/searchicon.jpg); background-repeat: no-repeat; background-position: 3px 9px; padding-top: 5px; } #searchbar #keyword { width:150px; display: block; float: left; height: 20px; border: 1px solid #969696; padding: 2px; margin-right: 5px; font-size: 14px; } #searchbar form {padding:3px;} #navigation { margin-left:305px; padding-top:8px;} #navigation ul {list-style:none;} #navigation li {display:inline;} #navigation a, #navigation a:visited, #navigation a:active {display:block; float:left; background:url(http://ramblingsoul.com/preview/rs11/images/menu2.jpg) repeat-x; height:19px; padding:5px 15px 0 15px; margin-right:5px; color:#000; text-decoration:none; border:solid 1px #999;} #navigation a:hover {background:url(http://ramblingsoul.com/preview/rs11/images/menu1.jpg) repeat-x; color:#fff; border: solid 1px #09c;} #navigation .active a {background:url(http://ramblingsoul.com/preview/rs11/images/menu1.jpg) repeat-x; color:#fff; border: solid 1px #09c;} #sidebar h2 {display:block; color:#069; font:16px "Trebuchet MS", Arial, sans-serif; padding:5px; border-bottom: solid 1px #bbb; text-transform:uppercase;} #sidebar ul {list-style:none; margin-bottom:15px;} #sidebar li {display:block; height:26px; border-bottom:solid 1px #ddd;} #sidebar a, #sidebar a:visited {display:block; height:21px; padding:5px 5px 0 5px; color:#333; text-decoration:none;} #sidebar a:hover { color:#069;} h3.subhead { font-size:12px; text-transform:uppercase; color: #fff; display:block; padding:5px; border:solid 1px #ddd; background: #990000; } .columns {padding:0 8px 0 8px;} .col1 {width:30%; float:left;} .col3 {width:30%; float:right;} .col2 {margin:0 32% 0 32%;} .clear2 {width:590px; clear:left; float:right; color:#fff!important;} .columns div {background:#f3fbe0; height:200px;} .columns div p {padding:5px;} #subnav {padding: 9px 50px 0 420px; color:#fff;} #subnav a {color:#fff; text-decoration:none;} img.leftalign, img.rightalign {display:block; padding:3px; background:#efefef; border: solid 1px #ddd;} img.leftalign {float:left; margin-right:8px;} img.rightalign {float:right; margin-left:8px;} h1#sitename {display:block; padding:5px 70px 0 50px; color:#fff; font:22px normal "Trebuchet MS", Arial, sans-serif; } #sitename a, #sitename a:visited, #sitename a:hover {color:#fff; text-decoration:none;} #footer p {text-align:center; display:block; padding:3px;} #footer #credit {font-size:10px;} #left h2 { color:#900!important;} blockquote {background:#efefef; padding:5px; border:solid 1px #ddd; display:block; margin:5px;} blockquote.leftalign {width:300px; float:left;} .post ul, .post ol {margin-bottom:15px;} .post li {padding:3px;} code {background:#ccc; white-space:pre; display:block; margin:5px; padding:5px;} .postbottom a { margin:0 10px 0 10px;} .postbottom {padding:3px; background:#efefef; border:solid 1px #ddd; margin-bottom:20px;} .pagenav {padding:3px; background:#efefef; border:solid 1px #ddd; margin-bottom:20px;} .pagenav span {display:block; width:250px;} .pagenav .leftalign {float:left;} .pagenav .rightalign { margin-left:300px; text-align:right;}

Css Tasarımlar

Program İndir

Link Takas

Rs11

TASARIMIN ÜSTÜNE :

TASARIMIN ALTINA :

CSS KODUNA :