50memis - Css Tasarım

Css Tasarım

Anasayfa

Bağlantılarım

50memis

Anasayfa

Form

me-ca.blogcu

me-ca.blogspot

Killikky.blogspot

Faceboox

Twitter

Spor Kanalları

İddia Proğramı

LigTv Kanal 1

Lig Tv Kanal 2

Maç İzle

Maç İzle

Radyolar

Keyf Fm

Rs Fm

Takvim

Hava Durumu

İçerik

Kodunu Test Et

Renk Kodları

Rem Üzerine Yazı

Menü

Menü

Menü

Gif Genaratörü

Htm Table Generatör

Htm Table

Htm Table

Htm Table

Htm Table

Generator

Radyo Generator

İçerik

Haber

Bugünki Ziyaretci:1
Bugün Tıklama:4
Toplam Ziyaretçi :12941

MENÜ

Anasayfa

Bağlantılarım

Spor Kanalları

Radyolar

Takvim

Hava Durumu

İçerik

Haber

Bugünki Ziyaretci:1

Bugün Tıklama:4

Toplam Ziyaretçi :12941

#webme_footer_textlink_dont_hide { color: #b8b8b8; position: absolute; left: 300px; in: 0px; padding: 89px 27px 8px 130px; background: url(//img.webme.com/pic/g/grafikdizayn/classic_textlink.png); } @import url("http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css"); /*custom font for text*/ @import url(http://fonts.googleapis.com/css?family=Nunito); /*CSS file for fontawesome - an iconfont we will be using. This CSS file imported contains the font-face declaration. More info: http://fortawesome.github.io/Font-Awesome/ */ @import url(http://thecodeplayer.com/uploads/fonts/fontawesome/css/font-awesome.min.css); /*Basic reset*/ * {margin: 0; padding:0;} body { background: #000000; font-family: Nunito, arial, verdana; } #webme_sky_ad { position: absolute; right: 3095px; top: 480px; z-index: 1000000000000000000; } #webme_footer_textlink_dont_hide { margin-left:auto; margin-right:auto; margin-top:-15px; background: none; color:#444; font-family: Titillium Web; font-size:11px; } /*Menü Gizleme Kodu*/ h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /*Reklam Ortalama Kodu*/ table {margin-left: auto;margin-right: auto} table[height="102"]{display:none;} textarea{ resize:none } 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;} td, body {font-family:Verdana,Arial,Helvetica; font-size:11px;} form {padding:0px;margin:0px;} input,textarea,select {vertical-align:middle; font-size:8pt; font-family:Verdana,Arial,Helvetica;} .copy {font-size:10px;} hr {color:#A9B8C2; height:1px;} label {cursor:pointer; cursor:hand} .blockTitle,.menu1 {color:#969696; text-transform:uppercase; font-size:9px; font-family:Tahoma,Verdana;} .topBorder {border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; color: #969696;} .topMenu {border:1px solid #FFFFFF; padding:2px;} .menu_1 {background-image:url(//img.webme.com/pic/d/dpruebas/a-06.gif); widht: 190px; ext-decoration:none; height: 25px; color:#969696; margin-top:1px; padding:0 20px; line-height:25px;} .menu_1:hover {background-image:url(//img.webme.com/pic/d/dpruebas/a-07.gif); widht: 190px; ext-decoration:none; height: 25px; color:#4B4B4B; margin-top:1px; padding:0 20px; line-height:25px;} #content {padding:10px; color:#969696; font-family: Helvetica, sans-serif; font-size:14px; background-color:#transparent; overflow:auto;} .nav_element, .header, #content_container h2, #extraDiv1,#extraDiv2,#extraDiv3,#extraDiv4,#extraDiv5, #extraDiv6,#pre_header ,#post_header,#pre_content,#nav_heading, div.header,h1#title,h2#title span,#counter {display: none;}

<div style="float:left;">	
<script language="javascript" type="text/javascript"> 
function tarihGoster(){ 
var date=new Date(); 
document.getElementById("saatgoster").innerHTML="Saat "+date.toLocaleTimeString();

document.getElementById("tarihgoster").innerHTML="Tarih "+date.toLocaleDateString(); 
}

function yenile(){ 
setInterval("tarihGoster()",1000);

}

</script>

</div> 
 
</div>

</div>

</div>         
</Td>

</div>

</Td></Tr></Table>

<li ><a href="http://me-ca1962.tr.gg/"><i class="fa fa-home"></i> Anasayfa</a></li>
 <li><a href="http://www.meb.gov.tr/belirligunler/ataturk/ata.html"target="orta"><i class="fa fa-file-o fa-fw"></i> Atatürk</a></li>
 
<li><a href="#"><i class="fa fa-cogs fa-fw"></i> Web Araçları ▼</a>
 
<ul>
 
<li><a href="http://50memis.tr.gg/Htm-Kod-Edit.oe.r.ue..htm">Kodunu Test Et</a></li>
 
<li><a href="http://me-ca1962.tr.gg/renk-kodları.htm
">Renk Kodları</a></li>
 
<li><a href="http://wigflip.com/roflbot/">Rem Üzerine Yazı</a></li>

<li><a href="https://bloggertipandtricks.wordpress.com/page/17/">Htm Table </a></li>

<li><a href="http://www.w3schools.com/w3css/w3css_tabulators.asp">Htm Table </a></li>

<li><a href="http://thecodeplayer.com/">Htm Table </a></li>
<li><a href="http://www.cssportal.com/vertical-menus/index.php">Generator </a></li>
<li><a href="http://webplayershoutcast.com/free-webplayer-flash-html5/web-player-html-free-generator-html/">Radyo Generator </a></li>

</ul>
</li>

<li><a href="http://www.ehdcanlitvizle.com/canlitv.php" target="orta"><i class="fa fa-cloud"></i> Canlı Tv İzle</a></li>

<li><a href="http://www.canliradyodinle.fm/mini-mod.php?canli-yayin=784" target="orta"><i class="fa fa-bar-chart-o fa-fw"></i> Radyo Dinle</a></li>

<li><a href="http://www.hacibektas.com/fileadmin/Sanal_gezi/koylerimiz/yaz/killik.html" target="orta"><i class="fa fa-search"></i> Killik Köyü</a></li>

<li><a href="http://www.nevsehir.bel.tr/images/mp3/preview.swf" target="#"><i class="fa fa-table fa-fw"></i> Nevşehir Türküleri</a></li>

<li><a href="http://www.gazetekolay.com/sitene-ekle/source/slider.php?siteler=memurlar,milliyet,ensonhaber,hurriyet,sozcu,haber7,haberturk,aksam,yenisafak,mynet,posta,sabah,akit,sol,ortadogu,vahdet,cumhuriyet,vatan,t24,star,odatv&w=600&h=413"target="orta"><i class="fa fa-pencil fa-fw"></i> Haberler</a>  </li>

</ul>

</div>

</TD>

<div id="accordian">
    <ul>
     
        
<h3>
               <span class="icon-home"></span>Anasayfa</h3>
  
      <ul>

</ul>

<h3>
               <span class="icon-calendar"></span>Bağlantılarım</h3>
  
      <ul> 
<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>

