EĞİTİM DÜNYASI

tasarım kodu

TASARIMIN ÜSTÜ

<body>
<div class="PageBackgroundGradient"></div><div class="PageBackgroundGlare"><div class="PageBackgroundGlareImage"></div></div>
<div class="Main">

<div class="Sheet">
<div class="Sheet-body">
<div class="nav">
<ul class="menu">
<li><a class="active" href=" ***** "><span><span>ANASAYFA</span></span></a></li>
<li class="page_item page-item-2"><a href=" ***** " title="About"><span><span>ZİYARETÇİ DEFTERİ</span></span></a></li>

<li class="page_item page-item-34"><a href=" **** " title="Parent 1"><span><span>SAYAÇ</span></span></a>
<ul>
<li class="page_item page-item-39"><a href="*** " title="Child 1"><span><span>İLETİŞİM</span></span></a>
<ul>
<li class="page_item page-item-45"><a href="***" title="Child 4"><span><span>Ü.MENÜ-E</span></span></a></li>
</ul>
</li>
<li class="page_item page-item-41"><a href="***" title="Child 2"><span><span>Ü.MENÜ-F</span></span></a></li>

<li class="page_item page-item-43"><a href="***" title="Child 3"><span><span>Ü.MENÜ-G</span></span></a></li>
</ul>
</li>
<li class="page_item page-item-35"><a href=" ***** "><span><span>FORUM</span></span></a></li>
<li class="page_item page-item-37"><a href= " ***** " title="Parent 3"><span><span>TOPLİST</span></span></a></li>
<li class="page_item page-item-37"><a href= " ***** " title="Parent 3"><span><span>VİDEO</span></span></a></li>
<li class="page_item page-item-37"><a href= " ***** " title="Parent 3"><span><span>RESİM</span></span></a></li>
<li class="page_item page-item-37"><a href= " ***** " title="Parent 3"><span><span>MÜZİK</span></span></a></li>
</ul><div class="l">
</div><div class="r"><div></div></div></div><div class="Header">

</table>

</div>

</div>
<div class="contentLayout">
<div class="sidebar1">

<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
OKULUMUZ
<div class="l"></div>
<div class="r"><div></div></div>

</div>

<div class="BlockContent">
<div class="BlockContent-body">
<ul>
<li class="cat-item cat-item-3"><a href=" ***** ">Okulumuz</a>
<ul class='children'>
<li class="cat-item cat-item-1"><a href=" ***">Sınıfımız</a>

</li>
</ul>
</div>
</div>

</div>
<div class="Block-tl"></div>
<div class="Block-tr"><div></div></div>
<div class="Block-bl"><div></div></div>
<div class="Block-br"><div></div></div>
<div class="Block-tc"><div></div></div>

MENÜ-1
<div class="l"></div>
<div class="r"><div></div></div>
</div>

</ul>

</div>
</div>

</div>
<div class="Block-tl"></div>
<div class="Block-tr"><div></div></div>
<div class="Block-bl"><div></div></div>
<div class="Block-br"><div></div></div>
<div class="Block-tc"><div></div></div>

</div>
<div class="Block-tl"></div>
<div class="Block-tr"><div></div></div>
<div class="Block-bl"><div></div></div>
<div class="Block-br"><div></div></div>
<div class="Block-tc"><div></div></div>

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

</div>
<div class="Block-tl"></div>
<div class="Block-tr"><div></div></div>
<div class="Block-bl"><div></div></div>
<div class="Block-br"><div></div></div>
<div class="Block-tc"><div></div></div>

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

</div>
<div class="Block-tl"></div>
<div class="Block-tr"><div></div></div>
<div class="Block-bl"><div></div></div>
<div class="Block-br"><div></div></div>
<div class="Block-tc"><div></div></div>

*Search*
<div class="l"></div>
<div class="r"><div></div></div>

</div>

<button class="Button" type="submit" name="search">
<span class="btn">
    <span class="t">Search</span>
    <span class="r"><span></span></span>
    <span class="l"></span>

</span>
</button>

