Konuyu Oyla:
  • Toplam: 2 Oy - Ortalama: 3
  • 1
  • 2
  • 3
  • 4
  • 5
çok fonksiyonlu açılır kapanır panel
#1
Exclamation 
kodun uygulanması gereken yer header şablonlar heraderin en üst tarafına yapıştırın ve gerekli düzenlemeleri yapınız





Kod:
<style type="text/css"> @import url(http://www.google.com/cse/api/branding.css); </style> <div style="background-color:#000000;color:#FFFFFF"> <div> <form action="http://www.google.com.tr/cse" id="cse-search-box"> <div> <input type="hidden" name="cx" value="partner-pub-8354833046886770:ytp0oc-raif" /> <input type="hidden" name="ie" value="ISO-8859-9" /> <input type="text" name="q" size="30" /> <input type="submit" name="sa" value="Ara" /> </div> </form> </div> <div> <img src="http://www.google.com/images/poweredby_transparent/poweredby_000000.gif" alt="Google" /> </div> <div> Özel Arama </div> </div>








<html>
<head>
<script type="text/javascript">

function getposOffset(overlay, offsettype){
var totaloffset=(offsettype=="left")? overlay.offsetLeft : overlay.offsetTop;
var parentEl=overlay.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function overlay(curobj, subobjstr, opt_position){
if (document.getElementById){
var subobj=document.getElementById(subobjstr)
subobj.style.display=(subobj.style.display!="block ")? "block" : "none"
var xpos=getposOffset(curobj, "left")+((typeof opt_position!="undefined" && opt_position.indexOf("right")!=-1)? -(subobj.offsetWidth-curobj.offsetWidth) : 0)
var ypos=getposOffset(curobj, "top")+((typeof opt_position!="undefined" && opt_position.indexOf("bottom")!=-1)? curobj.offsetHeight : 0)
subobj.style.left=xpos+"px"
subobj.style.top=ypos+"px"
return false
}
else
return true
}

function overlayclose(subobj){
document.getElementById(subobj).style.display="none"
}

</script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<title>Aşağya doğru açılan menü örnekleri</title>
</head>
<body>
<b><a href="search.htm" onClick="return overlay(this, 'subcontent')">Motoru</a> </b><br />
<DIV id="subcontent" style="position:absolute; border: 1px solid orange; background-color: #a6fd9a; width: 300px; padding: 8px; display:none">
<p><b>Google Arama</b></p>
<!-- Search Google -->
<center>
<form method="get" action="http://www.google.com.tr/custom" target="_top">
<table bgcolor="#1ae303">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">
<label for="sbi" style="display: none">Arama terimlerinizi girin</label>
<input type="text" name="q" size="31" maxlength="255" value="" id="sbi"></input>
<label for="sbb" style="display: none">Arama formu gönder</label>
<input type="submit" name="sa" value="Ara" id="sbb"></input>
<input type="reset" value=" Sil ">
<input type="hidden" name="client" value="pub-1744912431168977"></input>
<input type="hidden" name="forid" value="1"></input>
<input type="hidden" name="ie" value="ISO-8859-9"></input>
<input type="hidden" name="oe" value="ISO-8859-9"></input>
<input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH :center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000F F;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:11"></input>
<input type="hidden" name="hl" value="tr"></input>
</td></tr></table>
</form>
</center>
<!-- Search Google -->
<div align="right"><a href="#" onClick="overlayclose('subcontent'); return false">
<span style="text-decoration: none">
<font color="#FF0000"><b>BİZİ SEÇTİĞİNİZ İÇİN TEŞEKKÜRLER</b></font></span></a></div>
</DIV><p style="padding-left: 800px"><b>
<a href="search.htm" onClick="return overlay(this, 'subcontent2', 'rightbottom')">PANELİ GÖSTER<a href="http://imgur.com/J2KBU"><img src="http://i.imgur.com/J2KBU.png" title="Hosted by imgur.com" alt="" /></a></a></b></p>
<p style="padding-left: 800px">
<p style="padding-left: 800px"><br /></p>
<DIV id="subcontent2" style="position:absolute; display:none; border: 1px solid gray; background-color: #a6fd9a; width: 1000px; height: 500px; padding: 5px">


<a href="http://thesims123.10tl.net/" style="color:red" title=".">SİTEMİZE HOŞGELDİNİZ İYİKİ BİZİMLESİNİZ YANIMIZDA OLDUĞUNUZ İÇİN SİZİNLE GURUR DUYUYORUZ</a>


<style type="text/css">
#tdyesilmenu {
height: 46px;
width: auto;
}
#tdyesilmenu ul {
list-style-type: none;
padding: 0px;
}
#tdyesilmenu li {
float: left;
}
#tdyesilmenu a {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
background-image: url(http://img.webme.com/(** ! Küfür Etmek Yasaktır - Oto Filtre ! **)/t/tasarim-dunya/yesilmenu1.png);
height: 36px;
width: 177px;
text-align: center;
padding-top:10px;
}
#tdyesilmenu a:hover {
background-image: url(http://img.webme.com/(** ! Küfür Etmek Yasaktır - Oto Filtre ! **)/t/tasarim-dunya/yesilmenu2.png);
}
</style>
<div id="tdyesilmenu">
<ul>
<li><a href="http://thesims123.10tl.net/forumdisplay.php?fid=18">THE SIMS 3 PAKETLER</a></li>
<li><a href="http://thesims123.10tl.net/forumdisplay.php?fid=31">THE SIMS 3 YETENEKLER</a></li>
<li><a href="http://thesims123.10tl.net/forumdisplay.php?fid=42">THE SIMS 3 YARDIM</a></li>
<li><a href="http://thesims123.10tl.net/forumdisplay.php?fid=51">THE SIMS 2 YARDIM </a></li>
<li><a href="http://thesims123.10tl.net/forumdisplay.php?fid=55">YARIŞMALARIMIZ</a></li>
<li><a href="http://thesims123.10tl.net/forumdisplay.php?fid=57">DERGİMİZ</a></li>
<li><a href="http://thesims123.10tl.net/forumdisplay.php?fid=59">AYLIK PAKETLERİMİZ</a></li>
<li><a href="http://thesims123.10tl.net/forumdisplay.php?fid=61">KAYNAŞMA YERİMİZ</a></li>
</ul>
</div>






