sadet48 - Drop Dawn Menu

CSS Drop Dawn Menü kodlarını göster: CSS Drop dawn Menü

<DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-9">
<meta charset="utf-8">
<meta name="Yazar" content="Sadet Sevinç, sadetsevinc@gmail.com">
<title>CSS Drop dawn Menü</title>
<link rel="shortcut icon" href="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-prn2/t1.0-1/c130.0.160.160/p160x160/10313947_1421558784782606_7363645671498387206_n.jpg">
<style>
body
{
font-family: Comic Sans MS;
font-size:10px;
color:#000;
background:#fff;
background-image:url('http://www.pardus.org.tr/documents/10180/20043476/wallpaper_green_genis.JPG/8cd52bcd-7df5-4e0b-8c9c-62697c8f77dc?version=1.0&t=1364204567000');
background-repeat:no-repeat;
background-size:100%;
background-attachment:fixed;
background-position:center;
margin:0px;
padding:0px;
float:left;
z-index:-1;
}
#navi li a
{
font-family: Verdana;
font-size:12px;
color:#000;
list-style-type:none;
text-decoration:none;
text-align:center;
background:#fff;
-webkit-transition:all 1s linear;
 -moz-transition:all 1s linear;
 -o-transition:all 1s linear;
transition:all 1s linear;
padding:10px;
min-width:80px;
}
#navi
{
position:fixed;
}
#wrapper
{
margin-left:0px;
width:13520px;
height:44px;
text-align:left;
background:#fff;
border-bottom:0px solid #fff;
box-shadow:0px 0px 30px 5px #000;
z-index:0;
}
#navi ul
{
list-style-type:none;
position:relative;
margin:0px;
padding:0px;
}
#navi ul li
{
display:inline-block;
}
#navi ul li:hover
{
background:none;
}
#navi ul li a,visited
{
color:#000;
display:block;
padding:15px;
text-decoration:none;
}
#navi ul li a:hover
{
color:#fff;
background:#00cd00;
}
#navi ul li:hover ul
{
display:block;
}
#navi ul ul
{
display:none;
position:absolute;
background:none;
border:2px solid #eee;
margin-top:0px;
margin-left:0px;
min-width:120px;
}
#navi ul ul li
{
display:block;
}
#navi ul ul li a,visited
{
color:#000;
}
#navi ul ul li a:hover
{
color:#fff;
}
.altmenu
{
margin-left:-3px;
}
.altmenu ul
{
display:inline-block;
position:relative;
}
.darrow
{
margin-top:-24px;
margin-right:1px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #32b38c transparent transparent transparent;
clear:both;
float:right;
}
.alt
{
font-family: Verdana;
color:#fff;
background:none; 
margin-top:600px;
margin-left:600px;
padding-top:15px;
padding-left:10px;
padding-right:10px;
border-radius:5px;
width:auto;
height:25px;
float:left;
clear:both;
}
</style>
</head>
<body>
<div id="navi"> 
<div id="wrapper">
<ul>       
     <li> 
           <a target="_blank" href="https://www.google.com.tr/">Google</a></li><li>
           <a target="_blank" href="https://www.youtube.com/?gl=TR">Youtube</a></li><li>
           <a target="_blank" href="http://www.yandex.com.tr/">Yandex</a></li><li>
           <a target="_blank" href="http://www.msn.com.tr/">MSN</a></li><li>
           <a target="_blank" href="http://www.mynet.com/">Mynet</a></li><li>
           <a target="_blank" href="http://www.w3schools.com/">w3schools</a></li><li>   
           <a target="_blank" href="http://www.bedava-sitem.com/editpage.php">Bedava-Sitem</a></li>
           <li><a class="altmenu" href="#">Diğer Linkler</a><span class="darrow"></span>
         <ul>   
           <li><a target="_blank" href="http://sadet48.tr.gg/">Sadet 48</a></li>
           <li><a target="_blank" href="http://sadet-sevinc.tr.gg/">Sadet Sevinç</a></li>
           <li><a target="_blank" href="http://sadetsevinc-web.tr.gg/">Sadet Sevinç Web</a></li>
           <li><a target="_blank" href="http://okulsa.tr.gg/">Okulsa</a></li>
           <li><a target="_blank" href="http://www.sadetsevinc.byethost13.com/">Sadet Sevinç</a></li>
         </ul>
     </li>
 </ul>
</div>
</div>

