<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-9">
<meta name="keywords" content="Web Şablon Kodları,Bedava Şablonlar,Trgg Tasarımları,Html Şablon,Html Kodları,Sitene Ekle,Html Kod,Hazır Kod,Html Kodlar,Site Kodları,Sitene Kod Ekle,Ücretsiz Kodlar,Sitene Haber Ekle,Sitene Hava Durumu Ekle,
Sitene Fare İmleç,Sitene Saat Ekle,Sitene Takvim Ekle,Sitene Html Kod Ekle,Sitene Spor Ekle,Sitene javascript Kod,Renk Kodları,Komik Resimler Kodu,
Araba Resimleri Kodu,Günün Sözü Kodu,Günün Resmi Kodu,Web Şablon Kodu,trgg,Tr.gg,Bedava Sitem,Site Kodları,Sitene kod Ekleme,Html DErsleri,Başlık Resmi,
Buton Oluşturma,Sitene Ekleme,Sitene Chat Ekle,Sitene Duyuru Panosu Ekle,Duyuru Panosu Kodu,Konu Ayıraçları,Sitene Ziyaretçi Defteri Ekle,Sitene Anket Ekle,
Sitene Arka Plan Resimleri,Arka Plan Kodları,Sitene Oyun Ekle,Oyun Kodları,Radyo Tv Ekle">
<meta name="description" content="Web Şablon Kodları,Bedava Şablonlar,Trgg Tasarımları,Html Şablon,Sitene Ekle,Html Kodları,Hazır Kod,Css Web Şablonları,Free Css,Javascript Kod,Webmaster Araçları,Sitene Eklemeler,Web Şablonları,Bedava Sitem,
Tr.gg,Bedava Hosting,Bedava Domain,Asp,Php,Blog Kodları">
<meta name="author" content="Kodbul Html">
<meta name="generator" content="Kodbul Html">
<title>WEB ŞABLON KODLARI | ŞABLON3</title>
</head>

<body background="http://img.webme.com/pic/e/esperek/arkanokta.gif">
<style type="text/css">
a:link {
color : #0000ff;
text-decoration : none;
}

a:visited {
color : #660033;
text-decoration : none;
}

a:active {
color : #0099ff;
text-decoration : none;
}

a:hover {
color :#0099ff;
text-decoration : none;
}
.font { font-family: Verdana, Tahoma, Geneva, Arial, sans-serif; font-size: 8pt; color: #333333}
</style>

<table border="5" width="912" height="852" bordercolor="000099" bgcolor="#99CCFF" cellpadding="0" cellspacing="0" align="center">
<tr>
<td height="182" width="900" colspan="2">
<img border="0" src="http://img.webme.com/pic/e/esperek/headermavi.jpg" width="900" height="180"></td>
</tr>
<tr>
<td height="639" width="200"><!--- KAYNAK: http://www.kodbul.piczo.com --->

<!---<head> Başlangıcı --->
<style type="text/css">
html{
height:100%;
}
body{
height:100%;
margin:0px;
padding:0px;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}

/* Entire pane */

#dhtmlgoodies_xpPane{
background-color:#7190e0; /* Blue background color */
float:left;
height:100%;
width:200px; /* Width of panel */
}
#dhtmlgoodies_xpPane .dhtmlgoodies_panel{
margin-left:10px;
margin-right:10px;
margin-top:10px;
}
#dhtmlgoodies_xpPane .panelContent{
font-size:0.9em;
background-image:url('http://img.webme.com/pic/e/esperek/bg_pane_right.gif');
background-position:top right;
background-repeat:repeat-y;
border-left:1px solid #FFF;
border-bottom:1px solid #FFF;
padding-left:2px;
padding-right:2px;
overflow:hidden;
position:relative;
}
#dhtmlgoodies_xpPane .panelContent div{
position:relative;
}
#dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar{
background-image:url('http://img.webme.com/pic/e/esperek/bg_panel_top_right.gif');
background-repeat:no-repeat;
background-position:top right;
height:25px;
padding-right:5px;
}
#dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar span{ /* Heading text options */
line-height:25px;
vertical-align:middle;
font-family:arial; /* Arial font */
font-size:0.7em; /* Font size */
color:#215DC6; /* Light blue color */
font-weight:bold; /* Bold font */
padding-left:5px; /* Space at the left */
float:left; /* Don't change this one */

}
#dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar img{
float:right;
cursor:pointer;
}