</form>

</div>
</div>

</div>
<div class="Block-tl"></div>
<div class="Block-tr"><div></div></div>
<div class="Block-bl"><div></div></div>

</div>
<div class="content">

<div class="BlockContent">
<div class="BlockContent-body">


      <div class="post" id="post-32">
        <h2> <marquee> BURAYA DUYURU YAZISI YAZILACAK...</marquee></h2>

<div class="entry">

TASARIMIN ALTINA

</div>
</div>

</div>
</div>

</div>
<div class="Block-tl"></div>

</div>
<div class="sidebar2">

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

</div>
<div class="Block-tl"></div>
<div class="Block-tr"><div></div></div>
<div class="Block-bl"><div></div></div>
<div class="Block-br"><div></div></div>
<div class="Block-tc"><div></div></div>

</div>
<div class="Block-tl"></div>
<div class="Block-tr"><div></div></div>
<div class="Block-bl"><div></div></div>
<div class="Block-br"><div></div></div>
<div class="Block-tc"><div></div></div>

</div>
<div class="Block-tl"></div>
<div class="Block-tr"><div></div></div>
<div class="Block-bl"><div></div></div>
<div class="Block-br"><div></div></div>
<div class="Block-tc"><div></div></div>

</div>
<div class="Block-tl"></div>
<div class="Block-tr"><div></div></div>
<div class="Block-bl"><div></div></div>
<div class="Block-br"><div></div></div>
<div class="Block-tc"><div></div></div>

<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
LİNKLER-1
<div class="l"></div>
<div class="r"><div></div></div>
</div>

<div class="BlockContent-body">
<ul>
<li><a href="http://murathoca54.tr.gg ">murathoca54</a></li>

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

</div>
<div class="Block-tl"></div>
<div class="Block-tr"><div></div></div>
<div class="Block-bl"><div></div></div>
<div class="Block-br"><div></div></div>
<div class="Block-tc"><div></div></div>

LİNKLER-2
<div class="l"></div>
<div class="r"><div></div></div>
</div>

<div class="BlockContent-body">
<ul>
<li><a href=" ***">LİNK1</a></li>
<li><a href="***">LİNK2</a></li>
<li><a href=" *** ">LİNK3</a></li>
<li><a href=" ***">Okul Sitemiz</a></li>

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

</div>
<div class="Block-tl"></div>
<div class="Block-tr"><div></div></div>
<div class="Block-bl"><div></div></div>
<div class="Block-br"><div></div></div>
<div class="Block-tc"><div></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;}

/*
Theme Name: WP-Veg
Description: WP-Veg, free WordPress theme by WP-Spider.
Version: 1.0
Author: WP-Spider
Author URI: http://www.freewordpresstheme.info/
Tags: fixed width, three columns, valid XHTML, widgets

License Information :

All templates are free to use as long as you leave the credits unchanged.
You cannot claim these templates or modifications of these templates as yours.
You cannot redistribute these templates on your website.
You cannot modify these templates and distribute them.

/* begin Page */

body
{
margin: 0 auto;
padding: 0;
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background-color: #FEFEFF;
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Page-BgTexture.png');
background-repeat: repeat;
color: #000000;
}

h2
{
font-size: 18px;
}

.Main
{
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.PageBackgroundGlare
{
position: absolute;
width: 100%;
left: 0;
top: 0;
}

.PageBackgroundGlareImage
{
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Page-BgGlare.png');
background-repeat: no-repeat;
height: 542px;
width: 416px;
margin: 0;
}

/* specially for Opera */
html:first-child .PageBackgroundGlare
{
border: 1px solid transparent;
}
/* specially for Opera */

* html .PageBackgroundGlareImage
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://www.31f.info/wp-content/themes/WP-Veg/images/Page-BgGlare.png',sizingMethod='crop')");
}
.PageBackgroundGradient
{
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Page-BgGradient.png');
background-repeat: repeat-x;
height: 100px;
}

table, th, td
{
font-size: 1em;
padding: 0;
border-collapse: collapse;
}