<br><a href="http://imgur.com/EawR8"><img src="http://i.imgur.com/EawR8.png" title="Hosted by imgur.com" alt="" /></a>
<br><a href="http://thesims123.10tl.net/memberlist.php">Üyelerimiz</a>
<a href="http://thesims123.10tl.net/portal.php">Portal</a>
<a href="http://thesims123.10tl.net/archive/index.php">Arşiv</a>
<a href="http://thesims123.10tl.net/forumdisplay.php?fid=16">Duyurular</a>
<a href="http://thesims123.10tl.net/member.php?action=profile&uid=1">Adminle iletişim</a>





<p><a href="mailto:">
</a> <br>
<p><a href="http://thesims123.10tl.net/">KAPATMAK İÇİN TIKLAYINIZ</a></p>
<div align="right"><a href="^#" onClick="overlayclose('subcontent2'); return false">
<span style="text-decoration: none">
<font color="#FF0000"><b>BİZİ SEÇTİĞİNİZ İÇİN TEŞEKKÜRLER</b></font></span></a></div>
</DIV>
</body>
</html>



bu kodda gerekli yerleri kendinize göre uyarlayınız benim sitem mavi ve yeşil ağırlıklı olduğu için bu tarz renkler ve siteme uygun resimler kullandım anlamadığınız beceremediğiniz yer olursa söyleyin yardım ederim...


yardım edebileceğim yerler :

-resimler

-renk ayarları

-ve yazılarınıza gereken yönlendirme linkleri


Sizden ricam lütfen önce kendiniz uğraşın beceremezseniz benden isteyin

koddan faydalanma yolları :


-google arama motoru

-kısa yollar

- Üyelerimiz , Portal , Arşiv , Duyurular , Adminle iletişim tarzı yeni kısa yollar

- anlık duyurular

-önemli duyurular

-sitenizin kısa tanıtımı

-ödül alan kullanıcı isimleri

-sitenizin prensipleri

- aylık resim yarışması sonuçlarında 1. olan resimin yer alıcağı bölge

- aklınıza gelen ve türetilebilecek çok fazla özellik bulunmakta


umarım emeklerimin karşılığı olur nuris'e inat bu kodla bütün akşam uğraştım emek verip paylaşımda bulunum... paylaşım yapıldıkça insanların değerleri artar...




gerekli rep puan ve mesaj sayısından sonra bölüm şefliğine başvurmak istiyorum bakalım hayırlısı ...



caps sitemde bulunmaktadır : http://thesims123.10tl.net/
Ara
Cevapla PGM
Teşekkür verenler:
#2
pek güzel durmadı :S Bu forumdaki gibi olsa güzel olurdu :)
Ara
Cevapla PGM
Teşekkür verenler:
#3
forumuna kalmış bişey forumdan foruma değişir benim forumumda çok güzel duruyo mesela :) yne renk ayarlarıyla oynayıp yada kendinden bişeyler ekleyerek daha göze hitap eder bihale getirebilirsin...

yani kişisel yeteneğinize ve forumunuza kalmış bişey ...
Ara
Cevapla PGM
Teşekkür verenler:
#4
+++++++++
Ara
Cevapla PGM
Teşekkür verenler:
#5
(18-05-2012 Saat: 19:50)oXoDANGERoXo Nickli Kullanıcıdan Alıntı: +++++++++

derken ne demek istedin anlamadım :)
Ara
Cevapla PGM
Teşekkür verenler:
#6
Açıkçası http://www.wolfteamcilar.10tl.net/ Gibi Bekliyordum Ama Buda İyi Uykusuz Kalmışsın Çalışmışsın Teşekkürler Umarım Admin Dün Paylaştığın Plugini Ekler (:
Ara
Cevapla PGM
Teşekkür verenler:
#7
(19-05-2012 Saat: 01:25)ZeaScoot Nickli Kullanıcıdan Alıntı:
Açıkçası http://www.wolfteamcilar.10tl.net/ Gibi Bekliyordum Ama Buda İyi Uykusuz Kalmışsın Çalışmışsın Teşekkürler Umarım Admin Dün Paylaştığın Plugini Ekler (:

başkalarına benzemek istemediğim için böyle kullandım bu şekilde çok fazla şey sığdırılabilir :) hem saydam olduğu için gözü rahatsız etmez :)
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi


Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping