YS Okul Teması V5 Çıktı!

Merhaba Arkadaşlar. Ben YazarSayar : )
Bugün Size Kendi Kodladığım Bir WordPress Tasarımını Vereceğim Vereceğim Demo Siteden Demoya Bakabilir ve Sitemden Yorumlarınızı Atabilirsiniz. Tasarım Okul 'u için Bir Site Yapmış SaygıDeğer Bedava-sitem.Com Kullanıcıları için Yapılmış Bir WordPress Temasının TrGG Versiyonudur. Sahsen Ben Çok Beğendim. Normal Sade Bir Tema Özelliklerini Yazmayacağım Girin Bakın Demodan Canlı Canlı Görün.
Ben WordPress Tasarımları Kodlamaya 3 Gün Önce Başladım ve İyi Bir Yere Geldim ve Bu Da Onun Bir Eseri.
Buyrun Demosu ve HTML Kodları : )

Tasarım Üstü

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

</div>
<div class="t-tum">
</div>
</div>
<div class="menu">

<ul class="ustmenu">
<li><a href="http://yazarsayar.tk/">ANA SAYFA</a></li>
<li><a href="/okul/?p=44">BİZE ULAŞIN</a></li>
<li><a href="/okul/?p=40">TARİHCEMİZ</a></li>
<li><a href="/okul/?p=46">ATATÜRK KÖŞESİ</a></li>
<li><a href="/okul/?p=42">OKULUMUZ</a></li>
</ul>
</div>

</form>
</div>
</div>
</div>

</div>

<div class="baslik">
<p>
<img src="http://temakolik.net/okul/wp-content/themes/ws-okul23/images/default/kategoriler-icon.png" width="15" height="19" /> KATEGORİLER</p>
</div>
<ul class="list-menu">
<li class="cat-item cat-item-1"><a href="http://yazarsayar.tk/" title="Genel kategorisi altındaki tüm yazıları göster">Genel Bölüm</a>
</li>
</ul>
</div>

<div class="baslik">
<p>
<img src="http://temakolik.net/okul/wp-content/themes/ws-okul23/images/default/kategoriler-icon.png" width="15" height="19" />Bizden Son Haberler</p>
</div>
<ul class="list-menu">
<li><a href='http://yazarsayar.tk/' title='İletişim'>İletişim</a></li>
<li><a href=''http://yazarsayar.tk/' title='Atatürk Köşesi'>Atatürk Köşesi</a></li>
<li><a href=' http://yazarsayar.tk/' title='Bakanımız'>Bakanımız</a></li>
<li><a href='http://yazarsayar.tk/' title='Okulumuz'>Okulumuz</a></li>
<li><a href='http://yazarsayar.tk/' title='Tarihcemiz'>Tarihcemiz</a></li>
</ul>
</div>

<div class="baslik">
<p>
<img src="http://temakolik.net/okul/wp-content/themes/ws-okul23/images/default/yildiz-icon.png" width="15" height="18"/> YARARLI LİNKLER</p>
</div>
<div class="sideform">

<label>Lütfen Link Seçiniz</label>

<option selected="selected">Seçiniz</option>

<option value="http://www.yazarsayar.tk//">YazarSayar</option>

<option value="http://www.yazarsayar.blogspot.com/p/bana-ulasin.html">YS İletişim</option>

<option value="http://www.meb.gov.tr">Milli Eğitim Bakanlığı</option>

<option value="http://www.bilgegenc.com">Bilge Genç</option>

<option value="http://tckimlik.nvi.gov.tr/">TC Kimlik No</option>

<option value="https://vedop.mb-ggm.gov.tr/vkn_sorgu/VKNO_SORGULAMAinput.asp">Vergi Kimlik No</option>

<option value="http://eczane.tr.net/">Nöbetçi Eczaneler</option>

<option value="http://www.alo118.com/tr/onemlitel.asp">Önemli Telefonlar</option>

</select>

</div>
</div>
</div>

