sanal-derslik

Mavi Gri Tasarım

Önizleme İçin Tıklayın

Tasarımın Üzerindeki Yazı Kısmına

<div id="tasarim">
<div id="ust">
<div class="ustmenu"></div></div>
<div id="orta">
<div class="solsutun">
<div class="arrowlistmenu">
<script src="http://sanalexen.sitemynet.com/gununsozu.js" type="text/javascript"></script>
<br />
<h3 align="left" class="headerbar">Genel Menü</h3>
<div align="left">
<ul>
<li><a href="/ana-sayfa.htm" _fcksavedurl="/ana-sayfa.htm">AnaSayfa</a></li>
<li><a href="#/İletişim.htm" _fcksavedurl="#/İletişim.htm">Iletisim</a></li>
<li><a href="#/Anketler.htm" _fcksavedurl="#/Anketler.htm">Toplist</a></li>
<li><a href="#/Ziyaretçi-defteri.htm" _fcksavedurl="#/Ziyaretçi-defteri.htm">Ziyaretçi Defteri</a></li>
</ul>
</div>
<h3 align="left" class="headerbar">web</h3>
<div align="left">
<ul>
<li><a href="#/Testler-Ve-Soru-Bankalari.htm" _fcksavedurl="#/Testler-Ve-Soru-Bankalari.htm">Design-negro</a></li>
<li><a href="#/Konu-Anlatımları.htm" _fcksavedurl="#/Konu-Anlatımları.htm">Design-negro</a></li>
<li><a href="#/OssDenemeleri.htm" _fcksavedurl="#/OssDenemeleri.htm">Design-negro</a></li>
<li><a href="#/Çıkmış-Sorular.htm" _fcksavedurl="#/Çıkmış-Sorular.htm">Design-negro</a></li>
<li><a href="#/Flash-Dersler.htm" _fcksavedurl="#/Flash-Dersler.htm">Design-negro</a></li>
<li><a href="#/Rehberlik.htm" _fcksavedurl="#/Rehberlik.htm">Design-negro</a></li>
<li><a href="#/Testler.htm" _fcksavedurl="#/Testler.htm">Design-negro</a></li>
<li><a href="#/Slaytlar.htm" _fcksavedurl="#/Slaytlar.htm">Design-negro</a></li>
<li><a href="#/Ataturk.htm" _fcksavedurl="#/Ataturk.htm">Design-negro</a></li>
</ul>
</div>
<h3 align="left" class="headerbar">baslık</h3>
<div align="left">
<ul> <li><a href="#/Fikralar.htm" _fcksavedurl="#/Fikralar.htm">Design-negro</a></li>
<li><a href="#/Muzik-dinle.htm" _fcksavedurl="#/Muzik-dinle.htm">Design-negro</a></li>
<li><a href="#/Muzik-Klip.htm" _fcksavedurl="#/Muzik-Klip.htm">Design-negro</a></li>
<li><a href="#/Film-İzle.htm" _fcksavedurl="#/Film-İzle.htm">Design-negro</a></li>
<li><a href="#/Spor-Videolari.htm" _fcksavedurl="#/Spor-Videolari.htm">Spor Design-negro</a></li>
<li><a href="#/Oyun-Oyna.htm" _fcksavedurl="#/Oyun-Oyna.htm">Design-negro</a></li>
</ul>
</div>
<h3 align="left" class="headerbar">BAslık</h3>
<div align="left">
<ul>
<li><a href="#/100-Temel-Eser.htm" _fcksavedurl="#/100-Temel-Eser.htm">Design-negro</a></li>
<li><a href="#/Onemli-Gunler.htm" _fcksavedurl="#/Onemli-Gunler.htm">Design-negro</a></li>
<li><a href="#/Olcu-Birimleri.htm" _fcksavedurl="#/Olcu-Birimleri.htm">Design-negro</a></li>
<li><a href="#/Bunlari-Biliyormusunuz-f-.htm" _fcksavedurl="#/Bunlari-Biliyormusunuz-f-.htm">Design-negro</a></li>
<li><a href="#/Kalori-Cetveli.htm" _fcksavedurl="#/Kalori-Cetveli.htm">Design-negro</a></li>
<li><a href="#/Zeka-Soruları.htm" _fcksavedurl="#/Zeka-Soruları.htm">Design-negro</a></li>
<li><a href="#/Hizli-Okuma.htm" _fcksavedurl="#/Hizli-Okuma.htm">Design-negro</a></li>
<li><a href="#/Beynin-B.oe.l.ue.mleri.htm" _fcksavedurl="#/Beynin-B.oe.l.ue.mleri.htm">Design-negro</a></li>
<li><a href="#/Ozlu-Sozler.htm" _fcksavedurl="#/Ozlu-Sozler.htm">Design-negro</a></li>
<li><a href="#/yillik.htm" _fcksavedurl="#/yillik.htm">Design-negro</a></li>
<li><a href="#/-Oe-ss-Puan-Hesapla.htm" _fcksavedurl="#/-Oe-ss-Puan-Hesapla.htm">Design-negro</a></li>
<li><a href="#/Unlu-Ressamlar.htm" _fcksavedurl="#/Unlu-Ressamlar.htm">Design-negro</a></li>
<li><a href="#/Deneyler.htm" _fcksavedurl="#/Deneyler.htm">Design-negro</a></li>
<li><a href="#/Dunyanin-Enleri.htm" _fcksavedurl="#/Dunyanin-Enleri.htm">Design-negro</a></li>
<li><a href="#/Osmanli-Padisahlari.htm" _fcksavedurl="#/Osmanli-Padisahlari.htm">Design-negro</a></li>
</ul>
</div>
<h3 align="left" class="headerbar">Design-negro</h3>
<div align="left">
<ul>
<li><a href="/1" _fcksavedurl="/1">Design-negro</a></li>
<li><a href="/1" _fcksavedurl="/1">Design-negro</a></li>
<li><a href="/1" _fcksavedurl="/1">Design-negro</a></li>
<li><a href="/1" _fcksavedurl="/1">Design-negro</a></li>
<li><a href="/1" _fcksavedurl="/1">Design-negro</a></li></ul></div>
</div>
</div>
<div class="sagsutun">