</style>
<script type="text/javascript">
/***********(C) www.dhtmlgoodies.com, October 2005 www.dhtmlgoodies.com Alf Magne Kalleland *****/
var xpPanel_slideActive = true; // Slide down/up active?
var xpPanel_slideSpeed = 15; // Speed of slide

var dhtmlgoodies_xpPane;
var dhtmlgoodies_paneIndex;

var savedActivePane = false;
var savedActiveSub = false;

function showHidePaneContent()
{
var img = this.getElementsByTagName('IMG')[0];
var obj = document.getElementById('paneContent' + img.id.replace(/[^0-9]/g,''));
if(img.src.toLowerCase().indexOf('up')>=0){
img.src = img.src.replace('up','down');
if(xpPanel_slideActive){
obj.style.display='block';
slidePane((xpPanel_slideSpeed*-1),obj.id);
}else{
obj.style.display='none';
}
}else{
img.src = img.src.replace('down','up');
if(xpPanel_slideActive){
if(document.all){
obj.style.display='block';
obj.style.height = '1px';
}
slidePane(xpPanel_slideSpeed,obj.id);
}else{
obj.style.display='block';
}
}
}



function slidePane(slideValue,id)
{

var activePane = document.getElementById(id);
if(activePane==savedActivePane){
var subDiv = savedActiveSub;
}else{
var subDiv = activePane.getElementsByTagName('DIV')[0];
}
savedActivePane = activePane;
savedActiveSub = subDiv;

var height = activePane.offsetHeight;
var innerHeight = subDiv.offsetHeight;
height+=slideValue;
if(height<0)height=0;
if(height>innerHeight)height = innerHeight;

if(document.all){
activePane.style.filter = 'alpha(opacity=' + Math.round((height / subDiv.offsetHeight)*100) + ')';
}else{
var opacity = (height / subDiv.offsetHeight);
if(opacity==0)opacity=0.01;
if(opacity==1)opacity = 0.99;
activePane.style.opacity = opacity;
}


if(slideValue<0){
activePane.style.height = height + 'px';
subDiv.style.top = height - subDiv.offsetHeight + 'px';
if(height>0){
setTimeout('slidePane(' + slideValue + ',"' + id + '")',10);
}else{
if(document.all)activePane.style.display='none';
}
}else{
subDiv.style.top = height - subDiv.offsetHeight + 'px';
activePane.style.height = height + 'px';
if(height<innerHeight){
setTimeout('slidePane(' + slideValue + ',"' + id + '")',10);
}
}


}

function mouseoverTopbar()
{
var img = this.getElementsByTagName('IMG')[0];
var src = img.src;
img.src = img.src.replace('.gif','_over.gif');

var span = this.getElementsByTagName('SPAN')[0];
span.style.color='#428EFF';

}
function mouseoutTopbar()
{
var img = this.getElementsByTagName('IMG')[0];
var src = img.src;
img.src = img.src.replace('_over.gif','.gif');

var span = this.getElementsByTagName('SPAN')[0];
span.style.color='';



}


