~GeWeR~
Üye
Static HTML İçin Hoşgeldiniz Menüsü
DEMO ‘sunu Görmek İçin “
AlıntıdıR
Linkleri görüntülemek için kayıt olmalısınız
”
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd[/URL]">
<html xmlns="[URL="http://www.w3.org/1999/xhtml"]XHTML namespace[/URL]" xml:lang="en" lang="en">
<head>
<title>FACEBOOK</title>
<script src="[URL]http://d2o0t5hpnwv4c1.cloudfront.net/001_Tabbed/site/scripts/jquery-1.2.3.min.js[/URL]"></script>
<script>
// When the document loads do everything inside here ...
$(document).ready(function(){
// When a link is clicked
$("a.tab").click(function () {
// switch all tabs off
$(".active").removeClass("active");
// switch this tab on
$(this).addClass("active");
// slide all content up
$(".content").slideUp();
// slide this content up
var content_show = $(this).attr("title");
$("#"+content_show).slideDown();
});
});
</script>
<style type="text/css">
body {
background-image:url(images/background.jpg);
background-repeat:no-repeat;
background-position:top center;
margin:40px;
}
#tabbed_box_1 {
margin: 0px auto 0px auto;
width:520px;
}
.tabbed_box h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:23px;
color:#ffffff;
letter-spacing:-1px;
margin-bottom:10px;
}
.tabbed_box h4 small {
color:#e3e9ec;
font-weight:normal;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
position:relative;
top:-4px;
left:6px;
letter-spacing:0px;
}
.tabbed_area {
border:1px solid #494e52;
background-color:#00FFFF;
padding:8px;
}
ul.tabs {
margin:0px; padding:0px;
margin-top:5px;
margin-bottom:6px;
}
ul.tabs li {
list-style:none;
display:inline;
}
ul.tabs li a {
background-color:#0000FF;
color:#ffebb5;
padding:8px 14px 8px 14px;
text-decoration:none;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
border:1px solid #464c54;
background-image:url(images/tab_off.jpg);
background-repeat:repeat-x;
background-position:bottom;
}
ul.tabs li a:hover {
background-color:#99FF00;
border-color:#2f343a;
}
ul.tabs li a:hover {
none repeat scroll 0% 0%; color: #000000;
}
ul.tabs li a.active {
background-color:#ffffff;
color:#282e32;
border:1px solid #464c54;
border-bottom: 1px solid #ffffff;
background-image:url(images/tab_on.jpg);
background-repeat:repeat-x;
background-position:top;
}
.content {
background-color:#ffffff;
padding:10px;
border:1px solid #464c54;
font-family:Arial, Helvetica, sans-serif;
background-image:url(images/content_bottom.jpg);
background-repeat:repeat-x;
background-position:bottom;
}
#content_2, #content_3, #content_4, #content_5, #content_6 { display:none; }
.content ul {
margin:0px;
padding:0px 20px 0px 20px;
}
.content ul li {
list-style:none;
border-bottom:1px solid #d6dde0;
padding-top:15px;
padding-bottom:15px;
font-size:13px;
}
.content ul li:last-child {
border-bottom:none;
}
.content ul li a {
text-decoration:none;
color:#3e4346;
}
.content ul li a small {
color:#8b959c;
font-size:9px;
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
position:relative;
left:4px;
top:0px;
}
.content ul li a:hover {
color:#a59c83;
}
.content ul li a:hover small {
color:#baae8e;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
.style1 {color: #FFFFFF}
.style3 {
color: #CCCCCC;
font-weight: bold;
}
div.kurallar {
height: 300px;
width: 462px;
overflow: auto;
border: 1px solid #666;
background-image: url([URL]http://i40.tinypic.com/otoj9u.jpg[/URL]);
padding: 8px;
}
#sahin {
background-color:#657077;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></head>
<body>
<div id="sahin">
<div id="tabbed_box_1" class="tabbed_box"><br >
<center><h4> BASLIK <small>ALT BASLIK</small></h4></center>
<div class="tabbed_area">
<ul class="tabs">
<li><a href="#" title="content_1" class="tab active">HOŞGELDİİZ</a></li>
<li><a href="#" title="content_2" class="tab">KURALLAR</a></li>
<li><a href="#" title="content_3" class="tab">DUYURU</a></li>
<li><a href="#" title="content_4" class="tab">SOHBET</a></li>
<li><a href="#" title="content_5" class="tab">EXTRA</a></li>
<li><a href="#" title="content_6" class="tab">İLETİŞİM</a></li>
</ul>
<div id="content_1" class="content">
<font color="#FFFFFF" size="+2"><marquee behavior="alternate" bgcolor="#0000FF" scrollamount="2" scrolldelay="50">HOŞGELDİNİZ</marquee></font></p>
<b>OoOWwS</font> ηєяєLєяqєSiη γa <img src="[URL]http://i51.tinypic.com/713dd2.png[/URL]" title="xD"> ... вizdє Sєηi вєкLiγσяduк hσşqєLdiη <img src="[URL]http://i53.tinypic.com/2yyxnw7.png[/URL]" title=":P"> ... aLттaкi ''вєğєη'' вuтσηuηa тiкLa.! </b>
<br></br>
<font size="1">
████████████████████████████████████████████████████████████████████
</font>
<br></br>
<script src="[URL]http://connect.facebook.net/tr_TR/all.js[/URL]#xfbml=1"></script><fb:like href="BEGEN_KUTUSU_iCiN_SAYFA_LİNKİNİ_YAZ" show_faces="true" width="450" font=""></fb:like>
<br></br>
<div id="fb-root"></div><script src="[URL]http://connect.facebook.net/tr_TR/all.js[/URL]#appId=189087804442139&xfbml=1"></script><fb:comments href="YORUM_KUTUSU_iCiN_SAYFA_LİNKİNİ_YAZ" num_posts="10" width="480"></fb:comments>
</div>
<div id="content_2" class="content">
<div class="kurallar">
<font size="3">
<b>Sevgili Hayranlarımızın Dikkatine...!</b>
<br><br>
<br>
<b>Sayfamızda siyasi propaganda, dini içerikli mesajlar, genel ahlaka aykırı küfürlü yazı, hakaret ve benzeri yazılar yazılamaz. Aynı şekilde başka bir sayfa katılımcısını ya da üçüncü bir şahsı küçültücü veya hakeret edici yazı yazılamaz.</b>
<br><br>
<b>Tehdit edici, küfürlü, Türk örf ve adetlerimize karşı, müstehcen, kaba, nefret dolu ya da çok miktarlarda istenmeyen mesajlar göndermek; din, dil, ırk ayrımına yönelik iletiler göndermeniz durumunda uzaklaştırılabilirsiniz.</b>
<br><br>
<b>Sayfamızı ziyaret edip hayran olduğunuz takdirde burada yazılan kurallarımızı okuyup kabul etmiş sayılırsınız.</b>
<br><br>
<b>Göstermiş olduğunuz ilgi ve anlayışınız için teşekkür ederiz.</b>
<br><br>
<b>Eğer sayfamıza destek vermek istiyorsanız <fb:share-button class="url" href="PAYLAS_BUTONU_iCiN_SAYFA_LİNKİNİ_YAZ"></fb:share-button> butonuna basarak sayfamızı profilinizde paylaşabilirsiniz.</b>
<br><br>
</font>
</div>
</div>
<div id="content_3" class="content">
CLuP GeNC Olarak Duyrularımızı Henüz Yayınlamadık....
</div>
<div id="content_4" class="content">
İÇERİK BURAYA GELECEK
</div>
<div id="content_5" class="content">
İÇERİK BURAYA GELECEK
</div>
<div id="content_6" class="content">
İletşim bilgilerimizi kısa bir süre sonre ekleyeceğiz...
</div>
<br>
<font size="1">
███████████████████████████████████████████████████████████████████████
</font>
<br>
<br>
<center>
<font size="4"><b>:( zahмєт σLмaSa iкi dк şuηLaяıda вєğєηSєη Sєωiηiяiм.!</b>
</font>
</center>
<table align="center">
<tr>
<td width="140" align="center"><font size="1"><p><b><i>[ DİGER_SAYFALARIN_iCiN_SAYFA_iSMiNi_YAZ ]</i></b></p></font>
<p>▼▼▼▼▼▼</p>
<script src="[URL]http://connect.facebook.net/tr_TR/all.js[/URL]#xfbml=1"></script><fb:like href="DİGER_SAYFALARIN_iCiN_SAYFA_LİNKİNİ_YAZ" layout="button_count" show_faces="false" font=""></fb:like></td>
<td width="140" align="center"><font size="1"><p><b><i>[ DİGER_SAYFALARIN_iCiN_SAYFA_iSMiNi_YAZ ]</i></b></p></font>
<p>▼▼▼▼▼▼</p>
<script src="[URL]http://connect.facebook.net/tr_TR/all.js[/URL]#xfbml=1"></script><fb:like href="DİGER_SAYFALARIN_iCiN_SAYFA_LİNKİNİ_YAZ" layout="button_count" show_faces="false" font=""></fb:like></td>
<td width="140" align="center"><font size="1"><p><b><i>[ DİGER_SAYFALARIN_iCiN_SAYFA_iSMiNi_YAZ ]</i></b></p></font>
<p>▼▼▼▼▼▼</p>
<script src="[URL]http://connect.facebook.net/tr_TR/all.js[/URL]#xfbml=1"></script><fb:like href="DİGER_SAYFALARIN_iCiN_SAYFA_LİNKİNİ_YAZ" layout="button_count" show_faces="false" font=""></fb:like>
</td>
</tr>
</table>
<br>
<font size="4"><b><fb:share-button class="url" href="PAYLAS_BUTONU_iCiN_SAYFA_LİNKİNİ_YAZ"></fb:share-button> Son Adım Olarak Yandaki Paylaş Butonuna Bas.</b>
</font>
</div>
<br >
<p><center>
<span class="style3">Copyright ©</span><strong><a href="Copyright_iCiN_SAYFA_LİNKİNİ_YAZ" class="style1">Copyright_iCiN_SAYFA_iSMİNi_YAZ</a></strong>
</center>
</p>
<br >
</div>
</div>
</body>
</html>
[LEFT][COLOR=#000000]
[/COLOR][/LEFT]