a img
{
border: 0;
}

a
{
color: #325A62;
}

a:link
{
color: #325A62;
}

a:visited
{
color: #3C4A4D;
}

a:hover
{
color: #01ABD2;
}
/* end Page */

/* begin Box, Sheet */
.Sheet
{
min-width:47px;
min-height:47px;
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 0;
width: 950px;

}

* html .Sheet
{
width:expression(this.offsetWidth < 47 ? 47+"px" : "auto !important");
height:expression(this.offsetHeight < 47 ? 47+"px" : "auto !important");

width: 950px;
zoom: 1;
}

.Sheet-body
{
position: relative;
overflow: hidden;
z-index: 0;
margin: 12px;
text-align: left;
}

.Sheet-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 37px;
height: 37px;
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-s.png');
}

* html .Sheet-tl
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-s.png',sizingMethod='crop')");
}

.Sheet-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 37px;
height: 37px;
}

* html .Sheet-tr
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-37+'px');
}

.Sheet-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -37px;
width: 74px;
height: 74px;
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-s.png');
}

* html .Sheet-tr div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-s.png',sizingMethod='crop')");
}

.Sheet-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 37px;
height: 37px;
}

* html .Sheet-bl
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-37+'px');
}

.Sheet-bl div
{
position: absolute;
z-index: -1;
top: -37px;
left: 0;
width: 74px;
height: 74px;
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-s.png');
}

* html .Sheet-bl div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-s.png',sizingMethod='crop')");
}

.Sheet-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 37px;
height: 37px;
}

* html .Sheet-br
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-37+'px');
left: expression(this.parentNode.offsetWidth-37+'px');
}

.Sheet-br div
{
position: absolute;
z-index: -1;
top: -37px;
left: -37px;
width: 74px;
height: 74px;
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-s.png');
}

* html .Sheet-br div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-s.png',sizingMethod='crop')");
}

.Sheet-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 37px;
right: 37px;
height: 37px;
}

* html .Sheet-tc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-74+'px');
}

.Sheet-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 74px;
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-h.png');
}

* html .Sheet-tc div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-h.png',sizingMethod='scale')");
}

.Sheet-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 37px;
right: 37px;
height: 37px;
}

* html .Sheet-bc
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-37+'px');
width: expression(this.parentNode.offsetWidth-74+'px');
}

.Sheet-bc div
{
position: absolute;
z-index: -1;
top: -37px;
left: 0;
width: 100%;
height: 74px;
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-h.png');
}

* html .Sheet-bc div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-h.png',sizingMethod='scale')");
}

.Sheet-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 37px;
left: 0;
width: 37px;
bottom: 37px;
}

* html .Sheet-cl
{
font-size: 1px;
height: expression(this.parentNode.offsetHeight-74+'px');
}

.Sheet-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 74px;
height: 100%;
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-v.png');
}

* html .Sheet-cl div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-v.png',sizingMethod='scale')");
}

.Sheet-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 37px;
right: 0;
width: 37px;
bottom: 37px;
}

* html .Sheet-cr
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-37+'px');
height: expression(this.parentNode.offsetHeight-74+'px');
}

.Sheet-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -37px;
width: 74px;
height: 100%;
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-v.png');
}

* html .Sheet-cr div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-v.png',sizingMethod='scale')");
}

.Sheet-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 37px;
left: 37px;
right: 37px;
bottom: 37px;
background-color: #F5F5F5;
}

* html .Sheet-cc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-74+'px');
height: expression(this.parentNode.offsetHeight-74+'px');
}
.Sheet
{
margin-top: 15px !important;
margin-bottom: 3em;
padding: 0 0 1em 0;
}
/* end Box, Sheet */

/* begin Header */
div.Header
{
margin: 0 auto;
position: relative;
width: 926px;
height: 175px;
}

* html div.Header
{
font-size: 1px;
}

div.Header div
{
width: 100%;
height: 100%;
background-image: url(' https://img.webme.com/pic/t/tefennim15/seriiiksosy.png ');
background-repeat: no-repeat;
background-position: center center;
text-align: left;
}
/* end Header */