<p class="resim">
<a href="/okulumuz.html"><img src="http://temakolik.net/okul/wp-content/themes/ws-okul23/images/1.jpg" width="138" height="155" /></a></p>
<p class="isim">
<a href="/okulumuz.html" title="Okulumuz">Okulumuz</a></p>
</div>
<div class="cek">

<p class="resim">
<a href="/ataturk-kosesi.html"><img src="http://temakolik.net/okul/wp-content/themes/ws-okul23/images/2.jpg" width="138" height="155" /></a></p>
<p class="isim">
<a href="ataturk-kosesi.html" title="Ataturk Köşesi">Ataturk Köşesi</a></p>
</div>
<div class="cek">

<p class="resim">
<a href="/projelerimiz.html"><img src="http://temakolik.net/okul/wp-content/themes/ws-okul23/images/3.jpg" width="138" height="155" /></a></p>
<p class="isim">
<a href="/projelerimiz.html" title="Projelerimiz">Projelerimiz</a></p>
</div>
<div class="cek">

<p class="resim">
<a href="/tarihcemiz.html"><img src="http://temakolik.net/okul/wp-content/themes/ws-okul23/images/4.jpg" width="138" height="155" /></a></p>
<p class="isim">
<a href="/tarihcemiz.html">Tarihcemiz</a></p>
</div>
<div class="t-tum">
</div>
</div>
</div>

</div>
</div>

<div class="baslik">
<p>
<img src="http://temakolik.net/okul/wp-content/themes/ws-okul23/images/default/widget-icon.png" width="10" height="17" /> HAVA DURUMU</p>
</div>
<img src="http://www.dmi.gov.tr/sunum/imgdurumgor-c1-g.aspx?merkez=ISTANBUL&renkC=111&renkT=000&renkZ=fff" width="150px" height="50px" alt="CANAKKALE" />

</div>

<div class="baslik">
<p>
<img src="http://temakolik.net/okul/wp-content/themes/ws-okul23/images/default/duyurular-icon.png" width="18" height="19" /> DUYURULAR</p>
</div>
<ul class="duyurular">

<marquee width="160" height="160" direction="up" scrollamount="2" onMouseOver="this.stop();" onMouseOut="this.start();" >
<li><a href="http://temakolik.net/okul/?p=53">İletişim</a></li>
<li><a href="http://temakolik.net/okul/?p=46">Atatürk Köşesi</a></li>
<li><a href="http://temakolik.net/okul/?p=44">Bakanımız</a></li>
<li><a href="http://temakolik.net/okul/?p=42">Okulumuz</a></li>
</marquee>

</ul>
</div>

<div class="baslik">
<p>
<img src="http://temakolik.net/okul/wp-content/themes/ws-okul23/images/default/kategoriler-icon.png" width="15" height="19" />  Etiketler</p>
</div>
<ul class="list-menu">

<a href='http://temakolik.net/okul/?tag=ataturk' class='tag-link-4' title='1 konu' style='font-size: 8pt;'>Atatürk</a>
<a href='http://temakolik.net/okul/?tag=ataturk-lisesi' class='tag-link-9' title='1 konu' style='font-size: 8pt;'>Atatürk Lisesi</a>
<a href='http://temakolik.net/okul/?tag=e-okul' class='tag-link-8' title='1 konu' style='font-size: 8pt;'>E Okul</a>
<a href='http://temakolik.net/okul/?tag=lise' class='tag-link-7' title='1 konu' style='font-size: 8pt;'>Lise</a>
<a href='http://temakolik.net/okul/?tag=meb' class='tag-link-5' title='1 konu' style='font-size: 8pt;'>Meb</a>
<a href='http://temakolik.net/okul/?tag=okul' class='tag-link-6' title='1 konu' style='font-size: 8pt;'>Okul</a>
<a href='http://temakolik.net/okul/?tag=ws-okul' class='tag-link-10' title='1 konu' style='font-size: 8pt;'>WS-OKUL</a>

</ul>
</div>
<style type="text/css">  </style> 
<style type="text/css"> 
table {margin-left: auto;margin-right: auto} 
</style>