<li class="active">
 <h3>
               <span class="icon-dashboard"></span>Spor Kanalları</h3>
  
         <ul>
              
   <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://sportbosstv.com/mb/"target="orta">Maç İzle</a></li>
    </ul>
</li>     
     
           <h3>
               <span class="icon-tasks"></span>Radyolar</h3>
       <ul>
<li><a href="https://radyodinlesem.net/mobilplayer.php?radyoadresi=http://yayin.keyiffm.com:9116"target="Radyo">Keyf Fm</a></li>

</ul>

<h3>
               <span class="icon-calendar"></span>Takvim</h3>
  
      <ul>

</ul>

<h3>
               <span class="icon-cloud"></span>Hava Durumu</h3>
  
      <ul> 
<img src="http://www.mgm.gov.tr/sunum/sondurum-show-2.aspx?m=ANKARA&rC=111&rZ=fff" style="width:140px; height:100px;" alt="ANKARA" />

</ul>

<h3>
               <span class="icon-cogs"></span>İçerik</h3>
  
    <ul>
 
<li><a href="http://50memis.tr.gg/Htm-Kod-Edit.oe.r.ue..htm">Kodunu Test Et</a></li>
 
<li><a href="http://me-ca1962.tr.gg/renk-kodları.htm
">Renk Kodları</a></li>
 
<li><a href="http://wigflip.com/roflbot/">Rem Üzerine Yazı</a></li>

<li><a href="https://bloggertipandtricks.wordpress.com/page/17/">Htm Table </a></li>

<li><a href="http://www.w3schools.com/w3css/w3css_tabulators.asp">Htm Table </a></li>

</ul>

<h3>
               <span class="icon-pencil"></span>İçerik</h3>
  
      <ul>

</ul>

<h3>
               <span class="icon-table"></span>Haber</h3>
  
      <ul> 
<iframe src="http://www.haberaktuel.com/sondakika/index1.php?id=2" height="280" width="140" frameborder="0" scrolling="No"></iframe>

</ul>

<h3>
               <span class="icon-heart"></span>Ziyaretçi</h3>
      
<ul>

<li><a>Şu Anda:
<script type="text/javascript" src="http://fastonlineusers.com/on3.php?d=www.me-ca1962.tr.gg/"></script>-Ziyaretçi</a></li>

<li><a>Bugünki Ziyaretci:1</a></li>

<li><a>Bugün Tıklama:4</a></li>

<li><a>Toplam Ziyaretçi :12941</a></li>

</ul>

</div>

<style>

@import url("http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css");

/*custom font for text*/
@import url(http://fonts.googleapis.com/css?family=Nunito);
/*CSS file for fontawesome - an iconfont we will be using. This CSS file imported contains the font-face declaration. More info: http://fortawesome.github.io/Font-Awesome/ */
@import url(http://thecodeplayer.com/uploads/fonts/fontawesome/css/font-awesome.min.css);
/*Basic reset*/
* {margin: 0; padding:20;}
body {
         background: #;
         font-family: Nunito, arial, verdana;
}
#accordian {
         background: #004050;
         width: 100%;
         margin: 0px auto 0 auto;
         color: white;
         /*Some cool shadow and glow effect*/
         box-shadow:
                  0 5px 15px 1px rgba(0, 0, 0, 0.6),
                  0 0 200px 1px rgba(255, 255, 255, 0.5);
}
/*heading styles*/
#accordian h3 {
         font-size: 12px;
         line-height: 34px;
         padding: 0 10px;
         cursor: pointer;
         /*fallback for browsers not supporting gradients*/
         background: #003040;
         background: linear-gradient(#003040, #002535);
}
/*heading hover effect*/
#accordian h3:hover {
         text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
/*iconfont styles*/
#accordian h3 a {
         color: white;
         text-decoration: none;
         font-size: 12px;
         line-height: 27px;    
         padding: 0 15px;
         /*transition for smooth hover animation*/
}
#accordian h3 a:hover {
 color:#E1E1E1;   
  }
/*list items*/
#accordian li {
         list-style-type: none;
  background:#4D6974;
border:1px solid #004050;
}

/*iconfont styles*/
#accordian h3 span {
 font-size: 16px;
 margin-right: 16px;
}
/*links*/
#accordian ul ul li a {
         color: white;
         text-decoration: none;
         font-size: 11px;
         line-height: 27px;
         display: block;
         padding: 0 15px;
         /*transition for smooth hover animation*/
         transition: all 0.15s;
}
/*hover effect on links*/
#accordian ul ul li a:hover {
         background: #003545;
         border-left: 5px solid lightgreen;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
         display: none;
}
#accordian li.active ul {
         display: block;
}
</style>

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

</TD>
</TR>
</TABLE>

</div>

<br>

<div class="w3-accordion w3-light-grey">
    <button onclick="myFunction('Demo1')" class="w3-btn-block w3-left-align">Hakkımda</button>
    <div id="Demo1" class="w3-accordion-content w3-container">
    
   
  <img src="http://3.bp.blogspot.com/-iikEl_0Tx-E/T1CwuyypkOI/AAAAAAAAAGc/-DJRWJfDg28/s80/121510114228+(WinCE).jpg" width="162" height="100" alt="" />

1962-Hacıbektaş

</div>
    <button onclick="myFunction('Demo2')" class="w3-btn-block w3-left-align">Haberler</button>
    <div id="Demo2" class="w3-accordion-content w3-container">
      
<iframe src="http://www.internethaber.com/son-dakika/service_7" width="162" height="350" frameborder="0" scrolling="no"></iframe>

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

</TD>
<TD width="80%" valign="top">

</TD>

</TD>
</TR></TABLE>

<li><A HREF="javascript:void(0)"
onclick="window.open('http://www.radyonevsehir.com/popup.php?page=canliyayin#.WDszi9KLTcs',
'Radyolar','width=350,height=350')">Radyo Nevşehir</A></li>

<li><A HREF="javascript:void(0)"
onclick="window.open('https://radyodinlesem.net/mobilplayer.php?radyoadresi=http://sr1.netmedya.org:1086',
'Radyolar','width=350,height=50')">Kapadokya Fm</A></li>

</ul>
<br>

</div>

<p> © 2016<strong>www.50memis.tr.gg</strong> | Sahibi: <a href="http://50memis.tr.gg/">Memiş ÇALDIRAN</a> | Yardımcılar 
    <a href="#">XHTML</a> | 
    <a href="#">CSS</a>   
    <a href="#">RSS Feed</a> </p>

</div>

/* alignment classes */ 
.float-left  { float: left; } 
.float-right { float: right; } 
.align-left  { text-align: left; } 
.align-right { text-align: right; }

/* display and additional classes */ 
.clear { clear: both; }

</style>

<div id="footer">

<div id="left_footer">
<br><br><br><br><br>
Memiş ÇALDIRAN
    </div> 
    <div id="right_footer"> 
 
<a href="http://htlmkod-merkezi.tr.gg/" title="Website Design"><strong>WWW.50memiş.TR.GG YAPIMIDIR©</strong></a>

</div> 
    </div>

<style>