Tasarımın Altındaki Yazı Kısmına

Css Tasarım Kısmına

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;}
table {margin-left: auto;margin-right: auto}
* {padding: 0; margin:0 }
body {
margin-left:  auto;
margin-right: auto;
background: url(http://www.backgroundlabs.com/backgrounds/190.jpg) top center fixed;
}
#tasarim{
width: 676px;
margin-left:  auto;
margin-right: auto;
}
#ust{
margin-left:  auto;
margin-right: auto;
background: url(https://img.webme.com/pic/k/kraloyun00/byco_01.png);
width: 676px;
height: 202px;
float: left;
}
.ustmenu {
width:400px;
padding: 185px 0 0 235px;
float: left;
}
#orta{
margin-left:  auto;
margin-right: auto;
background: url(https://img.webme.com/pic/k/kraloyun00/byco_02.png);
width: 676px;
height: 100%;
float: left;
}
.solsutun{
width:175px;
float: left;
padding: 0 0 0 15px;
overflow: hidden;
}
.sagsutun {
width:450px;
float: left;
padding: 0 0 0 15px;
overflow: hidden;
text-align: justify;
}
#alt{
margin-left:  auto;
margin-right: auto;
background: url(https://img.webme.com/pic/k/kraloyun00/byco_03.png);
width: 676px;
height: 170px;
float: left;
}
<style type="text/css">
.arrowlistmenu{
width: 500px; /*width of menu*/
}
.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(http://img266.yukle.tc/images/1423titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}
.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #A70303;
background: url(http://img263.yukle.tc/images/4546arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: #A70303;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

Fen-Dersleri

Mavi Gri Tasarım