Bs-Designs

css3

Tasarım Üstü
<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="http://hitdizayn.tr.gg" _fcksavedurl="http://hitdizayn.tr.gg">Ana Sayfa</a></li> <li><a href="styles.html" _fcksavedurl="styles.html">İletişim</a></li> <li><a href="termsofuse.html" _fcksavedurl="termsofuse.html">Z.Defteri</a></li> <li><a href="#" _fcksavedurl="#">Ekle</a></li> <li><a href="#" _fcksavedurl="#">Ekle</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"></h1> </div> <div id="content"> <div id="left"> <div id="breadcrumb">HitDizayn.Tr.Gg</div> <div class="post"> <h2>Web Site İçerik Bölümü</h2> <p>

Tasarım Altına
</p> </div> </div> <div id="sidebar"> <h2>Ana Menü</h2> <ul> <li><a href="http://www.gezginler-tr.tr.gg/" _fcksavedurl="http://www.gezginler-tr.tr.gg/">Ana Sayfa</a></li> <li><a href="http://www.gezginler-tr.tr.gg/" _fcksavedurl="http://www.gezginler-tr.tr.gg/">İletişim</a></li> <li><a href="http://www.gezginler-tr.tr.gg/" _fcksavedurl="http://www.gezginler-tr.tr.gg/">Z.Defteri</a></li> <li><a href="#" _fcksavedurl="#">Konu1</a></li> <li><a href="#" _fcksavedurl="#">Konu2 </a></li> <li><a href="#" _fcksavedurl="#">Konu3</a></li> <li><a href="#" _fcksavedurl="#">Konu4</a></li> </ul> <h2>Katagori</h2> <ul> <li><a href="#" _fcksavedurl="#">Konu1</a></li> <li><a href="#" _fcksavedurl="#">Konu2 </a></li> <li><a href="#" _fcksavedurl="#">Konu3 </a></li> <li><a href="#" _fcksavedurl="#">Konu4 </a></li> <li><a href="#" _fcksavedurl="#">Konu5 </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>Copyright Gezinler-TR® Tüm Hakları Saklıdır</p> <p>http://www.gezginler-tr.tr.gg/</p> <p id="credit"><a href="http://HitDizayn.Tr.Gg" _fcksavedurl="http://HitDizayn.Tr.Gg">CSS Tasarımlar</a> http://www.gezginler-tr.tr.gg/ <a href="http://www.gezginler-tr.tr.gg/" _fcksavedurl="http://www.gezginler-tr.tr.gg/"> Html-Kod-City</a></p></div> </div>

CSS-Code Bölümüne
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(https://img.webme.com/pic/h/html-kod-city/header.jpg) no-repeat; height:188px;} #footer {background:url(https://img.webme.com/pic/h/html-kod-city/foter.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;}

css3