50memis - Menü

Menü

Contact

Contact me!

İşlemler

ANASAYFA

HAKKIMIZDA

ANASAYFA HAKKIMIZDA

Anasayfa

Bağlantılarım

Spor Kanalları

Radyolar

Takvim

Hava Durumu

İçerik

Haber

Ziyaretçi

Şu Anda: -Ziyaretçi
Bugünki Ziyaretci:8
Bugün Tıklama:11
Toplam Ziyaretçi :12948

<input id="c-m1" name="c-menu" type="checkbox" />
<label for="c-m1"><i class="fa fa-home"></i>Ana Sayfa</label>
<article>

<ul id="navi"> 
<li><a href="http://50memis.tr.gg/" >50memis</a></li>
 <li> <a href="http://me-ca1962.tr.gg/">Anasayfa</a></li>  
<li> <a href="http://me-ca1962.tr.gg/Forum/index.htm ">Form</a></li> 
<li><a href="http://www.me-ca.blogcu.com" title="Blogcu">me-ca.blogcu</a></li>
<li><a href="http://www.me-ca.blogspot.com" title="Blogspot">me-ca.blogspot</a></li>
<li><a href="http://www.killikky.blogspot.com" title="Killik köyü">Killikky.blogspot</a></li>
<li><a href="http://tr-tr.facebook.com/people/MemiÅŸ-Ã‡aldÄ±ran/100000641824650" title="Twitter">Faceboox</a></li>
<li><a href="http://twitter.com/meca1962" title="Twitter">Twitter</a></li>

</ul>

</article>
</div>

<input id="c-m2" name="c-menu" type="checkbox" />
<label for="c-m2"><i class="fa fa-cloud"></i>Spor Kanalları</label>
<article>

<ul id="navi"> 
              
   <li><a href="http://exchange.sahadan.com/exchange/Iddaa.aspx" target="orta">İddia Proğramı</a></li>
<li><a href="http://www.ligtvcafe.net/kanal.html" target="orta">LigTv Kanal 1</a></li> 
 <li><a href="http://90a.co/"target="orta">Lig Tv Kanal 2</a></li> 
<li><a href="http://www.netspor10.tk/mobil/"target="orta">Lig Tv Kanal 3</a></li>

</ul>

</article>
</div>

<div>
<input id="c-m3" name="c-menu" type="checkbox" />
<label for="c-m3"><i class="fa fa-calendar fa-fw"></i> Takvim</label>
<article>

</article>

<div>
<input id="c-m4" name="c-menu" type="checkbox" />
<label for="c-m4"><i class="fa fa-list-alt fa-fw"></i>Haberler</label>
<article>

</article>

</div>

<div>
<input id="c-m5" name="c-menu" type="checkbox" />
<label for="c-m5"><i class="fa fa-pencil fa-fw"></i>Hava Durumu</label>
<article>

</article>

</div>

<div>
<input id="c-m6" name="c-menu" type="checkbox" />
<label for="c-m6"><i class="fa fa-file-o fa-fw"></i>İçerik</label>
<article>

</article>

</div>

<div>
<input id="c-m7" name="c-menu" type="checkbox" />
<label for="c-m7"><i class="fa fa-bar-chart-o fa-fw"></i>Radyo</label>
<article>

<ul id="navi">
<li><a href="https://radyodinlesem.net/mobilplayer.php?radyoadresi=http://yayin.keyiffm.com:9116"target="Radyo">Keyf Fm</a></li> 
<li><a href="https://radyodinlesem.net/mobilplayer.php?radyoadresi=http://sr1.netmedya.org:1086"target="Radyo">Kapadokya Fm</a></li> 
<li><a href="https://radyodinlesem.net/mobilplayer.php?radyoadresi=http://yayin1.canliyayin.org:8286"target="Radyo">Keskin Fm</a></li> 
<li><a href="https://radyodinlesem.net/mobilplayer.php?radyoadresi=http://yayin.netradyom.com:1345"target="Radyo">Park Fm</a></li>
<li><a href="https://radyodinlesem.net/mobilplayer.php?radyoadresi=http://yayin1.yayindakiler.com:3062"target="Radyo">Kırşehir Kent Fm</a></li>

</article>

</div>

<div>
<input id="c-m8" name="c-menu" type="checkbox" />
<label for="c-m8"><i class="fa fa-search"></i>İçerik</label>
<article>

</article>

</div>

<div>
<input id="c-m9" name="c-menu" type="checkbox" />
<label for="c-m9"><i class="fa fa-book fa-fw"></i>İçerik</label>
<article>

