Forumumuza Kayıtlı Kullanıcı Olmadığınız algılandı, Forumuntüm özelliklerini kullanabilmek için buraya tıklayarak ücretsiz üyeolabilirsiniz...
Güzel bi menü örneği

Türkçe Yardım Forumu Servisi ( www.webyardim.org )

Hoşgeldiniz!, Misafir
3239 Gündür yayındayız Toplam Mesajınız: 16777215
PortalAnasayfaAramaSSSHtml Deneme AlanıTopListKayıt OlGiriş yap
logo
Kullanıcı Adı:
Duyurular!Forumunuzu SekillendirinDiger Sorunlar
Domain
Resimli Çözümler
Hitskin
Blog
Photoshop
Komedi Dükkani
OyunLar DownLoaD Sohbet CaFe A.Ö.F. Destek FlatcasT Yardım

Paylaş | 
 

 Güzel bi menü örneği

Önceki başlık Sonraki başlık Aşağa gitmek 
YazarMesaj
BlackEagle
Yönetici
Yönetici


Erkek
Zodyak : Terazi
Mesaj Sayısı : 5037
Yaş : 96
Nereden : Belamı Arıyorsun?
Kayıt tarihi : 12/07/08
Rep Puanı : 2
Rep Puanı : 118

MesajKonu: Güzel bi menü örneği   C.tesi Kas. 01, 2008 9:51 pm

Her linkin altında bir açıklama ve her buton için ayrı bir renk seçme




Kod:
<style type="text/css">

#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a.current{
background: lightyellow;
}

#tabcontentcontainer{
width: 400px;
padding: 5px;
border: 1px solid black;
}

.tabcontent{
display:none;
}

</style>







<script type="text/javascript">

//[which tab (1=first tab), ID of tab content to display]:
var initialtab=[1, "sc1"]


function cascadedstyle(el, cssproperty, csspropertyNS){
if (el.currentStyle)
return el.currentStyle[cssproperty]
else if (window.getComputedStyle){
var elstyle=window.getComputedStyle(el, "")
return elstyle.getPropertyValue(csspropertyNS)
}
}

var previoustab=""

function expandcontent(cid, aobject){
if (document.getElementById){
highlighttab(aobject)
detectSourceindex(aobject)
if (previoustab!="")
document.getElementById(previoustab).style.display="none"
document.getElementById(cid).style.display="block"
previoustab=cid
if (aobject.blur)
aobject.blur()
return false
}
else
return true
}

function highlighttab(aobject){
if (typeof tabobjlinks=="undefined")
collecttablinks()
for (i=0; i<tabobjlinks.length; i++)
tabobjlinks[i].style.backgroundColor=initTabcolor
var themecolor=aobject.getAttribute("theme")? aobject.getAttribute("theme") : initTabpostcolor
aobject.style.backgroundColor=document.getElementById("tabcontentcontainer").style.backgroundColor=themecolor
}

function collecttablinks(){
var tabobj=document.getElementById("tablist")
tabobjlinks=tabobj.getElementsByTagName("A")
}

function detectSourceindex(aobject){
for (i=0; i<tabobjlinks.length; i++){
if (aobject==tabobjlinks[i]){
tabsourceindex=i //s
break
}
}
}

function do_onload(){
var cookiecheck=window.get_cookie && get_cookie(window.location.pathname).indexOf("|")!=-1
collecttablinks()
initTabcolor=cascadedstyle(tabobjlinks[1], "backgroundColor", "background-color")
initTabpostcolor=cascadedstyle(tabobjlinks[0], "backgroundColor", "background-color")
if (typeof enablepersistence!="undefined" && enablepersistence && cookiecheck){
var cookieparse=get_cookie(window.location.pathname).split("|")
var whichtab=cookieparse[0]
var tabcontentid=cookieparse[1]
expandcontent(tabcontentid, tabobjlinks[whichtab])
}
else
expandcontent(initialtab[1], tabobjlinks[initialtab[0]-1])
}

if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload


</script>


<ul id="tablist">
<li><a href="#" class="current" onClick="return expandcontent('sc1', this)"><font size="2" face="Verdana">Link
  1</font></a></li>
<li><a href="#" onClick="return expandcontent('sc2', this)" theme="#EAEAFF"><font size="2" face="Verdana">Link
  2</font></a></li>
<li><a href="#" onClick="return expandcontent('sc3', this)" theme="#FFE6E6"><font size="2" face="Verdana">Link
  3</font></a></li>
<li><a href="#" onClick="return expandcontent('sc4', this)" theme="#DFFFDF"><font size="2" face="Verdana">Link
  4</font></a></li>