Tasarım Altı 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;}
/*

Theme Name: WS-OKUL

Theme URI: http://webmastersitesi.com

Description: Webmaster Sitesi Tarafından WS-OKUL

Version: v1

Author: WS

Author URI: http://webmastersitesi.com

*/                                                        */

body{ background:url(../http://img.webme.com/pic/s/serhat97/mavi/bg.jpg) fixed}

.t-sol{clear:left;}

.t-sag{clear:right;}

.t-tum{clear:both;}

.cntr{width:980px;margin:0px auto;padding:10px 0 0 0;}

h1{}

/* HEADER */

#header{}

#dil{font:bold 11px Tahoma, Geneva, sans-serif;color:#3265B5;padding:0 0 20px 0;}

#dil img{margin-bottom:-3px;padding:0 3px 0 0;}

#dil li{display:block;width:80px;float:right;text-align:right;}

#dil li a{color:#3265B5;}

#dil li a:hover{color:#333;}

#head{padding:10px 0px;}

#head .logo{width:252px;float:left;}

#head .reklam{width:728px;float:right;}

#header .menu{height:41px;background:url(../http://img.webme.com/pic/s/serhat97/mavi/featured.png) no-repeat 0px 0px;font:12px Arial, Helvetica, sans-serif;color:#fff;}

#header .menu .ustmenu{padding:13px 0 0 3px;}

#header .menu .ustmenu li{display:inline;}

#header .menu .ustmenu li a{color:#FFF;text-shadow:#254A7F 1px 1px 0px;padding:11px;}

#header .menu .ustmenu li a:hover{background:#3566AA;color:#B6E5FC;}

#header .altbar{height:44px;background:url(../http://img.webme.com/pic/s/serhat97/mavi/featured.png) no-repeat 0px -41px;;}

#header .altbar .canlidestek{font:11px Arial, Helvetica, sans-serif;color:#666666;padding:13px;width:380px;float:left;}

#header .altbar .canlidestek .online{font-weight:bold;color:#009900;}

#header .altbar .canlidestek .offline{color:#C00;font-weight:bold}

#header .altbar .canlidestek img{margin-bottom:-4px;}

#header .altbar .arama{float:right;width:245px;height:32px;padding:6px;}

#header .altbar .arama .ic{background:url(../http://img.webme.com/pic/s/serhat97/mavi/featured.png) no-repeat 0px -86px;height:32px;}

#header .altbar .arama .input{background:transparent;border:none;font:12px Arial, Helvetica, sans-serif;color:#1F52A1;padding:7px;width:190px;}

#header .altbar .arama .button{background:transparent;border:none;padding:5px;width:35px;}

/* */

#content{padding:10px 0 0 0; background:#E6FFCC}

#sol-sidebar{width:164px;float:left;}

#sag-sidebar{width:164px;float:right;}

#orta-alan{width:604px;float:left;padding-left:26px;}

#kutu{background:#fff;border:1px solid #C5D1E0;margin-bottom:13px;-moz-border-radius:2px;-webkit-border-radius:2px;}

#kutu .baslik{background:url(../http://img.webme.com/pic/s/serhat97/mavi/featured.png) no-repeat -247px -86px;height:30px;font:bold 11px Arial, Helvetica, sans-serif;color:#525252;border-bottom:2px solid #C5D1E0;}

#kutu .baslik p{padding:6px 0 0 7px;}

#kutu .baslik img{margin-bottom:-5px;padding-right:0px;}

/* List Menu */

#kutu .list-menu{font:11px Arial, Helvetica, sans-serif;color:#666666;}

#kutu .list-menu li{border-bottom:1px solid #E1E7EF;}

#kutu .list-menu li a{display:block;padding:7px 1px 7px 10px;color:#666;margin-bottom:1px;}

#kutu .list-menu li a:hover{background:#F3F7FB;color:#648ECA;}

#kutu .anket{padding:7px 5px;font:11px Arial, Helvetica, sans-serif;}

#kutu .anket .soru{color:#7D7D7D;}

#kutu .anket .cevaplar{padding:5px 0 8px 0;color:#ABABAB;}

#kutu .anket .cevaplar label{display:block;margin-bottom:4px;}

.button49{width:49px;background:url(../http://img.webme.com/pic/s/serhat97/mavi/featured.png) no-repeat 0px -119px;border:none;height:24px;font:bold 11px Arial, Helvetica, sans-serif;color:#3265B5;text-shadow:#fff 1px 1px 0px;}

.button144{width:144px;height:25px;background:url(../http://img.webme.com/pic/s/serhat97/mavi/featured.png) no-repeat -50px -120px;border:none;font:10px Tahoma, Geneva, sans-serif;color:#666666;}

#kutu .duyurular{font:11px Arial, Helvetica, sans-serif;color:#7D7D7D;line-height:15px;}

#kutu .duyurular li{border-bottom:1px solid #E1E7EF;background:url(../http://img.webme.com/pic/s/serhat97/mavi/duyuru-li-bg.png) no-repeat;}

#kutu .duyurular li a{color:#7D7D7D;display:block;padding:5px 4px 5px 16px}

#kutu .duyurular li a:hover{color:#80A1CD;text-decoration:underline;}

#kutu .musterihizmetleri{height:44px;padding:8px;font:11px Arial, Helvetica, sans-serif;color:#666666;line-height:14px;background:url(../http://img.webme.com/pic/s/serhat97/default/musteri-hizmetleri-bg-img.png) no-repeat right bottom;}

#kutu .musterihizmetleri h3{font:bold 11px Tahoma, Geneva, sans-serif;color:#F24813;}

#kutu .musterihizmetleri p{padding:5px 0 0 0;}

#kutu .onlinedestek{padding:10px;text-align:center;font:bold 11px Tahoma, Geneva, sans-serif;color:#666666;}

#kutu .onlinedestek .online{background:#DEF2DE;padding:6px;color:#009900;margin:6px 0px;}

#kutu .onlinedestek .offline{background:#FFCCCC;padding:6px;color:#CC0000;margin:6px 0px;}

#kutu .sideform{padding:10px;}

#kutu .sideform .input{font:11px Tahoma, Geneva, sans-serif;color:#666;padding:4px;width:132px;background:#F5F7F9;margin-bottom:6px;border:1px solid #E3EAF0;}

#kutu .sideform label{font:10px Arial, Helvetica, sans-serif;color:#666666;display:block;padding:0 0 4px 0;}

#kutu .sideform .balon{background:#F7F9FB;border-bottom:1px solid #E3EAF0;font:10px Arial, Helvetica, sans-serif;color:#666666;padding:5px;margin-bottom:5px;}

/* ////////////////////////////////////////////////////////////// */

/* ///// ICERIK /////////////////////////////////////////////////// */

#manset{background:#ffffff;border:1px solid #C5D1E0;padding:1px;margin-bottom:18px;}

#vitrin{background:#ffffff;border:1px solid #C5D1E0;-moz-border-radius:2px;-webkit-border-radius:2px;margin-bottom:18px;}

#vitrin .baslik{background:url(../http://img.webme.com/pic/s/serhat97/mavi/featured.png) no-repeat -247px -86px;border-bottom:1px solid #C5D1E0;height:30px;}

#vitrin .baslik p{padding-top:9px;}

#vitrin .baslik h2{font:bold 11px Arial, Helvetica, sans-serif;color:#666666;padding:0px 10px;}

#vitrin .baslik h2 b{font-weight:normal;color:#ADADAD;padding-left:10px;}

#vitrin .baslik h2 b em{font-weight:bold;font-style:normal;text-decoration:underline;color:#999;}

#vitrin .baslik h2  a{display:block;text-align:right;margin-top:-14px;color:#356CBA;font-weight:normal;text-decoration:underline;}

#vitrin .baslik h2  a:hover{color:#333;}

#vitrin .urunler{padding:10px;}

#vitrin .urunler .cek{width:134px;text-align:center;height:173px;background:url(../http://img.webme.com/pic/s/serhat97/mavi/featured.png) no-repeat 0px -148px;float:left;margin-right:6px;margin-left:5px;margin-bottom:10px;}

#vitrin .urunler .cek .resim{padding-top:10px;}

#vitrin .urunler .cek .isim{font:11px Arial, Helvetica, sans-serif;color:#386FBF;padding-top:13px;height:30px;}

#vitrin .urunler .cek .isim a{color:#386FBF;}

#vitrin .urunler .cek .isim a:hover{color:#333;}

#vitrin .urunler .cek .kategori{font:10px Tahoma, Geneva, sans-serif;color:#AEAEAE;padding-top:15px;}

#vitrin .urunler .cek .kategori a{color:#AEAEAE;}

#vitrin .urunler .cek .kategori a:hover{color:#666;}

/* //////////////////////////////////////////////////////////////// */

/* ///// REKLAM /////////////////////////////////////////////////// */

.ortareklam{margin-bottom:18px;text-align:center;}

/* //////////////////////////////////////////////////////////////// */

/* ///// SAYFA /////////////////////////////////////////////////// */

#sayfa{border:1px solid #C5D1E0;-moz-border-radius:2px;-webkit-border-radius:2px;margin-bottom:16px;}

#sayfa h1{background:url(../http://img.webme.com/pic/s/serhat97/mavi/featured.png) no-repeat -247px -86px;border-bottom:1px solid #C5D1E0;height:10px;font:bold 16px Arial, Helvetica, sans-serif;color:#333;padding:10px;border-bottom:1px solid #C5D1E0;}

#sayfa .yazi{ background:#FFFFFF;font:11px Arial, Helvetica, sans-serif;color:#666;line-height:17px;padding:10px;}

#sayfa .yazi a{text-decoration:underline;color:#333;}

#sayfa .yazi a:hover{color:#666;}

#sayfalama{background:#E9EEF3;padding:15px;font:bold 11px Arial, Helvetica, sans-serif;color:#7794B7;text-align:center;}

#sayfalama li{display:inline;}

#sayfalama a{color:#7794B7;background:#fff;padding:5px 8px;}

#sayfalama a:hover{color:#fff;background:#7794B7;}

/* /////////////////////////////////////////////////////////////// */

/* ///// FOOTER /////////////////////////////////////////////////// */

#footer{background:#DFE6EE;border-bottom:1px solid #C5D1E0;font:10px Arial, Helvetica, sans-serif;color:#666;padding:6px;margin-bottom:5px;}

/* //////////////////////////////////////////////////////////////// */

.tamam-buton{

background:url(../http://img.webme.com/pic/s/serhat97/default/buton-bg.jpg) repeat-x bottom left;

border:1px solid #FF6600;

padding:5px;

font:bold 11px tahoma;

color:#fff;

-moz-border-radius:6px;

-webkit-border-radius:6px;}

.tamam-buton:active{

background:url(../http://img.webme.com/pic/s/serhat97/default/buton-bg2.jpg) repeat-x bottom left;

border:1px solid #FF6600;

padding:5px;

font:bold 11px tahoma;

color:#fff;

-moz-border-radius:6px;

-webkit-border-radius:6px;}

.tdyazi{margin:0px;

font-family:"lucida grande",tahoma,verdana,arial,sans-serif;

font:12px arial;

color:#000;}

#webme_footer_textlink_dont_hide { 
color: white; 
background-color: #000000; 
}

#İyi Günler ve İyi Kullanmalar Dilerim : )

+ Yorum Yapıldı. + 1 Yorum Yapıldı.

izlebizi

8 Ocak 2015 10:23

en güzel sözler http://www.fullguzelsozler.net/ 'te ..

Yorum Gönder

1-Yorumlarınızda Küfür,Argo Kelimeler Kullanmayın.
2-Kelimelerinizi Doğru ve Teleffuzu Kolay Olanlardan Seçin.
3-Reklam Yapmayın,Sitenizi Tanıtmayın.
4-Alıntı Yapmak Yasaktır. Aksi Takdirde Gereken Yapılır.
5-Yorum Yapan Birine Gönderme Yaparken Önce Onun Adını Yazın.
-------
Lütfen Kurallara Uyun , Uymayanları Uyarın...

YazarSayar