function initDhtmlgoodies_xpPane(panelTitles,panelDisplayed)
{
dhtmlgoodies_xpPane = document.getElementById('dhtmlgoodies_xpPane');
var divs = dhtmlgoodies_xpPane.getElementsByTagName('DIV');
dhtmlgoodies_paneIndex=0;
for(var no=0;no<divs.length;no++){
if(divs[no].className=='dhtmlgoodies_panel'){

var outerContentDiv = document.createElement('DIV');
var contentDiv = divs[no].getElementsByTagName('DIV')[0];
outerContentDiv.appendChild(contentDiv);

outerContentDiv.id = 'paneContent' + dhtmlgoodies_paneIndex;
outerContentDiv.className = 'panelContent';
var topBar = document.createElement('DIV');

var span = document.createElement('SPAN');
span.innerHTML = panelTitles[dhtmlgoodies_paneIndex];
topBar.appendChild(span);
topBar.onclick = showHidePaneContent;
topBar.onmouseover = mouseoverTopbar;
topBar.onmouseout = mouseoutTopbar;

var img = document.createElement('IMG');
img.id = 'showHideButton' + dhtmlgoodies_paneIndex;
img.src = 'http://img.webme.com/pic/e/esperek/arrow_up.gif';
topBar.appendChild(img);

if(!panelDisplayed[dhtmlgoodies_paneIndex]){
outerContentDiv.style.height = '0px';
contentDiv.style.top = 0 - contentDiv.offsetHeight + 'px';
if(document.all)outerContentDiv.style.display='none';
img.src = 'http://img.webme.com/pic/e/esperek/arrow_down.gif';
}

topBar.className='topBar';
divs[no].appendChild(topBar);
divs[no].appendChild(outerContentDiv);
dhtmlgoodies_paneIndex++;
}
}
}

</script>
<!---<head> Sonu --->
<div id="dhtmlgoodies_xpPane">
<div class="dhtmlgoodies_panel">
<div><font color="#0000FF">
<!-- Start content of pane -->
<a target="orta" href="http://www.kodbul.org">Kodbul</a><br>
<a target="orta" href="http://www.macvar.tr.cx/">Bedava Lig Tv</a><br>
<a target="orta" href="http://www.oyunbox.tr.cx/">Oyun Oyna</a><br>
<a target="orta" href="http://www.kodbul.piczo.com">Link</a><br>
<a target="orta" href="http://www.kodbul.piczo.com">Link</a><br>
<a target="orta" href="http://www.kodbul.piczo.com">Link</a><br>
<a target="orta" href="http://www.kodbul.piczo.com">Link</a><br>
<a target="orta" href="http://www.kodbul.piczo.com">Link</a><br>
<a target="orta" href="http://www.kodbul.piczo.com">Link</a><br>
<a href="http://www.kodbul.pico.com/anasayfa?cr=5">Link
<!-- End content -->
</a>
</div>
</div>
<div class="dhtmlgoodies_panel">
<div>
<!-- Start content of pane -->
Açıklama<br>
Açıklama<br>
Açıklama<br>
Açıklama
<!-- End content -->
</div>
</div>
<div class="dhtmlgoodies_panel">
<div>
<!-- Start content of pane -->
Açıklama<br>
Açıklama<br>
Açıklama<br>
Açıklama
<!-- End content -->
</font></div>
</div>
</div>
<script type="text/javascript">
/*
Arguments to function
1) Array of titles
2) Array indicating initial state of panels(true = expanded, false = not expanded )
*/
initDhtmlgoodies_xpPane(Array('Dosyalar','Bilgi','Detaylar'),Array(true,true,false));
</script>
<!--- KAYNAK: http://www.kodbul.piczo.com ---></td>
<td height="639" width="698">
<table cellpadding="0" cellspacing="0" height="631" width="697">
<!-- MSTableType="layout" -->
<tr>
<td width="697" height="70">
<p align="center"><iframe src="http://www.kodbul.org/468x60gri_reklam.htm" marginwidth="0" marginheight="0" height="60" width="468" name="kodbul" title="kod" scrolling="no" align="center" border="0" frameborder="0">
reklam</iframe></td>
</tr>
<tr>
<td width="697" height="491" valign="top">
<iframe marginwidth="1" marginheight="1" name="I1" title="orta" align="center" border="0" frameborder="0" height="100%" width="100%" src="http://www.google.com.tr/search?hl=tr&q=site:kodbul.org&start=0&sa=N">
ss</iframe></td>
</tr>
<tr>
<td width="697" height="70">
<p align="center"><iframe src="http://www.kodbul.org/468x60gri_reklam.htm" marginwidth="0" marginheight="0" height="60" width="468" name="kodbul" title="kod" scrolling="no" align="center" border="0" frameborder="0">
reklam</iframe></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="21" width="900" colspan="2" bgcolor="7190E0">
<p align="center"><font size="2">2009©Design By
<a target="_blank" href="http://www.kodbul.org">KodbuL</a></font></p></td>
</tr>
</table>

</body>

</html>