#footer {background:url(http://www.ww64.com/uploads/images/2008-09-23/8iOk9zfjVQ.jpg) repeat-x #689; height:120px;} 
#left_footer { float:left; padding:40px 0 0 60px; background:url(http://img03.blogcu.com/v2/avatars/normal/m/e/-/me-ca/me-ca_1276123668.jpg) no-repeat 0px 0px; text-transform:uppercase; color:#FFFFFF;height:80px; 
font-weight:bold; font-size:11px;} 
#left_footer a { color:#FFFFFF;} 
#left_footer a:hover { text-decoration:none;} 
#right_footer { float:right;  padding:40px 30px 0 0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:right;} 
#right_footer a { color:#FFFFFF;} 
#right_footer a:hover { text-decoration:none;}

</style>

</style>

<head>
    <title>SiteName | Home</title>
    <link rel="stylesheet" href="style.css" type="text/css">
</head>

<body>
        <div id="screen">
            <div id="header">
            <img style="float:left;" src="C:\Users\Jack\Downloads\Images\GFX\Website\awesomeface.jpg" width="75px" height="75px">
                <div id="title">
                    <h1>SiteName</h1>
                </div>
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="index.html">Gallery</a></li>
                        <li><a href="index.html">Contact Us</a></li>
                        <li><a href="index.html">Terms of Use</a></li>
                    </ul>
                </div>
            <div id="body">
                <h2>Welcome to the new website!</h2>
                <p class="bindent">For Chryses sought with costly gifts to gain His captive daughter from the victor's chain. Suppliant the venerable father stands; Apollo's awful ensigns grace his hands By these he begs; and lowly bending down, Extends the sceptre and the laurel crown He sued to all, but chief implored for grace The brother-kings, of Atreus' royal race</p>
            </div>
            <div id="sidebar">
                <h3>News</h3>
                <p class="sindent">Declare, O Muse! in what ill-fated hour Sprung the fierce strife, from what offended power Latona's son a dire contagion spread, And heap'd the camp with mountains of the dead; The king of men his reverent priest defied, And for the king's offence the people died.</p>
            </div>

<style>

#screen {
color: white;
font-family: verdana;
}

#header {
background: black;
border: 8px solid darkred;
padding: 1em;
}

#title {
text-indent: 5em;
}

#body {
padding: 1em;
border: 8px solid darkred;
background:#3d594b;
}

#sidebar {
padding: 1em;
border: 8px solid darkred;
background:#3d594b;
float: right;
}

#footer {
}

ul
{
position:relative;
float: left;
left: 50%;
list-style-type:none;
margin:0;
padding:0;
}

li
{
float:left;
position:relative;
right:50%;
}

a:link,a:visited
{
display:block;
font-weight:bold;
width:200px;
color:white;
background-color:darkred;
text-align:center;
padding:0.75em;
text-decoration:none;
text-transform:uppercase;
}

a:hover,a:active
{
background-color:lime;
}

.sindent {
text-indent:1em;
}

.bindent {
text-indent:2em;
}
</style>

ÜST...............

body {  /* webkit adjacent sibling bug fix */
	-webkit-animation: bugfix infinite 1s; 
}

@-webkit-keyframes bugfix { 
	from {padding:0;} 
	to {padding:0;} 
}

div.css3droppanel { /* Main wrapper for push down panel */
		position: relative;
		margin: 0;
		margin-bottom: 1em; /* margin with rest of content on page */
		}

div.css3droppanel > div { /* Content DIV DIV inside wrapper */
		height: 10px; /* initial height of content when hidden. Should be same height as bottom bar (see div.css3droppanel:after) */
		padding: 5px;
		-moz-box-sizing: border-box; /* ensure any padding and border declared inside content DIV doesn't increase DIV's declared dimensions */
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		background: #b5e5e0; /* background of content DIV */
		position: relative;
		opacity: 0;
    -moz-transition: all 0.2s ease-in-out 0.1s;  /* CSS3 transition of UL state. Last 0.1s specifies delay before animation */
    -o-transition: all 0.2s ease-in-out 0.1s; /* instead of ease-in-out, also try cubic-bezier(0.25, 0.1, 0.25, 1.4) instead */
    -webkit-transition: all 0.2s ease-in-out 0.1s;
    transition: all 0.2s ease-in-out 0.1s;
		}

div.css3droppanel:after { /* Add bottom bar beneath wrapper */
		content: '';
		display: block;
		bottom: 0;
		position: absolute;
		width: 100%;
		height: 10px;
		box-shadow: 0 3px 8px gray, 3px 3px 4px brown inset;
		background: #5a1619; /* dark redish background and its gradient versions */
		background: -moz-linear-gradient(top,  rgba(118,36,41,1) 0%, rgba(117,5,11,1) 50%, rgba(56,38,39,0.72) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(118,36,41,1)), color-stop(50%,rgba(117,5,11,1)), color-stop(100%,rgba(56,38,39,0.72)));
		background: -webkit-linear-gradient(top,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(56,38,39,0.72) 100%);
		background: -o-linear-gradient(top,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(56,38,39,0.72) 100%);
		background: -ms-linear-gradient(top,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(56,38,39,0.72) 100%);
		background: linear-gradient(to bottom,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(56,38,39,0.72) 100%);
		}

div.css3droppanel input[type="checkbox"] { /* style invisible checkbox element used to toggle state of push down panel */
		position: absolute;
		right: 50px; /* right position of checkbox */
		width: 60px; /* width of checkbox */
		height: 42px; /* height of checkbox */
		bottom: -34px; /* bottom offset of checkbox */
		z-index: 10;
		cursor: pointer;
		opacity: 0;
		}

div.css3droppanel input[type="checkbox"]:checked ~ div { /* when checkbox is checked, expand content within wrapper */
		height: 300px; /* height of content to expand to. Scrollbar will be shown if content overflows this height */
		opacity: 1;
		overflow: auto;
		}

div.css3droppanel label { /* style label that's positioned below wrapper's bottom bar, and will toggle checkbox when interacted with */ 
		position: absolute;
		right: 50px; /* right position of label */
		width: 60px; /* width of label */
		height: 42px; /* height of label */
		bottom: -34px; /* bottom offset of label */
		border-bottom-left-radius: 30px;
		border-bottom-right-radius: 30px;
		cursor: pointer;
		z-index: 5;
		background: #5a1619; /* dark redish background and its gradient versions */
		background: -moz-linear-gradient(top,  rgba(118,36,41,1) 0%, rgba(117,5,11,1) 50%, rgba(124,31,32,0.72) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(118,36,41,1)), color-stop(50%,rgba(117,5,11,1)), color-stop(100%,rgba(124,31,32,0.72)));
		background: -webkit-linear-gradient(top,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(124,31,32,0.72) 100%);
		background: -o-linear-gradient(top,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(124,31,32,0.72) 100%);
		background: -ms-linear-gradient(top,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(124,31,32,0.72) 100%);
		background: linear-gradient(to bottom,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(124,31,32,0.72) 100%);
		box-shadow: 0 3px 8px black, 5px 5px 6px brown inset, 0 -3px 3px rgba(152,41,47,0.7) inset, 0 5px 0 rgba(255,255,255,0.7) inset;
		}