</article>

</div>

<div>
<input id="c-m10" name="c-menu" type="checkbox" />
<label for="c-m10"><i class="fa fa-cogs fa-fw"></i>İçerik</label>
<article>

</article>

</div>

</section>

.acilir-menu label:hover {
background: #;
}
.acilir-menu input {
display: none;
}

.acilir-menu article {
margin-top: -1px;
overflow: hidden;
display: none;
height: 0;
position: relative;
z-index: 10;

}

.acilir-menu article p {
border-bottom: 1px solid #e2e2e2;
margin: 0;
padding: 0px 10px 5px 10px;

}

.acilir-menu input:checked ~ article {
box-shadow: none;
display: block;
height: auto;
margin: 0;

}

</style>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dikey Menü</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
.solmenu {
	width:100%;
	background-color: #333;
}
ul {
	margin: 0px;
	padding:0px;
}
ul li {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
ul li a {
	display:block;
	color:#CCCCCC;
	font-weight: bold;
	text-decoration:none;
	padding:6px;
}
ul li a:hover {
	color:#FFF;
	background-color:#666;
}
ul ul {
	display:none;
}
ul ul li{
	background-color: #A9A9B1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	padding-left: 3px;
}
ul ul a {
	display:block;
	color:#FFFFFF;
}
ul ul li:hover, ul ul a:hover {
	color:#FFF;
	background-color:#8E9FB3;
}
</style>
<script type="text/javascript">
$(function(){
	$('#vmenu>li').click(function(){
		$(this).siblings().find('ul:visible').hide(600);
		$(this).find('ul:hidden').show(600);
	})
});
</script>
</head>
<body>
<div class="solmenu">
  <ul id="vmenu">
    <li> <a href="#">Ana Menü Bir</a>
      <ul>
        <li><a href="#">Alt Menü 1</a></li>
        <li><a href="#">Alt Menü 2</a></li>
        <li><a href="#">Alt Menü 3</a></li>
        <li><a href="#">Alt Menü 4</a></li>
      </ul>
    </li>
    <li><a href="#">Ana Menü İki</a>
      <ul>
        <li><a href="#">Alt Menü 1</a></li>
        <li><a href="#">Alt Menü 2</a></li>
        <li><a href="#">Alt Menü 3</a></li>
        <li><a href="#">Alt Menü 4</a></li>
      </ul>
    </li>
    <li><a href="#">Ana Menü Üç</a>
      <ul>
        <li><a href="#">Alt Menü 1</a></li>
        <li><a href="#">Alt Menü 2</a></li>
        <li><a href="#">Alt Menü 3</a></li>
        <li><a href="#">Alt Menü 4</a></li>
      </ul>
    </li>
    <li><a href="#">Normal Bir Link</a></li>     
  </ul>
</div>
</body>
</html>

<SAĞ MENÜ..>

<button class="accordion">Bağlantılarım</button>
<div class="panel">

<ul class="menum">
<li><a href="http://50memis.tr.gg/" id="akt">Ana Sayfa</a></li>
 <li> <a href="http://me-ca1962.tr.gg/">me-ca1962</a></li>  
<li> <a href="http://me-ca1962.tr.gg/Forum/index.htm ">Form</a></li> 
<li><a href="http://www.me-ca.blogcu.com" title="Blogcu">me-ca.blogcu</a></li>
<li><a href="http://www.me-ca.blogspot.com" title="Blogspot">me-ca.blogspot</a></li>
<li><a href="http://www.killikky.blogspot.com" title="Killik köyü">Killikky.blogspot</a></li>
<li><a href="http://tr-tr.facebook.com/people/MemiÅŸ-Ã‡aldÄ±ran/100000641824650" title="Twitter">Faceboox</a></li>
<li><a href="http://twitter.com/meca1962" title="Twitter">Twitter</a></li>

</ul>

</div>
<button class="accordion">Spor Kanalları</button>
<div class="panel">
 <ul class="menum">
<li><a href="http://exchange.sahadan.com/exchange/Iddaa.aspx" target="orta">İddia Proğramı</a></li>
<li><a href="http://www.ligtvcafe.net/kanal.html" target="orta">LigTv Kanal 1</a></li> 
 <li><a href="http://90a.co/"target="orta">Lig Tv Kanal 2</a></li> 
<li><a href="http://www.netspor10.tk/mobil/"target="orta">Lig Tv Kanal 3</a></li>

</div>

<button class="accordion">Radyo </button>
<div id="foo" class="panel">
 
          
<ul class="menum">
<li><a href="https://radyodinlesem.net/mobilplayer.php?radyoadresi=http://yayin.keyiffm.com:9116"target="Radyo">Keyf Fm</a></li> 
<li><a href="https://radyodinlesem.net/mobilplayer.php?radyoadresi=http://sr1.netmedya.org:1086"target="Radyo">Kapadokya Fm</a></li>

<li><a href="https://radyodinlesem.net/mobilplayer.php?radyoadresi=http://yayin1.canliyayin.org:8286"target="Radyo">Keskin Fm</a></li>

<li><a href="https://radyodinlesem.net/mobilplayer.php?radyoadresi=http://yayin1.yayindakiler.com:3062"target="Radyo">Kırşehir Kent Fm</a></li>

<//ul>
</div>

<button class="accordion">Sayaç </button>
<div id="foo" class="panel">

<ul class="menum">
<li><a>Online:
<script type="text/javascript" src="http://fastonlineusers.com/on3.php?d=www.50memis.tr.gg/"></script>Kişi</a></li>
<li><a>Bugün:8</a></li>
<li><a>Tıklama:11</a></li>
<li><a>Toplam:<a href="http://tr.web-counter.net" title="Sayaç, tr.web-counter.net"><img src="http://www.web-counter.net/count_20091204.php?c=1IOKu6K1dFs" style="border:0;padding:0;margin:0;" alt="Sayaç, tr.web-counter.net"></a></li>
<li><a>İp:3.133.153.110</a></li>
<li><a> Sayfa Url:<input type="text" width="100%" value="//50memis.tr.gg/Men.ue..htm" /></a></li>
</ul>

</div>

for (i = 0; i < acc.length; i++) {
    acc[i].onclick = function(){
        this.classList.toggle("active");
        this.nextElementSibling.classList.toggle("show");
  }
}
</script>

<SAĞ SON.........>

</head>
<body>
<div class="accordion-example">

<div class="header">Click to know about HTML</div>
<div class="content">HTML5 is a markup language used for structuring and presenting content on the World Wide Web. It was finalized, and published, on 28 October 2014 by the World Wide Web Consortium (W3C). This is the fifth revision of the HTML standard since the inception of the World Wide Web.</div>

<div class="header">Click to know about CSS </div>
<div class="content">Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language.</div>

</div>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Basic jQuery Accordion</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
    <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.2/themes/dark-hive/jquery-ui.css" />
    <script type="text/javascript">
          $(document).ready(
	        function () {
	            $("#accordion").accordion({ header: "h3",          
	                autoheight: false,
	                active: false,
	                alwaysOpen: false,
	                fillspace: false,
                    collapsible: true,
			        //heightStyle: content   //auto, fill, content
	            });
            });
    </script>
</head>
<body>
    <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
    
    <div style="width: 195px;">
        <div id="accordion">
            <h3>
                <a href="#">ASP.NET</a></h3>
            <div class="">
                <h4>
                    ASP</h4>
                <p>
                    <a href="http://www.surfingsuccess.com/tag/asp/">ASP stuff</a></p>
            </div>
            <h3>
                <a href="#">CSS</a></h3>
            <div>
                <h4>
                    CSS</h4>
                <p>
                    <a href="http://www.surfingsuccess.com/tag/css/">CSS Stuff</a><br />
                    <a href="http://www.surfingsuccess.com/css/clearfix.html">CSS Clearfix</a>
                </p>
            </div>
            <h3>
                <a href="#">Javascript</a></h3>
            <div>
                <h4>
                    Javascript</h4>
                <p>
                    javascript<br />
                    <a href="http://www.surfingsuccess.com/tag/jquery/">jQuery</a><br />
                    Dojo<br />
                    Backbone</p>
            </div>
            <h3>
                <a href="#">Other</a></h3>
            <div>
                <h4>
                    Stuff</h4>
                <p>
                </p>
            </div>
        </div>
    </div>
    
    
</body>
</html>

button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

button.accordion:after {
    content: '\02795';
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
  
}

button.accordion.active:after {
    content: "\2796";
}

div.panel {
    padding: 0 8px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;

}

div.panel.show {
    opacity: 1;
    max-height: 500px;  
}
</style>

<button class="accordion">Section 1</button>
<div class="panel">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>

<button class="accordion">Section 2</button>
<div class="panel">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>

<button class="accordion">Section 3</button>
<div id="foo" class="panel">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>

for (i = 0; i < acc.length; i++) {
    acc[i].onclick = function(){
        this.classList.toggle("active");
        this.nextElementSibling.classList.toggle("show");
  }
}
</script>

<html>
<style>
body {font-family: "Lato", sans-serif;}

ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.tab li a:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
</style>
<body>

<p>In this example, we use JavaScript to "click" on the London link, to open the tab on page load.</p>

<ul class="tab">
  <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'London')" id="defaultOpen">London</a></li>
  <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'Paris')">Paris</a></li>
  <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'Tokyo')">Tokyo</a></li>
</ul>

<div id="London" class="tabcontent">
  <h3>London</h3>
  <p>London is the capital city of England.</p>
</div>

<div id="Paris" class="tabcontent">
  <h3>Paris</h3>
  <p>Paris is the capital of France.</p>
</div>

<div id="Tokyo" class="tabcontent">
  <h3>Tokyo</h3>
  <p>Tokyo is the capital of Japan.</p>
</div>

// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>
     
</body>
</html>

<style>

.menu {
  margin: 0 auto;
  padding: 0;
  width: 350px;
}

.menu li { list-style: none; }

.menu li a {
  display: table;
  margin-top: 1px;
  padding: 14px 10px;
  width: 100%;
  background: #337D88;
  text-decoration: none;
  text-align: left;
  vertical-align: middle;
  color: #fff;
  overflow: hidden;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  transition-property: background;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
}

.menu > li:first-child a { margin-top: 0; }

.menu li a:hover {
  background: #4AADBB;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-property: background;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}

.menu li ul {
  margin: 0;
  padding: 0;
}

.menu li li a {
  display: block;
  margin-top: 0;
  padding: 0 10px;
  height: 0;
  background: #C6DDD9;
  color: #1F3D39;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.menu > li:hover li a {
  display: table;
  margin-top: 1px;
  padding: 10px;
  width: 100%;
  height: 1em;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.menu > li:hover li a:hover {
  background: #A4CAC8;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-property: background;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
</style>

.menucuk ul { 
   display: block; /*Kutucuklu olsun*/ 
   margin: 0px; /*Dıştan bırakılan boşluk*/ 
   padding: 0px;/*İçten bırakılan boşluk*/ 
}

.menucuk ul li { 
   
border: 1px solid #cecece;

padding-left: 2px; /*Sol içten 2px boşlukla başlayacak.*/ 
   padding-top: 2px; /* Üst içten 2px boşlukla başlayacak*/ 
   padding-bottom: 2px; /*alt içten 2px boşlukla başlayacak*/ 
   list-style: none; /*Liste numaralandırması olmasın (Yuvarlak, kare vs.)*/ 
}

.menucuk ul li a {

font-family: Arial, Helvetica, sans-serif; /*Linklerin yazı tipi*/ 
   font-size: 12px; /*Linklerin boyutu*/ 
   color: #fff; /* Link rengi*/ 
   background: url(//img.webme.com/pic/m/mikro-blog/menu_icon.png) no-repeat center left; /*Arkaplan rengi ve resmi*/ 
   text-decoration: none; /*Yazının altındaki çizgiyi kaldırma*/ 
   display: block; /*kutucuk*/ 
   padding-left: 20px; /*Sol içten 20px boşluk*/ 
   padding-top: 8px; /*Üstten 8px boşluk*/ 
   padding-bottom: 8px; /*Alttan 8px boşluk*/ 
   font-weight: bold; /*Yazı kalın olacak*/ 
} 
.menucuk ul li a:hover { /*Linkin üzerine gelince değişen renk, resim*/ 
   display: block; /*kutucuk*/ 
   background-color: #ccc; /*arkaplan rengi*/ 
} 
</style>

<div class="menucuk"> 
   <ul> 
      <li><a href="#">Anasayfa</a></li> 
      <li><a href="#">Hakkımda</a></li> 
      <li><a href="#">İletişim</a></li> 
      <li><a href="#">Ziyaretçi Defteri</a></li> 
   </ul> 
</div>

<input id="c-m1" name="c-menu" type="checkbox" />
<label for="c-m1">Bağlantılarım</label>
<article>

<li><a href="http://50memis.tr.gg/" id="akt">Ana Sayfa</a></li>
 <li> <a href="http://me-ca1962.tr.gg/">me-ca1962</a></li>  
<li> <a href="http://me-ca1962.tr.gg/Forum/index.htm ">Form</a></li> 
<li><a href="http://www.me-ca.blogcu.com" title="Blogcu">me-ca.blogcu</a></li>
<li><a href="http://www.me-ca.blogspot.com" title="Blogspot">me-ca.blogspot</a></li>
<li><a href="http://www.killikky.blogspot.com" title="Killik köyü">Killikky.blogspot</a></li>
<li><a href="http://tr-tr.facebook.com/people/MemiÅŸ-Ã‡aldÄ±ran/100000641824650" title="Twitter">Faceboox</a></li>
<li><a href="http://twitter.com/meca1962" title="Twitter">Twitter</a></li>
</ul>

</article>
</div>
<div>
<input id="c-m2" name="c-menu" type="checkbox" />
<label for="c-m2">Spor Kanalları</label>
<article>

<ul id="menu">
<li><a href="http://exchange.sahadan.com/exchange/Iddaa.aspx" target="orta">İddia Proğramı</a></li>
<li><a href="http://www.ligtvcafe.net/kanal.html" target="orta">LigTv Kanal 1</a></li> 
 <li><a href="http://www.ligtvcafe.net/2kanal.html"target="orta">Lig Tv Kanal 2</a></li> 
<li><a href="http://www.netspor10.tk/mobil/"target="orta">Lig Tv Kanal 3</a></li>

</div>

</section>

<style>

.acilir-menu label {
width: 165px;
padding: 5px 10px;
position: relative;
z-index: 20;
display: block;
height: 20px;
cursor: pointer;
background: #006699
url(//img.webme.com/pic/h/hakan-fan/down.gif) no-repeat 1px 10px; 
padding-left: 18px;
color: #fff;
line-height: 20px;
margin: 1px 0;
font-size: 14px;

-moz-border-radius: 5px;  -webkit-border-radius: 5px;
}

.acilir-menu label:hover {
background: #089;
}
.acilir-menu input {
display: none;
}

.acilir-menu article {
margin-top: -1px;
overflow: hidden;
display: none;
height: 0;
position: relative;
z-index: 10;

}

.acilir-menu article p {
border-bottom: 1px solid #e2e2e2;
margin: 0;
padding: 0px 10px 5px 10px;

}

.acilir-menu input:checked ~ article {
box-shadow: none;
display: block;
height: auto;
margin: 0;

}

#menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#menu li {
	width: 171px;
}
#menu a {
	font-family: Arial;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #314c5f;
	display: block;
	padding-top: 1px;
	padding-right: 5px;
	padding-left: 15px;
border: 1px solid #9fb2bc;
	text-align: left;
	line-height: 20px;
	margin-right: 2px;
	width:100%;
	radius:5px;  
        float: left;
-moz-border-radius: 5px;  -webkit-border-radius: 5px;
}
#menu a:hover {
	background-color: #089;
	color:#001;
}

#menu div.menutitle{
color: white;
border-bottom: 0px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: #069;
font: bold 100% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
-moz-border-radius: 5px;  -webkit-border-radius: 5px;
}
</style>

/* End layout CSS */
 
  overflow:hidden;
  cursor:pointer;
}
.dhtmlgoodies_answer{  /* Parent box of slide down content */
  /* Start layout CSS */
  border:1px solid #317082;
  background-color:#E2EBED;
  width:100%px;
 
  /* End layout CSS */
 
  visibility:hidden;
  height:0px;
  overflow:hidden;
  position:relative;
 
}
.dhtmlgoodies_answer_content{  /* Content that is slided down */
  padding:1px;
  font-size:0.9em;
  position:relative;
}
 
