sade tasarim 2
Tasarım üzerindeki yazı kodu:
<div id="wrapper">
<div id="header">
<table width="982px">
<tbody>
<tr>
<td style="height:60px;width:18px"> </td>
<td><a href="#" title="Tweaking with Vishal"><img src="https://img.webme.com/pic/c/css-tasarimdeneme/t.png" class="sprite banner" width="266" height="32" alt="logo" /></a></td>
<td align="right">
<form method="get" id="searchform" action="#">
<input type="text" value="" name="s" id="s" /> <input type="submit" id="searchsubmit" value="ara" />
</form>
</td>
</tr>
</tbody>
</table>
</div>
<div id="Nav">
<ul>
<li><a href="#" title="acıklama">baslık</a></li>
<li><a href="#" title="acıklama">baslık</a></li>
<li><a href="#" title="acıklama">baslık</a></li>
<li><a href="#" title="acıklama">baslık</a></li>
<li><a href="#" title="acıklama">baslık</a></li>
</ul>
</div>
<div id="content">
<div class="post">
Tasarım altındaki yazı kodu:
</div>
</div>
<div id="sidebarHome" class="sidebar">
<h2>sosyal ağlarımız</h2>
<table>
<tbody>
<tr>
<td style="width:36px"><a href="#" title="RSS" target="_blank"><img src="https://img.webme.com/pic/c/css-tasarimdeneme/t.png" class="sprite feed" width="32" height="32" alt="RSS" /></a></td>
<td style="width:36px"><a href="#" title="Email" target="_blank"><img src="https://img.webme.com/pic/c/css-tasarimdeneme/t.png" class="sprite email" width="32" height="32" alt="Email" align="top" /></a></td>
<td style="width:36px"><a href="#" title="Twitter" target="_blank"><img src="https://img.webme.com/pic/c/css-tasarimdeneme/t.png" class="sprite twitter" width="32" height="32" alt="Twitter" align="top" /></a></td>
<td style="width:36px"><a href="#" title="Facebook" target="_blank"><img src="https://img.webme.com/pic/c/css-tasarimdeneme/t.png" class="sprite facebook" width="32" height="32" alt="Facebook" align="top" /></a></td>
<td style="width:36px"><a href="#" rel="publisher" title="Google+" target="_blank"><img src="https://img.webme.com/pic/c/css-tasarimdeneme/t.png" class="sprite googleplus" width="32" height="32" alt="g+" align="top" /></a></td>
<td style="width:36px"><a href="#" title="YouTube" target="_blank"><img src="https://img.webme.com/pic/c/css-tasarimdeneme/t.png" class="sprite youtube" width="32" height="32" alt="YouTube" align="top" /></a></td>
</tr>
<tr>
<td style="height:22px"> </td>
</tr>
</tbody>
</table>
<h2>baslık</h2>
<ul>
<li><a href="#" title="acıklama">link</a></li>
<li><a href="#" title="acıklama">link</a></li>
<li><a href="#" title="acıklama">link</a></li>
<li><a href="#" title="acıklama">link</a></li>
<li><a href="#" title="acıklama">link</a></li>
</ul>
<h2>baslık</h2>
<ul>
<li><a href="#" title="acıklama">link</a></li>
<li><a href="#" title="acıklama">link</a></li>
<li><a href="#" title="acıklama">link</a></li>
<li><a href="#" title="acıklama">link</a></li>
<li><a href="#" title="acıklama">link</a></li>
</ul>
</div>
<div id="footer" style="text-align:center">Copyright</div>
</div>
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;}
*{padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:13px}body{background:#DCE6F4;color:#333}img{border:0}a{color:#004276;text-decoration:none}a:hover{color:#760042;text-decoration:underline}#header{width:1000px}#Nav{float:left;width:980px;background:#FFF;border-top:1px solid #DDD;border-bottom:1px solid #DDD;margin:0 10px}#Nav li{float:left;position:relative}#Nav a{color:#111;display:block;padding:5px 10px;text-decoration:none}#Nav ul ul{display:none;float:left;position:absolute;z-index:99999;border:1px solid #DDD}#Nav ul ul a{background:#EEE;width:140px}#Nav a.arrow{background:transparent url(https://img.webme.com/pic/c/css-tasarimdeneme/d.png) no-repeat scroll right center;padding-right:15px}#Nav li:hover{background:#EEE}#Nav ul ul :hover{background:#DDD}#Nav ul li:hover > ul{display:block}#wrapper{margin:auto;width:1000px;background:#FFF}#content{width:640px;float:left;background:#FFF;padding:20px}#sidebarHome,#sidebarSingle,#sidebarPage{width:300px;float:left;padding:20px 0}#footer{clear:both;width:1000px;height:25px}blockquote,code{margin-bottom:15px;background:#F5F5F5;border:1px dotted #DDD;padding:13px 10px 0}p{margin-bottom:15px;line-height:160%}h1,h2,h3,h4{font-size:17px;font-weight:400;margin-bottom:20px;color:#DB7100}.post ul,.sidebar ul,.post ol,.sidebar ol{padding:2px 0 2px 15px;list-style-image:url(https://img.webme.com/pic/c/css-tasarimdeneme/b.png)}.post li,.sidebar li,.post ol li,.sidebar ol li{margin-bottom:15px}.navigation{display:block;margin:20px 0}#commentform input{padding:1px}#commentform textarea{width:635px}#commentform #submit{float:right}#commentform p{margin:5px 0}.commentlist li,#Nav ul{list-style:none}.postmeta{background:#EEE;border:1px solid #DDD;padding:4px}.authcomment{background:#FFFFAE;border:1px solid #DDD;padding:4px}.sprite{background:url(https://img.webme.com/pic/c/css-tasarimdeneme/bgg.png)}.banner{background-position:0 0;width:266px;height:32px}.feed{background-position:-267px 0;width:32px;height:32px}.email{background-position:-300px 0;width:32px;height:32px}.twitter{background-position:-333px 0;width:32px;height:32px}.facebook{background-position:-366px 0;width:32px;height:32px}.googleplus{background-position:-399px 0;width:32px;height:32px}.youtube{background-position:-432px 0;width:32px;height:32px}.CleanContact{text-align:left;width:30em;display:block;border:0;padding-top:1em}.CleanContact input[type="text"]{width:100%;margin-bottom:.5em;padding:1px}.CleanContact label{clear:none;display:inline;text-align:left}.CleanContact textarea{width:100%;height:15em;margin-bottom:.5em}.CleanContact label em{font-weight:700;font-style:normal;color:red}.CleanContact_msg{font-weight:700;padding:1em}.CleanContact_msg.ok{background-color:#FFFFAE;border:solid 1px #DDD;color:#333;margin:2em 0}.CleanContact_msg.err{background-color:#EEE;border:solid 1px #DDD;color:#333}YORUM YAPMAYI UNUTMAYIN DÜŞÜNCELERİNİZİ PAYLAŞIN
Bugün 57 ziyaretçi (64 klik) kişi burdaydı!