MicrosoftHelp | Bilmek istediğiniz herşey - Hayal dünyası tasarımı

ThemePix <div id="afis"></div> <div class="temizle"></div> <div id="icerikust"></div> <div class="temizle"></div> <div id="icerik"> <div id="sol">

Tasarım altı :

<div class="temizle"></div>
<div id="yazilar"><div class="sonyazilar"></div></div>
<div class="temizle"></div>

<div class="temizle"></div>
<div class="temizle"></div>
<div class="temizle"></div>

<div id="sayfa">
</div>
<div class="temizle"></div>
</div>
<div id="sag">
<div id="abone">
<form action="http://test.blogizma.org" method="post">
<div id="aboneyaz"><input type="text" class="email" value="e-posta adresinizi girin"  onfocus_fckprotectedatt="%20onfocus%3D%22if%20(this.value%20%3D%3D%20'e-posta%20adresinizi%20girin')%20%7Bthis.value%20%3D%20''%3B%7D%22" onBlur_fckprotectedatt="%20onBlur%3D%22if%20(this.value%20%3D%3D%20'')%20%7Bthis.value%20%3D%20'e-posta%20adresinizi%20girin'%3B%7D%22" id="user_email" name="user_email"/></div>
<div id="abonebas"><input type="submit" class="buton" value=""/></div>
</form>
</div>
<div class="temizle" style="height:10px;"></div>
<div id="menu">
<ul id="tabMenu">
<li class="kategori selected"></li>
<li class="yorum"></li>
<li class="pop"></li>
</ul>
<div class="boxTop"></div>
<div class="boxBody">
<div id="kategori" class="show">
<ul>
<li class="cat-item cat-item-1"><a href="http://test.blogizma.org/c/genel" _fcksavedurl="http://test.blogizma.org/c/genel" title="Genel kategorisi altındaki tüm yazıları göster">Genel</a>
</li>
</ul>
</div>
<div id="yorum">
<ul>
<li>None found</li>									</ul>
</div>
<div id="pop">
<ul>
</ul>
</div>
</div>
<div class="boxBottom"></div>
</div>
<div class="temizle"></div>
<div id="sagara"></div>
<div class="temizle"></div>
<div id="anket">
<div id="anketyaz"><a href="http://wordpress.org/extend/plugins/wp-polls/" _fcksavedurl="http://wordpress.org/extend/plugins/wp-polls/" target="_new">WP-Polls</a> eklentisini kurmalısınız!</div>
<div id="anketbas"><input type="submit" class="buton" value=""/></div>
</div>
<div class="temizle"></div>
<div id="sagalt"></div>
<div class="temizle"></div>
</div>
<div class="temizle"></div>
<div id="etiket"><a href='http://test.blogizma.org/etiket/aglarda' _fcksavedurl='http://test.blogizma.org/etiket/aglarda' class='tag-link-19' title='1 konu' style='font-size: 12pt;'>ağlarda</a>
<a href='http://test.blogizma.org/etiket/blogizma' _fcksavedurl='http://test.blogizma.org/etiket/blogizma' class='tag-link-17' title='1 konu' style='font-size: 12pt;'>blogizma</a>
<a href='http://test.blogizma.org/etiket/medya' _fcksavedurl='http://test.blogizma.org/etiket/medya' class='tag-link-20' title='1 konu' style='font-size: 12pt;'>medya</a>
<a href='http://test.blogizma.org/etiket/sosyal' _fcksavedurl='http://test.blogizma.org/etiket/sosyal' class='tag-link-18' title='1 konu' style='font-size: 12pt;'>sosyal</a>
<a href='http://test.blogizma.org/etiket/temalari' _fcksavedurl='http://test.blogizma.org/etiket/temalari' class='tag-link-5' title='1 konu' style='font-size: 12pt;'>temaları</a>
<a href='http://test.blogizma.org/etiket/test' _fcksavedurl='http://test.blogizma.org/etiket/test' class='tag-link-3' title='1 konu' style='font-size: 12pt;'>test</a>
<a href='http://test.blogizma.org/etiket/turkce' _fcksavedurl='http://test.blogizma.org/etiket/turkce' class='tag-link-4' title='1 konu' style='font-size: 12pt;'>türkçe</a>
<a href='http://test.blogizma.org/etiket/wordpress' _fcksavedurl='http://test.blogizma.org/etiket/wordpress' class='tag-link-6' title='1 konu' style='font-size: 12pt;'>wordpress</a> </div>
<div class="temizle"></div>
<div id="icerikalt"></div>
<div class="temizle"></div>
<div id="footer">
<div id="copyright"><a href="http://www.microsofthelp.tr.gg" _fcksavedurl="http://www.microsofthelp.tr.gg">Microsofthelp</a></div>
<div id="emek">
<ul>
<li class="f1"><a href="http://test.blogizma.org/feed" _fcksavedurl="http://test.blogizma.org/feed">rss</a></li>
<li class="f2"><a href="http://www.wordpress.org" _fcksavedurl="http://www.wordpress.org">wordpress</a></li>
<li class="f3"><a href="mailto:bozlak216@gmail.com" _fcksavedurl="mailto:bozlak216@gmail.com">wordpress</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>

</body>
</html>

Css Kodu :

Tasarım özellikleri ;

Header menü
Üst duyuru alanı
Sağ menü + Reklam alanı
Footer

NOT : Tasarımda hiçbiryere dokunmadım fakat , Footer'da küçük bir microsofthelp linki bıraktım. Lütfen kaldırmadan kullanırsanız memnun olurum .

Kodları CTRL+A ile alabilirsiniz ..