</style>
<script type="text/javascript"> 
/************************************************************************************************************
Show hide content with slide effect
Copyright (C) August 2010  DTHMLGoodies.com, Alf Magne Kalleland
 
This library is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 2.1 of the License, or (at your option) any later version.
 
This library is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
Lesser General Public License for more details.
 
You should have received a copy of the GNU Lesser General Public
License along with this library; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
 
Dhtmlgoodies.com., hereby disclaims all copyright interest in this script
written by Alf Magne Kalleland.
 
Alf Magne Kalleland, 2010
Owner of DHTMLgoodies.com
 
************************************************************************************************************/
 
var dhtmlgoodies_slideSpeed = 10;  // Higher value = faster
var dhtmlgoodies_timer = 10;  // Lower value = faster
 
var objectIdToSlideDown = false;
var dhtmlgoodies_activeId = false;
var dhtmlgoodies_slideInProgress = false;
var dhtmlgoodies_slideInProgress = false;
var dhtmlgoodies_expandMultiple = false; // true if you want to be able to have multiple items expanded at the same time.
 
function showHideContent(e,inputId)
{
  if(dhtmlgoodies_slideInProgress)return;
  dhtmlgoodies_slideInProgress = true;
  if(!inputId)inputId = this.id;
  inputId = inputId + '';
  var numericId = inputId.replace(/[^0-9]/g,'');
  var answerDiv = document.getElementById('dhtmlgoodies_a' + numericId);
 
  objectIdToSlideDown = false;
 
  if(!answerDiv.style.display || answerDiv.style.display=='none'){
    if(dhtmlgoodies_activeId &&  dhtmlgoodies_activeId!=numericId && !dhtmlgoodies_expandMultiple){
      objectIdToSlideDown = numericId;
      slideContent(dhtmlgoodies_activeId,(dhtmlgoodies_slideSpeed*-1));
    }else{
 
      answerDiv.style.display='block';
      answerDiv.style.visibility = 'visible';
 
      slideContent(numericId,dhtmlgoodies_slideSpeed);
    }
  }else{
    slideContent(numericId,(dhtmlgoodies_slideSpeed*-1));
    dhtmlgoodies_activeId = false;
  }
}
 