div.css3droppanel label:hover { /* style of label when mouse rolls over it */
		box-shadow: 0 3px 8px black, 5px 5px 6px brown inset, 0 -3px 3px rgba(152,41,47,0.7) inset, 0 5px 0 rgba(255,255,255,0.7) inset, 0 0 15px rgba(255,255,255,0.8) inset;
		}

div.css3droppanel label:after { /* generated down arrow */
		content: '';
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border: 12px solid transparent;
		border-color: white transparent transparent transparent;
		top: 18px;
		left: 18px;
		box-shadow: 0 0 7px gray inset;
		}

</style>

<!--[if lte IE 8]>

<style>

/* Hide panel from IE8 and below */

div.css3droppanel {
		display: none;
		}

</style>

<![endif]-->

</style>

<table class="tftable" border="1">
<tr><th>Hakkımda</th><th>Haberler</th><th>İçerik</th></tr>
<tr>

<td valign="top">
<img src="http://3.bp.blogspot.com/-iikEl_0Tx-E/T1CwuyypkOI/AAAAAAAAAGc/-DJRWJfDg28/s80/121510114228+(WinCE).jpg"width="254"height="200">
<br>
<font size="3" face="Arial" color="red"><center>Memiş ÇALDIRAN
<br>1962-Hacıbektaş</center>
</font>

</td> 
<td valign="top">

</td>

</td></tr>
</table>

</div>
</div>

<style>

/*----- GP Drop Down Menu ----*/

#gpnavbar { 
    background: #777777; 
    width: 100%px; 
    color: #000; 
        margin: 0px; 
        padding: 0; 
        position: relative; 
        border-top:0px solid #960100; 
        height:35px;
-moz-border-radius: 3px;  -webkit-border-radius: 3px;
/*/*/border:1px solid #ffffff;/* */
}

#gpnav { 
    margin: 0; 
    padding: 0; 
} 
#gpnav ul { 
    float: left; 
    list-style: none; 
    margin: 0; 
    padding: 0; 
} 
#gpnav li { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
        border-left:1px solid #ffffff; 
        border-right:1px solid #ffffff; 
        height:35px; 
} 
#gpnav li a, #gpnav li a:link, #gpnav li a:visited { 
    color: #FFF; 
    display: block; 
   font:normal 12px Helvetica, sans-serif;    margin: 0; 
    padding: 9px 12px 10px 12px; 
        text-decoration: none; 
        
} 
#gpnav li a:hover, #gpnav li a:active { 
    background: #999; 
    color: #FFF; 
    display: block; 
    text-decoration: none; 
        margin: 0; 
    padding: 9px 12px 10px 12px; 
        
    
        
}
#gpnav li { 
    float: left; 
    padding: 0; 
} 
#gpnav li ul { 
    z-index: 9999; 
    position: absolute; 
    left: -999em; 
    height: auto; 
    width: 160px; 
    margin: 0; 
    padding: 0; 
} 
#gpnav li ul a { 
    width: 140px; 
} 
#gpnav li ul ul { 
    margin: -25px 0 0 161px; 
} 
#gpnav li:hover ul ul, #gpnav li:hover ul ul ul, #gpnav li.sfhover ul ul, #gpnav li.sfhover ul ul ul { 
    left: -999em; 
} 
#gpnav li:hover ul, #gpnav li li:hover ul, #gpnav li li li:hover ul, #gpnav li.sfhover ul, #gpnav li li.sfhover ul, #gpnav li li li.sfhover ul { 
    left: auto; 
} 
#gpnav li:hover, #gpnav li.sfhover { 
    position: static; 
}
#gpnav li li a, #gpnav li li a:link, #gpnav li li a:visited { 
    background: #666666; 
    width: 120px; 
    color: #FFF; 
    display: block; 
    font:normal 12px Helvetica, sans-serif; 
    margin: 0; 
    padding: 9px 12px 10px 12px; 
        text-decoration: none; 
z-index:9999; 
border-bottom:1px dotted #333;
    
} 
#gpnav li li a:hover, #gpnavli li a:active { 
    background: #060505; 
    color: #FFF; 
    display: block;     margin: 0; 
    padding: 9px 12px 10px 12px; 
        text-decoration: none; 
}
</style>

<div id='gpnavbar'> 
      <ul id='gpnav'> 
   
 <li><a href="http://50memis.tr.gg/">Anasayfa</a></li>

<li><a href="http://www.meb.gov.tr/belirligunler/ataturk/ata.html"target="orta">Atatürk</a></li>

<li><a href="#">Web Araçları▼</a>
 
<ul>
 
<li><a href="http://50memis.tr.gg/Htm-Kod-Edit.oe.r.ue..htm">Kodunu Test Et</a></li>

<li><a href="http://wigflip.com/roflbot/">Rem Üzerine Yazı</a></li>
<li> <a href=http://www.dynamicdrive.com/style/'>Menü</a></li>
<li><a href="http://www.thorstenvock.de/css_menuegenerator.php">Menü</a></li>
<li><a href="http://tools.dynamicdrive.com/animatedgif/">Gif Genaratörü</a></li>  
<li><a href="http://tablestyler.com/">Htm Table Generatör</a></li>
<li><a href="http://www.textfixer.com/html/html-table-generator.php">Htm Table Generatör</a></li>
<li><a href="https://html-cleaner.com/html-table-generator/">Htm Table Generatör</a></li>
<li><a href="http://divtable.com/generator/">Htm Table Generatör</a></li>
<li><a href="http://www.quackit.com/html/html_table_generator.cfm">Htm Table Generatör</a></li>
<li><a href="http://accordionslider.com/">Yatay Tab Menü</a></li>

</ul>
 
</li>

<li><a href="http://www.canliyayinradyolar.com/mini-mod/" target="orta">Radyolar</a></li>

<li><a href="http://www.hacibektas.com/fileadmin/Sanal_gezi/koylerimiz/yaz/killik.html" target="orta">Killik Köyü</a></li>

<li><a href="http://netspor9.tv/embed/index.php?id=11"target="orta">Discovry Tv</a></li>

<li><a href="http://me-ca1962.tr.gg/Oyunlar.htm">Oyunlar</a></li>

<li>

</ul>

</ul> 
    </div>

<!DOCTYPE html>
<html>
<head>

<body>

</div></div>

</div>

<ALT....................

</div>

<ul class="slideuptabs red">
	<li><a href="http://www.dynamicdrive.com/"><span>Home</span></a></li>
	<li><a href="http://www.dynamicdrive.com/style/"><span>CSS</span></a></li>
	<li><a href="http://www.dynamicdrive.com/forums/"><span>Forums</span></a></li>	
	<li><a href="http://tools.dynamicdrive.com"><span>Webmaster Tools</span></a></li>	
	<li><a href="http://www.javascriptkit.com/"><span>JavaScript</span></a></li>	
	<li><a href="http://www.cssdrive.com"><span>Gallery</span></a></li>	
</ul>

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

<nav id="mobile-menu"></nav>
<nav id="hybridmenu">
<ul class="main-menu">
<li class="mobile-menu-item"><i class="fa fa-bars"></i></li>
<li class="logo">
  <a href="http://www.dynamicdrive.com" title="Dynamic Drive">
    <img src="http://www.dynamicdrive.com/dynamicindex1/responsivehybridmenu/ddlogo.png" alt="logo">
  </a>