/* begin Logo */
.logo
{
position: relative;
left: 10px;
top: 62px;
}

.logo td
{
text-align: left;
vertical-align: middle;
white-space: nowrap;
}

.logo-name
{
font-size: 26px;
font-family: Trebuchet MS;
font-style: normal;
font-weight: bold;
}

.logo-name a
{
text-decoration: none;
color: #F1F7F8 !important;
}

.logo-text
{
font-size: 18px;
font-family: Trebuchet MS;
font-style: normal;
font-weight: normal;
color: #F1F7F8 !important;
}
/* end Logo */

/* begin Menu */
.menu, .menu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}

.menu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
}

.menu li:hover
{
z-index: 10000;
white-space: normal;
}

.menu li li
{
float: none;
}

.menu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
}

.menu li:hover>ul
{
visibility: visible;
top: 100%;
}

.menu li li:hover>ul
{
top: 0;
left: 100%;
}

.menu:after, .menu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.menu, .menu ul
{
min-height: 0;
}

.menu ul
{
background-image: url(http://www.31f.info/wp-content/themes/WP-Veg/images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}

.menu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}

* html .menu, * html .menu ul
{
height: 1%;
}

* html .menu li.menuhover
{
z-index: 10000;
}

* html .menu .menuhoverUL
{
visibility: visible;
}

* html .menu .menuhoverUL
{
top: 100%;
left: 0;
}

* html .menu .menuhoverUL .menuhoverUL
{
top: 0;
left: 100%;
}

* html .menu ul a
{
height: 1%;
}

* html .menu li li
{
float: left;
width: 100%;
}

* html .menu .menuhoverUL .menuhoverUL
{
top: 5px;
left: 100%;
}

* html .menu, * html .menu ul
{
height: 1%;
}

* html .menu li.menuhover
{
z-index: 10000;
}

* html .menu .menuhoverUL
{
visibility: visible;
}

* html .menu .menuhoverUL
{
top: 100%;
left: 0;
}

* html .menu .menuhoverUL .menuhoverUL
{
top: 0;
left: 100%;
}

* html .menu ul a
{
height: 1%;
}

* html .menu li li
{
float: left;
width: 100%;
}
.nav
{
position: relative;
margin: 0 auto;
width: 926px;
height: 37px;
z-index: 100;
}

.menu
{
padding: 3px 11px 3px 11px;
}

* html .nav
{
zoom: 1;
}

.nav .l, .nav .r, .nav .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 37px;
}

.nav .l
{
left: 0;
right: 11px;
}

* html .nav .l
{
width: expression(this.parentNode.offsetWidth-11+'px');
}

.nav .r
{
right: 0;
width: 11px;
}

* html .nav .r
{
left: expression(this.parentNode.offsetWidth-11+'px');
}

.nav .r div
{
width: 926px;
right: 0;
}

* html .nav .r div
{
left: expression(this.parentNode.offsetWidth-926+'px');
}

.nav .l, .nav .r div
{
background-position: left top;
background-repeat: no-repeat;
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/nav.png');
}

* html .nav .l, * html .nav .r div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://www.31f.info/wp-content/themes/WP-Veg/images/nav.png',sizingMethod='crop')");
}
/* end Menu */

/* begin MenuItem */
.menu ul li
{
clear: both;
}

.menu a , .menu a span
{
height: 31px;
display: block;
}

* html .menu a , * html .menu a span
{
float: left;
}

.menu a
{
cursor: pointer;
text-decoration: none;
margin-right: 2px;
margin-left: 2px;

}
.menu a
{
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/item-left.png');
background-position: left top;
background-repeat: no-repeat;
}

.menu a span
{
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/item-right.png');
background-position: right top;
background-repeat: no-repeat;
}
.menu a span span
{
font-family: 'Trebuchet MS';
font-size: 14px;
font-weight: normal;
font-style: normal;
text-decoration: none;
color: #DAE9EC;
padding: 0 5px;
margin: 0 13px;
line-height: 31px;
text-align: center;
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/item-center.png');
background-position: left top;
background-repeat: repeat-x;

}