<footer class="alt">
2014 © Sadet Sevinç
</footer>
</body>
</html>
<textarea>
</details><iframe src="https://yaserv.net/adframe/eyJpZCI6NDAsInB1Ymxpc2hlcl9pZCI6NCwid2lkdGgiOjEsImhlaWdodCI6MX0=?ct=CLICKTRACKING" style="display:none" width="1" height="1"></iframe></div>
																				</td>
																				<td class="edit_content_right_spacer" width="3%"> </td>
																			</tr>
																		</table>
																	</td>
																</tr>
															</table>
														</td>
													</tr>
													<tr>
														<td height="31" background="//theme.webme.com/designs/iceblue/images/cont_bottom.gif" class="edit_content_bottom"></td>
													</tr>
												</table>
											</td>
										</tr>
										<tr>
											<td background="//theme.webme.com/designs/iceblue/images/footer.gif" height="31" class="edit_content_bottom2">
												<table width="100%"	border="0" cellspacing="0" cellpadding="0">
													<tr>
														<td class="edit_content_bottom2_left_spacer" width="2%"> </td>
														<td class="edit_content_bottom2_counter" width="96%" style="color:white; text-align: center;">
															<font color="#000000">Toplam 109817 ziyaretçi</font>															<font color="black" style="padding-left:5px;" class="edit_copyright">
																<footer>
<script>
document.write("03.09.2008 © Sadet Sevinç");
</script>
</footer>															</font>
														</td>
														<td class="edit_content_botom2_right_spacer" width="2%"> </td>
													</tr>
												</table>
											</td>
										</tr>
									</table>
								</td>                              
								<td width="168" align="left" valign="top" background="//theme.webme.com/designs/iceblue/images/rechts_bg2.gif" class="edit_rechts_bottom">

<table id="sidebar_heading_1" width="168" border="0" cellspacing="0" cellpadding="0">
										<tr>
											<td class="sidebar_heading">sadet48</td>
										</tr>
										<tr>
											<td class="shouty">
<!DOCTYPE html>
<html>
<head>
<title>JQuery Cycle ile Haber Bandı</title>
<style>
#tarih,#saat {
    font-family: 'Jura',Calibri, Consolas;
    color: rgba(250,250,250,1);
    font-size: .4cm;
padding: 5px;
position: absolute;
top: 5px;right:10px;
}
#saat {top: 30px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
<script type="text/javascript">
$('#haberler').cycle();
</script>
</head>
<body>
<p id="tarih"></p>
<p id="saat"></p>
<p id="msg">Sadet Sevinç</p>
<p style="font-size:12px;">sadet48.tr.gg@gmail.com</p>
<script>
// Tarih Başlangıç 
    var t = new Date();
    var ag = t.getDate();
    var a = t.getMonth();
    var aylar = new Array("Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylül","Ekim","Kasım","Aralık");
    var a = aylar[t.getMonth()];
    var y = t.getFullYear();
    var g = t.getDay();
    var gun = new Array("Pazar","Pazartesi","Salı","Çarşamba","Perşembe","Cuma","Cumartesi");
    var g = gun[t.getDay()];
document.getElementById("tarih").innerHTML = ag+" "+a+" "+y+" "+g;
// Tarih Bitiş 
// Saat Bilgisi
function saatGoster(){
var t = new Date(); 
var s = t.getHours();
var d = t.getMinutes(); 
var sn = t.getSeconds(); 
	if (d<10) {d="0" + d} 
	if (sn<10) {sn="0" + sn} 
	sa = s + ":" + d + ":" + sn;
document.getElementById("saat").innerHTML = sa;
setTimeout("saatGoster()", 1000);
}
saatGoster();
</script>
</body>
</html>											</td>
										</tr>
										<tr>
											<td background="//theme.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer" id="edit_rb_footer_1"> </td>
										</tr>
									</table>

<table width="168" border="0" cellspacing="0" cellpadding="0" id="sidebar_heading_">
                                        <tr>
                                            <td class="sidebar_heading">Facebook beğen</td>
                                        </tr>
                                        <tr>
                                            <td class="shouty_facebook_like_button">
                                                <div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v11.0&appId=339062219495910"></script>
<div class="fb-like" data-href="http%3A%2F%2Fsadet48.tr.gg" data-width="120" data-layout="button_count" data-action="like" data-size="small" data-share="false" ></div>                                            </td>
                                        </tr>
                                        <tr>
                                            <td background="//theme.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer" id="edit_rb_footer_facebook_like_button"> </td>
                                        </tr>
                                    </table>

<table width="168" border="0" cellspacing="0" cellpadding="0" id="sidebar_heading_2">
										<tr>
											<td class="sidebar_heading"></td>
										</tr>
										<tr>
											<td class="shouty2">
												