</li>                 
<li class="parent">
  <a href="#"><i class="fa fa-html5"></i><span>Menu Item 1</span></a>
  <ul class="sub-menu">
    <li><a href="#">Submenu Item 1</a></li>
    <li><a href="#">Submenu Item 2</a></li>
    <li><a href="#">Submenu Item 3</a></li>
    <li><a href="#">Submenu Item 4</a></li>
  </ul>
</li>
<li class="parent">
  <a href="#"><i class="fa fa-css3"></i><span>Menu Item 2</span></a>
  <ul class="sub-menu">
    <li><a href="#">Submenu Item 1</a></li>
    <li><a href="#">Submenu Item 2</a></li>
    <li><a href="#">Submenu Item 3</a></li>
  </ul>
</li>
<li class="parent">
  <a href="#"><i class="fa fa-gear"></i><span>Menu Item 3</span></a>
</li>        
<li class="menu-right parent">
  <a href="#"><i class="fa fa-phone"></i><span>Menu Item 5</span></a>
  <ul class="sub-menu">
    <li><a href="#">Submenu Item 1</a></li>
    <li><a href="#">Submenu Item 2</a></li>
    <li><a href="#">Submenu Item 3</a></li>
  </ul>
</li>
<li class="menu-right parent">
  <a href="#"><i class="fa fa-comment"></i><span>Menu Item 4</span></a>
  <ul class="sub-menu">
    <li><a href="#">Submenu Item 1</a></li>
    <li><a href="#">Submenu Item 2</a></li>
  </ul>
</li>               
</ul>

</nav>

/***********************************************
	* Responsive Hybrid Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
	* This notice MUST stay intact for legal use
	* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
	***********************************************/

</script>

/* Responsive Hybrid Menu
* Author: Dynamic Drive at http://www.dynamicdrive.com/
* Visit http://www.dynamicdrive.com/ for full source code
* Updated March 25th 14' for menu links not working bug fix
* Updated March 27th 14': Added "hassub" class to sub menu LIs that contain additional sub menus (ULs)
*/

jQuery.noConflict();
(function($) { 
  $(function() {

//Global Animation speed initialization
  	var speeed = 400;

//Global Animation Type initialization
  	var type = 'swing';

//One time navigation selection for further use
  	var theMenu = $('#hybridmenu');

//Mobile specific Menu Item selection
  	var mobilMenuItem = theMenu.find('ul li.mobile-menu-item');

//Whole Content selection
  	var wholeContent = $('#wrapper, nav#hybridmenu');

//Body Height Calculation
  	var bodyHeight = $('body').outerHeight();

//Add "hassub" class to LIs with sub menus (additional ULs)
		theMenu.find('ul.sub-menu').parent('li').addClass('hassub')

//Claculating menu height to force whole content go down to avoid missing any content
    var theMenuHeight = theMenu.outerHeight();
    theMenu.next().css('marginTop', theMenuHeight + 'px');

//Mobile Window Size event trigger on scroll Fix
	var width = $(window).width();
	window.theWidth = width;
	//alert('this.width: ' + window.theWidth);

// Mouse enter function call
    theMenu.find('.parent').on('mouseenter', document, theSlideDown);

// Mouse leave function call
    theMenu.find('.parent').on('mouseleave', document, theSlideUp);

//Preparing for Mobile Menu
    theMenu.find('ul.main-menu').clone().appendTo('#mobile-menu');
    mobileMenu = $('#mobile-menu');
    mobileMenu.css('minHeight', bodyHeight + 'px');
    mobileMenu.hide();
    mobileMenu.find('ul.main-menu > li.parent').each(function(){
		var mobileHeading = $(this).find('>a').clone().addClass("mobile-heading");
		mobileHeading.prependTo($(this).find('ul.sub-menu'));
    });
    $('.mobile-heading').prepend('<i class="fa fa-chevron-left" />')
	mobileMenu.find('.mobile-menu-item, .logo').remove();
	mobileMenu.find('li a').append('<i class="fa fa-chevron-right"></i>');
	//Mobile Menu Button Click Handler Call
	mobilMenuItem.on('click', document, mobileItemClicked);

// Mobile Sub-menu Item retrieved call
	mobileMenu.find('li.parent').on('click', document, mobileSubItemClicked);

//Mobile Heading Clicked Call
	$('.mobile-heading').on('click', document, mobileHeadingClicked);

//Window Resize Call
	$(window).resize(windowResized);

// Mouse enter function - revealing the dropdown
	function theSlideDown(e) {
		if (!mobilMenuItem.is(':visible')) {
			e.stopPropagation();
			$(this).off('mouseleave', document, theSlideUp);
			$(this).find('ul').stop(true, true).slideDown(speeed, function(){
				$(this).off('mouseleave', document, theSlideUp);
			});
		}
	}

// Mouse leave function - hiding the dropdown
	function theSlideUp(e) {
		if (!mobilMenuItem.is(':visible')) {
			e.stopPropagation();
			$(this).off('mouseenter', document, theSlideDown);
			$(this).find('ul').stop(true, true).slideUp(speeed, function(){
				$(this).on('mouseenter', document, theSlideDown);
			});
		}
	}

//Mobile Menu Button Click Handler
	function mobileItemClicked(e) {
		if (mobileMenu.is(':visible')) {
			wholeContent.removeClass('mobile-opened', speeed, type, function(){
				mobileMenu.hide();
			});
		} else {
			mobileMenu.show();
			wholeContent.addClass('mobile-opened', speeed, type);			
		}
		$('.mobile-heading').trigger('click');
	}

//Mobile Sub-menu Item retrieved
	function mobileSubItemClicked(e) {
		$(this).find('ul.sub-menu').addClass('opened', speeed, type);
		if (e.target.tagName != "A")
			return false;
	}

//Mobile Heading Clicked
	function mobileHeadingClicked(e) {
		$(this).closest('ul.sub-menu').removeClass('opened', speeed, type);
		return false;
	}

});
})(jQuery);

</script>

/**
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */

#hybridmenu ul, #hybridmenu li, #mobile-menu ul, #mobile-menu li, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

/* ----------------------------- JQuery UI ----------------------------- */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}

/* ----------------------------- Custom Code ----------------------------- */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

#wrapper {
  width: 100%;
  margin: 0 auto;
  min-height: 600px;  
  position: relative;
  background-color: white;
  left: 0;
}

h1 {
  font-size: 23px;
  line-height: 26px;
  padding-bottom: 20px;
}

p {
  padding-bottom: 5px;
}

/* ----------------------------- Menu Code ----------------------------- */

#hybridmenu {
  -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
  box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
  position: fixed;
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  background-color: #3da023; /* Default intense green color of menu */
  top: 0;
  z-index: 1000;
  left: 0;
}

#hybridmenu ul {
  margin: 0 auto;
  width: 80%;
}

#hybridmenu ul li {
  float: left;
  height: 75px;
}

#hybridmenu ul li a,
#mobile-menu ul li a {
  color: white;
  font-size: 18px;
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
  padding: 28px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#mobile-menu ul li a {
  height: auto;
}

#hybridmenu ul li:hover a {
  background-color: #cccccc; /* Hover color of menu */
}

#hybridmenu ul li:after {
  content: "";
  display: block;
  clear: both;
}

#hybridmenu li.logo a {
  padding: 0 20px;
}

#hybridmenu .logo,
#hybridmenu ul li.logo:hover a {
  background: none;
}

#hybridmenu ul li.menu-right {
  float: right;
}

#hybridmenu ul li.menu-right a {
  font-size: 14px;
}

#hybridmenu ul li.parent {
  position: relative;
}

#hybridmenu ul li.parent.hidden {
  overflow: hidden;
}

#hybridmenu ul li.parent.opened {
  overflow: visible;
}

#hybridmenu ul.sub-menu {
  background-color: #3da023; /* Default intense green color of menu */
  position: absolute;
  width: 250px;  
  display: none;
  -moz-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.5); 
  -webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.5); 
}

#hybridmenu ul.sub-menu li {
  height: auto;
  width: 100%;
}

#hybridmenu ul li i,
#hybridmenu ul li.mobile-menu-item {
  display: none;
  font-size: 22px;
  color: white;
}

#hybridmenu ul.sub-menu li a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  font-size: 14px;
}

#hybridmenu ul.sub-menu li:hover a {
  background-color: #6fc15a;  /* Hover color of menu */
}

#hybridmenu ul li.mobile-menu-item i {
  padding-top: 26px;
  padding-left: 20px;
}

#hybridmenu ul li.mobile-menu-item {
  width: 20%;
  cursor: pointer;
}

#hybridmenu ul li.mobile-menu-item:hover {
  background-color: transparent;
}

#mobile-menu {
  position: absolute;
  background-color: #EEEEEE;
  top: 0;
  overflow: hidden;
  width: 80%;
}

#mobile-menu ul li {
  background-color: #3da023; /* Default intense green color of menu */
  border-top: 1px solid #eee; 
}

#mobile-menu ul li:hover {
  background-color: #6fc15a; /* Hover color of menu */
  border-top: 1px solid #eee;
}

#mobile-menu ul li a {
  padding: 25px 15px;
}

#mobile-menu ul li a span {
  padding-left: 15px;
}

#mobile-menu ul li a i {
  font-size: 23px;
  vertical-align: middle;
}

.fa-chevron-right { /* arrow style */
  float: right;
  color: white;
}

li:not(.hassub) .fa-chevron-right{ /* hide arrow inside LIs with no sub menus */
	display: none;
}

.fa-chevron-left { /* arrow style */
  color: white;
}

#wrapper.mobile-opened,
nav#hybridmenu.mobile-opened {
  left: 80%;
}

nav#hybridmenu.mobile-opened ul {
  margin: 0;
}

.fa-chevron-left {
  padding-right: 15px;
}

.mobile-heading,
#mobile-menu ul.sub-menu {
  background-color: #3da023; /* Default intense green color of menu */
}

#mobile-menu ul.sub-menu {
  position: absolute;
  width: 80%;
  z-index: 999;
  left: -80%;
  top: 0;  
  height: 100%;
}

#mobile-menu ul.sub-menu .fa-chevron-right {
  display: none; /* hide right arrow for 2nd level LIs */
}

#mobile-menu ul.sub-menu.opened {
  left: 0;
  width: 100%;
}

.mobile-heading i.fa-chevron-right {
  display: none;
}

/* ----------------------------- CSS Media Queries ----------------------------- */

/*
These rules control which portions of the menu gets shown when the screen size is below a certain width.
By default 3 stages are defined.
*/

@media screen and (max-width: 1175px) { /* Stage 1: Hide menu text and show corresponding CSS font icons (from Fontawesome) instead */

#hybridmenu ul li a span {
    display: none;
  }

#hybridmenu ul li i {
    display: inline-block;
  }

}

@media screen and (max-width: 767px) { /* Stage 2: Show CSS font icons AND hide primary (left) menu icons */

#hybridmenu ul li {
    display: none;
  }

#hybridmenu ul li.mobile-menu-item,
  #hybridmenu ul li.logo,
  #hybridmenu ul li.menu-right {
    display: block;
  }

#hybridmenu ul li a span {
    display: inline;
    padding-left: 10px;
  }

#hybridmenu ul li.menu-right a span {
    display: none;
  }

}

@media screen and (max-width: 486px) { /* Stage 3: /* Hide all top menu icons except right menu icons, show left side bar mobile menu */
  #hybridmenu ul li.menu-right {
    display: none;
  }

#hybridmenu ul li.logo {
    float: right;
  }

#hybridmenu ul li.mobile-menu-item {
    width: 30%
  }

}
</style>

/* you can structure your code's white space so that it is as readable for when you come back in the future or for other people to read and edit quickly */

body{
    font-family: arial; font-size: 80%; line-height: 1.2em; width: 100%; margin: 0; background: #eee;
}
/* you can put your code all in one line like above */
#page{ margin: 20px; }

/* or on different lines like below */
#logo{
	width: 35%;
	margin-top: 5px;
	font-family: georgia;
	display: inline-block;
}
/* but try and be as concise as possible */
#nav{
	width: 60%;
	display: inline-block;
	text-align: right;
	float: right;
}
	#nav ul{}
		#nav ul li{
			display: inline-block;
			height: 62px;
		}
			#nav ul li a{
				padding: 20px;
				background: orange;
				color: white;
			}
			#nav ul li a:hover{
				background-color: #ffb424;
				box-shadow: 0px 1px 1px #666;
			}
			#nav ul li a:active{ background-color: #ff8f00; }

#content{
	margin: 30px 0;
	background: white;
	padding: 20px;
	clear: both;
}
#footer{
	border-bottom: 1px #ccc solid;
	margin-bottom: 10px;
}
	#footer p{
		text-align: right;
		text-transform: uppercase;
		font-size: 80%;
		color: grey;
	}

/* multiple styles seperated by a , */
#content,
ul li a{ box-shadow: 0px 1px 1px #999; }
</style>

<!DOCTYPE html>
<html>
<head>

<title>My First Website</title>
	
	<meta name="author" content="your name" />
	<meta name="description" content="" />

<link rel="stylesheet" href="style.css" type="text/css" />
	
</head>
<body>

<div id="page">
		<div id="logo">
			<h1><a href="/" id="logoLink">My First Website</a></h1>
		</div>
		<div id="nav">
			<ul>
				<li><a href="#/home.html">Home</a></li>
				<li><a href="#/about.html">About</a></li>
				<li><a href="#/contact.html">Contact</a></li>
			</ul>	
		</div>
		<div id="content">
			<h2>Home</h2>
			<p>
				This is my first webpage! I was able to code all the HTML and CSS in order to make it. Watch out world of web design here I come!
			</p>
			<p> 
				I can use my skills here to create websites for my business, my friends and family, my C.V, blog or articles. As well as any games or more experiment stuff (which is what the web is really all about). 
			</p>
		</div>
		<div id="footer">
			<p>
				Webpage made by <a href="/" target="_blank">[your name]</a>
			</p>
		</div>
	</div>
</body>
</html>

<td valign="top" height="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> <td bgcolor="#035"><img border="0" src="//img.webme.com/pic/d/dpruebas/b-12.gif" width="119" height="21"></td> <td bgcolor="#035" width="95%" background="//img.webme.com/pic/d/dpruebas/b-04.gif" align="center"><div class="blockTitle">
<script type="text/javascript">saatkacTT_iDate=1;saatkacTT_country="TR";saatkacTT_region="";saatkacTT_fontColor="#EDEDED";saatkacTT_fontType="bold 11px Tahoma";</script><script type="text/javascript" src="http://www.saatkac.com/dateTimeText.js"></script>
</div></td> <td bgcolor="#035"><img border="0" src="//img.webme.com/pic/d/dpruebas/b-05.gif" width="119" height="21"></td> </tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td bgcolor="#242424" colspan="3" class="topBorder" style="padding:3px;" valign="top">

var url = 'AXdiv.asp';

$('divAx').innerHTML = "<META http-equiv='content-type' content='text/html; charset=ISO-8859-9'><img src='../ajaxtabs/loading.gif'> Yükleniyor...";

var myAjax = new Ajax.Updater(
					{success: 'divAx'}, 
					url, 
					{
						method: 'get',

});

}

function Kapat(){
 var q=document.getElementById("divAx");
 q.style.display="none";

}

function Ac(){
 var q=document.getElementById("divAx");
 q.style.display="";

}

</script>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td bgcolor="#bcbcbc"><a href="http://www.Cyber-Warrior.Org/Forum"><img src="http://www.clansembolleri.com/wp-content/uploads/2014/12/1320.gif" width="85" height="75""></a></td>
            <td colspan="2" align="right" bgcolor="#bcbcbc"><img src="http://www.clansembolleri.com/wp-content/uploads/2014/12/1712.gif" width="100" height="75""></td>
          </tr>
        </table>

#navbar-holder		{ width: 100%; height: 34px; text-indent: 15px; background-color: #038; }
#navbar-link		{ color: #599a2e; font-family: "Museo Sans 700"; font-size: 12px; text-decoration: none; line-height: 34px; }

ul#navbar-menu					{ float: right; list-style: none; margin:0; padding:0; }
ul#navbar-menu>li				{ float: left; height: 34px; padding-right: 16px; border-right: 1px solid #353535; }
ul#navbar-menu>li:hover			{ background-color: #353535; cursor: pointer;}
ul#navbar-menu>li:hover>a		{ color: #599a2e;}
ul#navbar-menu>li:hover	ul		{ display: block; position: absolute; margin-left:-40px; width:217px;}
ul#navbar-menu>li>a 		    { text-decoration: none; color: #bdbdbd; line-height: 34px; font-family: "Museo Sans 700"; font-size: 12px;}

.transtable table {border:0 solid #e5e5e5; color:#FFF; background:#FFF; }
.transtable table td{border:0 solid #e5e5e5; }

@font-face  		{ font-family: "Museo Sans 700"; src: url(forum/fonts/MuseoSans-700.otf); }

ul#navbar-sub-menu				{ list-style: none; display: none;}
ul#navbar-sub-menu>li			{ cursor: pointer; background-color: #353535; padding-right: 17px;}
ul#navbar-sub-menu>li:hover		{ background-color: #2a2a2a;}
ul#navbar-sub-menu>li>a			{ text-decoration: none; white-space: nowrap;  color: #bdbdbd; line-height: 34px; font-family: "Museo Sans 700"; font-size: 12px; }
ul#navbar-menu>li:last-child 	{ border:none !important; }
ul#navbarmenu2>li:first-child 	{ border:none !important; }

</Style>

<div id="navbar-holder">
        
  <ul id="navbar-menu">
                    <li><a href="#">ANA SAYFA ▼                    </a>
                        <div class="sub_wrapper clearfix">
							<ul id="navbar-sub-menu">
								
	<li><a href="http://50memis.tr.gg/">Anasayfa</a></li>						</ul>
						</div>
                    </li>
                    <li><a href="#">ATATÜRK    ▼ </a>
					<div class="sub_wrapper clearfix">
                        <ul id="navbar-sub-menu">
                            
<li><a href="http://www.meb.gov.tr/belirligunler/ataturk/ata.html"target="orta">Atatürk</a></li>
                        </ul>
						</div>
                    </li>
                    <li><a href="#">KİLLİK KÖYÜ    ▼   </a>
					<div class="sub_wrapper clearfix">
                        <ul id="navbar-sub-menu">
                            
<li><a href="http://www.hacibektas.com/fileadmin/Sanal_gezi/koylerimiz/yaz/killik.html" target="orta">Killik Köyü</a></li>
                        </ul>
						</div>
                    </li>
                    <li style="padding-right:20px;"><a href="#">LİG TV ▼</a>
					<div class="sub_wrapper clearfix">
                        <ul id="navbar-sub-menu" style="padding-right:160px; margin-right:120px;">
                           
    <li><a href="http://90a.co/ch/ch1.html "target="orta">Lig Tv</a>  </li>

<li><a href="http://netspor9.tv/embed/index.php?id=11"target="orta">Discovry Tv</a></li>

</ul>
						</div>

</li>
                    <li style="padding-right:20px;"><a href="#">OYUNLAR ▼</a>
					<div class="sub_wrapper clearfix">
                        <ul id="navbar-sub-menu" style="padding-right:160px; margin-right:120px;">
                           
<li><a href="http://me-ca1962.tr.gg/Oyunlar.htm">Oyunlar</a></li>

</ul>
						</div>

</li>
                    <li style="padding-right:20px;"><a href="#">WEB ARAÇLARI ▼</a>
					<div class="sub_wrapper clearfix">
                        <ul id="navbar-sub-menu" style="padding-right:160px; margin-right:120px;">
                           
<li><a href="http://50memis.tr.gg/Htm-Kod-Edit.oe.r.ue..htm">Kodunu Test Et</a></li>

<li><a href="http://wigflip.com/roflbot/">Rem Üzerine Yazı</a></li>

<li><a href="http://xyberneticos.com/index.php/2007/05/03/lista-de-menu-en-css-para-tus-disenos/">Menü</a></li>
<li> <a href=http://www.dynamicdrive.com/style/'>Menü</a></li>
<li><a href="http://www.thorstenvock.de/css_menuegenerator.php">Menü</a></li>
<li><a href="http://tools.dynamicdrive.com/animatedgif/">Gif Genaratörü</a></li>  
<li><a href="http://tablestyler.com/">Htm Table Generatör</a></li>
<li><a href="http://www.textfixer.com/html/html-table-generator.php">Htm Table Generatör</a></li>
<li><a href="https://html-cleaner.com/html-table-generator/">Htm Table Generatör</a></li>
<li><a href="http://divtable.com/generator/">Htm Table Generatör</a></li>
<li><a href="http://www.quackit.com/html/html_table_generator.cfm">Htm Table Generatör</a></li>
<li><a href="http://accordionslider.com/">Yatay Tab Menü</a></li>

</ul>
						</div>

</li>

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

</table>

</td>

</table>

<div id="accordian">
 <ul>
  <li>
   
		<li class="active">
<h3><span class="icon-dashboard"></span>Anasayfa</h3>
   <ul>

<li> <a href="http://50memis.tr.gg/">Ana Sayfam</a></li>

</ul>
  </li>
  
  
  <li>
   <h3><span class="icon-calendar"></span>Hakkımda</h3>
   <ul>
    <img src="http://3.bp.blogspot.com/-iikEl_0Tx-E/T1CwuyypkOI/AAAAAAAAAGc/-DJRWJfDg28/s80/121510114228+(WinCE).jpg"width="175"height="175">
<br>
<font size="4" face="Arial" color="red"><center>Memiş ÇALDIRAN
<br>1962-Hacıbektaş</center>
</font>

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

<script src="http://thecodeplayer.com/uploads/js/prefixfree-1.0.7.js" type="text/javascript" type="text/javascript"></script>

<script src="http://thecodeplayer.com/uploads/js/jquery-1.7.1.min.js" type="text/javascript"></script>

/*jQuery time*/
$(document).ready(function(){
 $("#accordian h3").click(function(){
  //slide up all the link lists
  $("#accordian ul ul").slideUp();
  //slide down the link list below the h3 clicked - only if its closed
  if(!$(this).next().is(":visible"))
  {
   $(this).next().slideDown();
  }
 })
})

</script>

/* End layout CSS */
 
  overflow:hidden;
  cursor:pointer;
}
.dhtmlgoodies_answer{  /* Parent box of slide down content */
  /* Start layout CSS */
  border:0px solid #003545;
  background-color:#004050;
  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">Arabeks Fm</div>
<div class="dhtmlgoodies_answer">
  <div>

</div> </div>

<div class="dhtmlgoodies_question"> Kapadokya  Fm</div>
<div class="dhtmlgoodies_answer">
  <div>

</div> </div>

</div>
</td>

<ALT.............

</td> 
    
<td width="15%" border="0"valign="top">

<SAĞ  MENÜ......>

<div id="accordian">
<ul>
<li>
<li class="active">
<h3><span class="icon-calendar"></span>Bağlantılarım</h3>
<ul>

<li> <a href="http://50memis.tr.gg/">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>
<li class="active">
<h3><span class="icon-dashboard"></span>Spor</h3>
<ul>

<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>

</ul>

</div>
</div>

</td>
  
</tr>

</table>

</td></tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> <td bgcolor="#035"><img border="0" src="//img.webme.com/pic/d/dpruebas/b-08.gif" width="119" height="21"></td> <td bgcolor="#035" width="95%" background="//img.webme.com/pic/d/dpruebas/b-04.gif" align="center"><font color="#969696">

İletişim:m.bjk_50@hotmail.com
</font></td> <td bgcolor="#035"><img border="0" src="//img.webme.com/pic/d/dpruebas/b-13.gif" width="119" height="21"></td> </tr></table></td>

<div style="float:right;">	
<span style="color: #ffffff; font-size:12px;">Memiş ÇALDIRAN</span>
<div class="listele"></div>
		</div>

<Style>

CSS...........

#webme_sky_ad {
                    position: absolute;
                    right: 3095px;
                    top: 480px;
                    z-index: 1000000000000000000; 
                }

#webme_footer_textlink_dont_hide {
margin-left:auto;
margin-right:auto;
margin-top:-15px;
 background:  none; 
color:#ffffff;
 font-family: Titillium Web;
font-size:11px;

}
/*Menü Gizleme Kodu*/ 
h2#title span {display: none;} 
div.header{display: none;} 
li.nav_element{list-style-type: none;} 
li.nav_element{display: none;}

/*Reklam Ortalama Kodu*/ 
table {margin-left: auto;margin-right: auto}

#ddblueblockmenu{
border: 0px solid #777777;
border-bottom-width: 0;
width: 100%px;

}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;

}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 100%px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #004050;
border-bottom: 1px solid #90bade;
border-left: 7px solid #000;
-moz-border-radius: 15px;  -webkit-border-radius: 15px;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 100%px; /*IE 5*/
w\idth: 160px; /*165px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 0px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: #000000;
font: bold 100% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;

}

/*Basic reset*/
* {margin: 0; padding: 0;}

body {
 background:#bdbdbd;

font-family: Nunito, arial, verdana;
}
#accordian {
 background: #004050;
 width: 100%px;
 margin: 0px auto 0 auto;
 color: white;
 /*Some cool shadow and glow effect*/
 box-shadow:
  0 5px 15px 1px rgba(0, 0, 0, 0.6),
  0 0 200px 1px rgba(255, 255, 255, 0.5);
}
/*heading styles*/
#accordian h3 {
 font-size: 12px;
 line-height: 34px;
 padding: 0 10px;
 cursor: pointer;
 /*fallback for browsers not supporting gradients*/
 background: #003040;
 background: linear-gradient(#003040, #002535);
}
/*heading hover effect*/
#accordian h3:hover {
 text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
/*iconfont styles*/
#accordian h3 span {
 font-size: 100%px;
 margin-right: 10px;
}
/*list items*/
#accordian li {
 list-style-type: none;
}
/*links*/
#accordian ul ul li a {
 color: white;
 text-decoration: none;
 font-size: 11px;
 line-height: 27px;
 display: block;
 padding: 0 15px;
 /*transition for smooth hover animation*/
 transition: all 0.15s;
}
/*hover effect on links*/
#accordian ul ul li a:hover {
 background: #003545;
 border-left: 5px solid lightgreen;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
 display: none;
}
#accordian li.active ul {
 display: block;
}

* {
		padding:0;margin:0;border:none;list-style-type:none;
	}
	.accordion {
	    width:100%px;
	    margin:0px;
	    font: 12px Verdana, Geneva, sans-serif;
	    border:1px solid #ccc;
	    border-radius:5px;
	}
	.accordion .acc-content {
	    height: 0;
	    overflow: hidden;
	}
	.accordion li:target .acc-content {
	    height: auto;
	    padding:10px;
	}
	.accordion .acc-header a {
	    display:block;
	    padding:5px;
	    text-decoration: none;
	    color: #666;
	    text-shadow:1px 1px 1px #fff;
	    font-weight:bold;
	    border-bottom:1px solid #aaa;
	    background:#eee;
	    background:-webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#ccc));
	    background:-moz-linear-gradient(#eee, #ccc);
	    background:-o-linear-gradient(#eee, #ccc);
	    background:-ms-linear-gradient(#eee, #ccc);
	    background:linear-gradient(#eee, #ccc);
	    -webkit-transition:.5s;
	    -moz-transition:.5s;
	    -o-transition:.5s;
	    -ms-transition:.5s;
	    transition:.5s;
	}
	.accordion .acc-header a:hover {
	    text-decoration:none;
	    border-bottom:1px solid #ddd;
	    background:#eee;
	    background:-webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#ddd));
	    background:-moz-linear-gradient(#eee, #ddd);
	    background:-o-linear-gradient(#eee, #ddd);
	    background:-ms-linear-gradient(#eee, #ddd);
	    background:linear-gradient(#eee, #ddd);
	    padding-left:15px;
	}

</style>

	Sitede