* html .menu a span span
{
display: inline;
}
.menu a:hover
{
background-position: left -31px;
}

.menu li:hover>a
{
background-position: left -31px;
}

* html .menu .menuhover .menuhoverA
{
background-position: left -31px;
}

.menu li:hover a span
{
background-position: right -31px;
}

.menu a:hover span
{
background-position: right -31px;
}

* html .menu .menuhover .menuhoverA span
{
background-position: right -31px;
}

.menu a:hover span span
{
color: #FFFFFF;
background-position: left -31px;
}

.menu li:hover a span span
{
color: #FFFFFF;
background-position: left -31px;
}

* html .menu .menuhover .menuhoverA span span
{
color: #FFFFFF;
background-position: left -31px;
}

.menu a.active
{
background-position: left -62px;
}

.menu a.active span
{
background-position: right -62px;
}

.menu a.active span span
{
color: #E7F1F3;
background-position: left -62px;
}

/* end MenuItem */

/* begin MenuSeparator */

.nav .separator
{
display: block;
width: 1px;
height: 31px;
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/item-separator.png');
}
/* end MenuSeparator */

/* begin MenuSubItem */

.menu ul a
{
text-align: center;
height: 29px;
line-height: 29px;
margin-right: auto;

width: 207px;
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/subitem-bg.png');
background-position: left top;
background-repeat: repeat-x;

border-width: 1px;
border-style: solid;
border-color: #E35C2B;
}

.nav ul.menu ul span, .nav ul.menu ul span span
{
display:inline;
float:none;
margin:inherit;
padding:inherit;
background-image:none;
text-align:inherit;
text-decoration:inherit;
}

.menu ul a , .nav ul.menu ul span, .nav ul.menu ul span span
{
line-height: 29px;
color: #3F1708;
font-family: 'Trebuchet MS';
font-size: 12px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}

.menu ul ul a
{
margin-left: auto;
}

* html .menu ul a
{
color: #3F1708 !important;
}

.menu ul li a:hover
{
color: #000000;
border-color: #DD501D;
background-position: 0 -29px;
}

.menu ul li:hover>a
{
color: #000000;
border-color: #DD501D;
background-position: 0 -29px;
}

* html .menu ul a:hover {
color: #000000 !important;
}

* html .menu ul .menuhover .menuhoverA
{
color: #000000 !important;
border-color: #DD501D;
background-position: 0 -29px;
}

.nav .menu ul li a:hover span, .nav .menu ul li a:hover span span
{
color: #000000;
}

.nav .menu ul li:hover>a span, .nav .menu ul li:hover>a span span
{
color: #000000;
}

* html .nav .menu ul a:hover span, * html .nav .menu ul a:hover span span
{
color: #000000 !important;
}

* html .nav .menu ul .menuhover .menuhoverA span, * html .nav .menu ul .menuhover .menuhoverA span span
{
color: #000000 !important;
}

/* end MenuSubItem */

/* begin ContentLayout */
.contentLayout
{
margin-bottom: 6px;
width: 100%;
position: relative;
}/* end ContentLayout */

/* begin Button */
button.Button, a.Button
{
border: none;
padding: 0;
margin: 0;
background: none;
font-size: 100%;
font-family: inherit;
line-height: inherit;
display: inline-block;
overflow: visible;
width: auto;
cursor: default;
white-space: normal;
text-decoration: none;
}

.Button .btn
{
position: relative;
display: block;
overflow: hidden;
float: left;
z-index: 0;
height: 27px;
color: #FFFFFF;
}

.Button .t
{
height: 27px;
line-height: 27px;
padding: 0 11px;
text-align: left;
font-family: 'Arial';
font-size: 13px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}

.Button .active
{
color: #FFFFFF;
}

.Button .hover
{
color: #FCFDFD;
}

.Button .active .r
{
top: -54px;
}

.Button .hover .r
{
top: -27px;
}

.Button .r
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 9px;
height: 81px;
}

* html .Button .r
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-9+'px');
}

.Button .r span
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width:415px;
height: 81px;
}

* html .Button .r span
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-415+'px');
}

.Button .active .l
{
top: -54px;
}

.Button .hover .l
{
top: -27px;
}

.Button .l
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
right: 9px;
height: 81px;
}

* html .Button .l
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-9+'px');
}

.Button .l, .Button .r span
{
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Button.png');
}

* html .Button .l, * html .Button .r span
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://www.31f.info/wp-content/themes/WP-Veg/images/Button.png',sizingMethod='crop')");
}
/* end Button */

/* begin Box, Block */
.Block
{
min-width:25px;
min-height:25px;
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 0;

}

* html .Block
{
width:expression(this.offsetWidth < 25 ? 25+"px" : "auto !important");
height:expression(this.offsetHeight < 25 ? 25+"px" : "auto !important");

zoom: 1;
}

.Block-body
{
position: relative;
overflow: hidden;
z-index: 0;
margin: 13px;
text-align: left;
}

.Block-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 24px;
height: 24px;
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Block-s.png');
}

* html .Block-tl
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://www.31f.info/wp-content/themes/WP-Veg/images/Block-s.png',sizingMethod='crop')");
}

.Block-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 24px;
height: 24px;
}

* html .Block-tr
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-24+'px');
}

.Block-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -24px;
width: 48px;
height: 48px;
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Block-s.png');
}

* html .Block-tr div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://www.31f.info/wp-content/themes/WP-Veg/images/Block-s.png',sizingMethod='crop')");
}

.Block-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 24px;
height: 24px;
}

* html .Block-bl
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-24+'px');
}

.Block-bl div
{
position: absolute;
z-index: -1;
top: -24px;
left: 0;
width: 48px;
height: 48px;
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Block-s.png');
}

* html .Block-bl div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://www.31f.info/wp-content/themes/WP-Veg/images/Block-s.png',sizingMethod='crop')");
}

.Block-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 24px;
height: 24px;
}

* html .Block-br
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-24+'px');
left: expression(this.parentNode.offsetWidth-24+'px');
}

.Block-br div
{
position: absolute;
z-index: -1;
top: -24px;
left: -24px;
width: 48px;
height: 48px;
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Block-s.png');
}

* html .Block-br div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://www.31f.info/wp-content/themes/WP-Veg/images/Block-s.png',sizingMethod='crop')");
}

.Block-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 24px;
right: 24px;
height: 24px;
}

* html .Block-tc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-48+'px');
}

.Block-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 48px;
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Block-h.png');
}

* html .Block-tc div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://www.31f.info/wp-content/themes/WP-Veg/images/Block-h.png',sizingMethod='crop')");
}

.Block-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 24px;
right: 24px;
height: 24px;
}

* html .Block-bc
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-24+'px');
width: expression(this.parentNode.offsetWidth-48+'px');
}

.Block-bc div
{
position: absolute;
z-index: -1;
top: -24px;
left: 0;
width: 100%;
height: 48px;
background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Block-h.png');
}

* html .Block-bc div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://www.31f.info/wp-content/themes/WP-Veg/images/Block-h.png',sizingMethod='crop')");
}

.Block-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 24px;
left: 0;
width: 24px;
bottom: 24px;
}

* html .Block-cl
{
font-size: 1px;
height: expression(this.parentNode.offsetHeight-48+'px');
}

.Block-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 48px;
height: 10

tasarım kodu

EĞLENCE

Masallar

RESİM-GİF

OYUN

ŞİİR

MÜZİK

FIKRA

EĞİTİM SİTELERİ

DOST SİTELER

FLASH HABERLER

Tutanak ve Görevler

***

ANASAYFA

ATATÜRK

YURDUMUZ

BİLGİ DAĞARCIĞI

FLASH-VİDEO

VELİ-ÖĞRETMEN

EĞİTİM-BİLGİ

BİLGİNİZ OLSUN

TESTLER

***