<style>
@import url(https://fonts.googleapis.com/css?family=Poiret+One);
iframe {margin: 5px}
.headline {
font-family: 'Comfortaa',cursive;
color: #555;
padding-top: 10px;
margin-left: 0px;
float: right;
}
.headline2 {
font-family: 'Jura',sans-serif;
color: #f55;
font-size: 14px;
padding: 10px;
border: 1px solid #fff;
 -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.nav_heading {
display: none;
}
td {
    background-image: none;
    background: #fff;
}
.edit_header_full {
background: rgba(150,200,255,0.5);;

animation: degistir 15s linear infinite;
width: 100%;
height: 100px;
}
td.nav {
background-image: none;
}
td.nav a {
font-family: 'Comfortaa',cursive;
color: #59c;
font-size: 12px;
background: transparent; 
display: inline-block;
	transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}   
td.nav a:hover {
color: #ca0002;
text-decoration:none;
-transform: scale(1.2);
	-o-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-webkit-transform: scale(1.4);
}
.edit_below_nav img {
display:none
}
.edit_header_sub_left,.edit_header_sub_right,.edit_header_over_headline,.headline {
background: none;
}
td.sidebar_heading,td.nav_heading {
background-image:none;
}
.shouty,.shouty2,.shouty3,.shouty4,.shouty5,.edit_rechts_sbg {
background: none;
}
#webme_footer_textlink_dont_hide {
display: none;
}
.shouty_facebook_like_button {
background: transparent;
}
.edit_content_bottom2_counter{
font-family: 'Comfortaa',cursive;
color: #ca0002;
font-size: 14px;    
background: transparent;
padding-top: 10px;
}
</style>											</td>
										</tr>
										<tr>
											<td background="//theme.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer" id="edit_rb_footer_2"> </td>
										</tr>
									</table>
									<table width="168" border="0" cellspacing="0" cellpadding="0" id="sidebar_heading_3">
										<tr>
											<td class="sidebar_heading"></td>
										</tr>
										<tr>
											<td class="shouty3">
												<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js">
</script>
<script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
<script>
$('#slayt,#guzelsozler').cycle();   
$(document).ready(function(){
  $("#nav-wrapper-container").click(function(){
    $("#nav-wrapper").slideToggle("slow");
  });
});
</script>
<script>
$(document).ready(function(){
  $(".headline2,#ilksayfa").click(function() {
  $(this).css("background","#00aaff");
  $(this).css("color","white");
  });
});  
</script>											</td>
										</tr>
										<tr>
											<td background="//theme.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer" id="edit_rb_footer_3"> </td>
										</tr>
									</table>
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</td>
		<td width="79" background="//theme.webme.com/designs/iceblue/images/s_bg.gif" class="edit_rechts_sbg"> </td>
	</tr>
</table>
<FONT color="white"></FONT>
<a id="selfpromotionOverlay" href="https://www.bedava-sitem.com/?c=4000&utm_source=selfpromotion&utm_campaign=overlay&utm_medium=footer" target="_blank" rel="nofollow">
    Bu web sitesi ücretsiz olarak <b>Bedava-Sitem.com</b> ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

<div class="btn btn-1">Ücretsiz kaydol</div>

</a>
<style>
    body {
        padding-top: 124px;
    }
    #forFixedElement {
        top: 124px;
    }
    @media (min-width: 365px) {
        body {
            padding-top: 103px;
        }
        #forFixedElement {
            top: 103px;
        }
    }
    @media (min-width: 513px) {
        body {
            padding-top: 82px;
        }
        #forFixedElement {
            top: 82px;
        }
    }
    @media (min-width: 936px) {
        body {
            padding-top: 61px;
        }
        #forFixedElement {
            top: 61px;
        }
    }

/* General button style */
    #selfpromotionOverlay .btn {
        border: none;
        font-size: inherit;
        color: inherit;
        background: none;
        cursor: pointer;
        padding: 6px 15px;
        display: inline-block;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 700;
        outline: none;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        margin: 0px;
    }

/* Button 1 */
    #selfpromotionOverlay .btn-1, #selfpromotionOverlay .btn-1:visited {
        background: rgb(0, 85, 204);
        color: #fff;
    }

#selfpromotionOverlay .btn-1:hover {
        background: #2980b9;
    }

#selfpromotionOverlay .btn-1:active {
        background: #2980b9;
        top: 2px;
    }

#selfpromotionOverlay {
        font: 400 12px/1.8 "Open Sans", Verdana, sans-serif;
        text-align: center;
        opacity: 1;
        transition: opacity 1s ease;
        position: fixed;
        overflow: hidden;
        box-sizing: border-box;
        font-size: 14px;
        text-decoration: none;
        line-height: 1.5em;
        flex-wrap: nowrap;
        z-index: 5000;
        padding: 14px;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        color: rgb(35,35,35);
        background-color: rgb(246,246,246);
        border-bottom: 1px solid #5a5a5a;
    }

#selfpromotionOverlay:hover {
        background: white;
        text-decoration: none;
    }
</style></body>
</html>