function slideContent(inputId,direction)
{
 
  var obj =document.getElementById('dhtmlgoodies_a' + inputId);
  var contentObj = document.getElementById('dhtmlgoodies_ac' + inputId);
  height = obj.clientHeight;
  if(height==0)height = obj.offsetHeight;
  height = height + direction;
  rerunFunction = true;
  if(height>contentObj.offsetHeight){
    height = contentObj.offsetHeight;
    rerunFunction = false;
  }
  if(height<=1){
    height = 1;
    rerunFunction = false;
  }
 
  obj.style.height = height + 'px';
  var topPos = height - contentObj.offsetHeight;
  if(topPos>0)topPos=0;
  contentObj.style.top = topPos + 'px';
  if(rerunFunction){
    setTimeout('slideContent(' + inputId + ',' + direction + ')',dhtmlgoodies_timer);
  }else{
    if(height<=1){
      obj.style.display='none';
      if(objectIdToSlideDown && objectIdToSlideDown!=inputId){
        document.getElementById('dhtmlgoodies_a' + objectIdToSlideDown).style.display='block';
        document.getElementById('dhtmlgoodies_a' + objectIdToSlideDown).style.visibility='visible';
        slideContent(objectIdToSlideDown,dhtmlgoodies_slideSpeed);
      }else{
        dhtmlgoodies_slideInProgress = false;
      }
    }else{
      dhtmlgoodies_activeId = inputId;
      dhtmlgoodies_slideInProgress = false;
    }
  }
}
 
 
 
function initShowHideDivs()
{
  var divs = document.getElementsByTagName('DIV');
  var divCounter = 1;
  for(var no=0;no<divs.length;no++){
    if(divs[no].className=='dhtmlgoodies_question'){
      divs[no].onclick = showHideContent;
      divs[no].id = 'dhtmlgoodies_q'+divCounter;
      var answer = divs[no].nextSibling;
      while(answer && answer.tagName!='DIV'){
        answer = answer.nextSibling;
      }
      answer.id = 'dhtmlgoodies_a'+divCounter;
      contentDiv = answer.getElementsByTagName('DIV')[0];
      contentDiv.style.top = 0 - contentDiv.offsetHeight + 'px';
      contentDiv.className='dhtmlgoodies_answer_content';
      contentDiv.id = 'dhtmlgoodies_ac' + divCounter;
      answer.style.display='none';
      answer.style.height='1px';
      divCounter++;
    }
  }
}
window.onload = initShowHideDivs;
</script>

<div class="dhtmlgoodies_question">Bağlantılarım</div>
<div class="dhtmlgoodies_answer">
  <div>

</div>
</div>

<div class="dhtmlgoodies_question">Spor Kanalları</div>
<div class="dhtmlgoodies_answer">
  <div>

<li><a href="http://exchange.sahadan.com/exchange/Iddaa.aspx" target="orta">İddia Proğramı</a></li>
<li><a href="http://www.ligtvcafe.net/kanal.html" target="orta">LigTv Kanal 1</a></li> 
 <li><a href="http://www.ligtvcafe.net/2kanal.html"target="orta">Lig Tv Kanal 2</a></li> 
<li><a href="http://www.netspor10.tk/mobil/"target="orta">Lig Tv Kanal 3</a></li>

</div>
</div>

	Sitede