<li><a href="#" onClick="return expandcontent('sc5', this)" theme="#FFCC66"><font size="2" face="Verdana">Link
  5</font></a></li>
</ul>

<DIV id="tabcontentcontainer">

    <div id="sc1" class="tabcontent" style="width: 400; height: 22">
    <font size="2" face="Verdana">Hier komt de info van <a href="http://mtrack.nl/?ref=leejoo" target="_blank">link
    1</a>.<br />
    </font>
    </div>
   
    <div id="sc2" class="tabcontent">
    <font size="2" face="Verdana">Dit komt er bij <a href="http://www.onestat.com" target="_blank">link
    2</a> te staan</font>
    </div>
   
    <div id="sc3" class="tabcontent">
    <font size="2" face="Verdana">Wat er bij <a href="http://mtrack.nl/?ref=leejoo" target="_blank">link
    3</a> hoort komt hier</font>
    </div>
   
    <div id="sc4" class="tabcontent">
    <font size="2" face="Verdana">Bij de <a href="http://www.onestat.com" target="_blank">link
    4</a>  komt dan dit te staan</font>
    </div>
   
    <div id="sc5" class="tabcontent">
    <font size="2" face="Verdana">Als laatste <a href="http://mtrack.nl/?ref=leejoo" target="_blank">link
    5</a> en zijn beschrijving</font>
    </div>
</DIV>
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://www.forum.webyardim.org
Kadir-ro
Yönetici
Yönetici


Erkek
Zodyak : Akrep
Mesaj Sayısı : 7105
Yaş : 26
Nereden : Bursa
İş : Pc , Yardım Forumları
Kayıt tarihi : 22/06/08
Rep Puanı : 2
Rep Puanı : 4638

MesajKonu: Geri: Güzel bi menü örneği   C.tesi Kas. 01, 2008 10:34 pm

Sağol
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
SarıZeybek60
Süper Moderatör
Süper Moderatör


Erkek
Zodyak : Kova
Mesaj Sayısı : 1095
Yaş : 24
Nereden : Ankaradan-Tokatlı
Kayıt tarihi : 17/08/08
Rep Puanı : 1
Rep Puanı : -2

MesajKonu: Geri: Güzel bi menü örneği   Paz Kas. 02, 2008 9:11 am

güzel
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://arabalar.forumotion.com
Karizma-Style
Moderatör
Moderatör


Erkek
Zodyak : Koç
Mesaj Sayısı : 522
Yaş : 23
Nereden : Stuttgart
İş : Oyun-Arsivi-Sahibi
Kayıt tarihi : 15/03/08
Rep Puanı : 0
Rep Puanı : 25

MesajKonu: Geri: Güzel bi menü örneği   Paz Kas. 02, 2008 9:28 am

saol süper ohh
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://www.oyun-arsivi.buy-forum.com
PaŞa
Üye
Üye


Erkek
Mesaj Sayısı : 1941
Nereden : Akhisar
İş : Kemal Tırlı
Kayıt tarihi : 31/03/08
Rep Puanı : 2
Rep Puanı : 106

MesajKonu: Geri: Güzel bi menü örneği   Paz Kas. 02, 2008 6:11 pm

sğl
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://www.akhisaryer6.tk
NR-Design
Süper Moderatör
Süper Moderatör


Erkek
Zodyak : Terazi
Mesaj Sayısı : 946
Yaş : 27
Nereden : Turkey
İş : Game Maker, Rapper, Web/Graphic Designer
Kayıt tarihi : 06/05/08
Rep Puanı : 0
Rep Puanı : 333

MesajKonu: Geri: Güzel bi menü örneği   Ptsi Kas. 03, 2008 4:56 pm

çağrı, kodları veriyorsun ama nereye koyacağımızı her sefer söylemiyorsun.

nereye koyacaz kodları?

_________________________________________________
Ulûl Emr - Reputation Beat Albüm Çıktı

Resime Tıkla ve İndir
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://www.myspace.com/ululemr
Sponsored content




MesajKonu: Geri: Güzel bi menü örneği   Bugün 12:16 pm

Sayfa başına dön Aşağa gitmek
 

Güzel bi menü örneği

Önceki başlık Sonraki başlık Sayfa başına dön 
1 sayfadaki 1 sayfası

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
Türkçe Yardım Forumu Servisi ( www.webyardim.org ) :: Destek Forumu :: Forumunuzu Şekillendirin-
Web Site Statistics
Sitemap | İletişim | Yukarı Git
forum kurmak | © phpBB | Bedava yardımlaşma forumu | Suistimalı göstermek | Yetkinblog