Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj11.09.2008, 14:10 (UTC)    
Mesaj konusu: Sizinde Harika Bedava Bir CSS Menünüz Olsun!

Arakadaşlar Ekran Görüntüsünü Teknik Arızalardan dolayı yollayamadım Ama Kodu Deneyebilirsiniz.


Kod:
<!-- wWw.HazaX.De.TL - CSS Menu Kod Baslangici -->
<script>
//Chrome Drop Down Menu- Author: Dynamic Drive (http://www.dynamicdrive.com)
//Last updated: June 14th, 06' v2.0

var cssdropdown={
disappeardelay: 500, //set delay in miliseconds before menu disappears onmouseout
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?
enableswipe: 1, //enable swipe effect? 1 for yes, 0 for no

//No need to edit beyond here////////////////////////
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, swipetimer: undefined, bottomclip:0,

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

swipeeffect:function(){
if (this.bottomclip<parseInt(this.dropmenuobj.offsetHeight)){
this.bottomclip+=10+(this.bottomclip/10) //unclip drop down menu visibility gradually
this.dropmenuobj.style.clip="rect(0 auto "+this.bottomclip+"px 0)"
}
else
return
this.swipetimer=setTimeout("cssdropdown.swipeeffect()", 10)
},

showhide:function(obj, e){
if (this.ie || this.firefox)
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){
if (this.enableswipe==1){
if (typeof this.swipetimer!="undefined")
clearTimeout(this.swipetimer)
obj.clip="rect(0 auto 0 0)" //hide menu via clipping
this.bottomclip=0
this.swipeeffect()
}
obj.visibility="visible"
}
else if (e.type=="click")
obj.visibility="hidden"
},

iecompattest:function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
},

clearbrowseredge:function(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=this.ie && !window.opera? this.iecompattest().scrollLeft+this.iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure)  //move menu to the left?
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=this.ie && !window.opera? this.iecompattest().scrollTop : window.pageYOffset
var windowedge=this.ie && !window.opera? this.iecompattest().scrollTop+this.iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
},

dropit:function(obj, e, dropmenuID){
if (this.dropmenuobj!=null) //hide previous menu
this.dropmenuobj.style.visibility="hidden" //hide menu
this.clearhidemenu()
if (this.ie||this.firefox){
obj.onmouseout=function(){cssdropdown.delayhidemenu()}
obj.onclick=function(){return !cssdropdown.disablemenuclick} //disable main menu item link onclick?
this.dropmenuobj=document.getElementById(dropmenuID)
this.dropmenuobj.onmouseover=function(){cssdropdown.clearhidemenu()}
this.dropmenuobj.onmouseout=function(e){cssdropdown.dynamichide(e)}
this.dropmenuobj.onclick=function(){cssdropdown.delayhidemenu()}
this.showhide(this.dropmenuobj.style, e)
this.dropmenuobj.x=this.getposOffset(obj, "left")
this.dropmenuobj.y=this.getposOffset(obj, "top")
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"
}
},

contains_firefox:function(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
},

dynamichide:function(e){
var evtobj=window.event? window.event : e
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))
this.delayhidemenu()
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))
this.delayhidemenu()
},

delayhidemenu:function(){
this.delayhide=setTimeout("cssdropdown.dropmenuobj.style.visibility='hidden'",this.disappeardelay) //hide menu
},

clearhidemenu:function(){
if (this.delayhide!="undefined")
clearTimeout(this.delayhide)
},

startchrome:function(){
for (var ids=0; ids<arguments.length; ids++){
var menuitems=document.getElementById(arguments[ids]).getElementsByTagName("a")
for (var i=0; i<menuitems.length; i++){
if (menuitems[i].getAttribute("rel")){
var relvalue=menuitems[i].getAttribute("rel")
menuitems[i].onmouseover=function(e){
var event=typeof e!="undefined"? e : window.event
cssdropdown.dropit(this,event,this.getAttribute("rel"))
}
}
}
}
}

}</script>
<style>
#MainMenu
{
   height:33px;
   background: url("http://users5.titanichost.com/hazax/Www.hazax.de.tl/Menuler/images/bmid_062.gif");
   margin:0;
   border:0;
}
#tab
{
   margin:0;
   top:0;
}
#tab ul
{
   margin:0;
   padding:0;
   list-style:none;
   float:left;
}
#tab li
{
display:inline;
   float:left;
   margin:0;
   padding:0;
}
#tab a
{
   background:#000000 url("http://users5.titanichost.com/hazax/Www.hazax.de.tl/Menuler/images/bright_062.gif") no-repeat right top;
   margin:0;
   padding:0;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
}
#tab a span
{
   display:block;
   background:url("http://users5.titanichost.com/hazax/Www.hazax.de.tl/Menuler/images/bleft_062.gif") no-repeat left top;
   padding:0 15px 0 15px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#4D4D4D;
   font-weight:bold;
   line-height:33px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
   border-color:#FF9300;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#FFFFFF;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0 solid ;
   background: url("http://users5.titanichost.com/hazax/Www.hazax.de.tl/Menuler/images/bmid_062.gif");
   color:#4D4D4D;
   z-index:100;
   text-decoration:none;
   padding:0;
}
.dropmenudiv ul
{
   margin:0;
   padding:0;
   list-style:none;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
   width:180px;
   margin:0;
   padding:0;
   display:block;
   border:0 solid ;
   color:#4D4D4D;
   background:url("http://users5.titanichost.com/hazax/Www.hazax.de.tl/Menuler/images/bleft_062.gif") no-repeat left top;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv a span
{
   float:left;
   display:block;
   line-height:33px;
   background:url("http://users5.titanichost.com/hazax/Www.hazax.de.tl/Menuler/images/bright_062.gif") no-repeat right top;
   padding:0 15px 0 15px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#4D4D4D;
}
.dropmenudiv a span
{
   float:none;
}
.dropmenudiv a:hover
{
   border:0 solid #FF9300;
   background-position:left bottom;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
   color:#FFFFFF;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#FFFFFF;
   font-weight:bold;
}

</style>
<div id="MainMenu">
   <div id="tab">
      <ul>

<li><a href="http://www.hazax.de.tl"><span>wWw.HazaX.De.TL - Menu</span></a></li>
<li><a href="#"><span>Link</span></a></li>
<li><a href="#"><span>Link</span></a></li>
<li><a href="#"><span>Link</span></a></li>
<li><a href="#"><span>Link</span></a></li>      </ul>
   </div>
</div>

<br>


<!-- wWw.HazaX.De.TL - CSS Menu Kod Bitisi -->



12 Tane CSS Menü Kodlarımız Sitemizde Mevcuttur...
Mesaj11.09.2008, 14:14 (UTC)    
Mesaj konusu:

Paylasım İcin Tessekurler

Birde Ben İce Blue tasarım Arıyorum Kod Sitesiyim Uygun birsey varsa Bana yardımcı olmanızı iaterım
______________
Mesaj11.09.2008, 14:30 (UTC)    
Mesaj konusu:

Sitenizin Linkini SADECE Bedava-Siteni Tanıt Bölümünde Paylaşabilirsiniz..
ironarchives


En son hazax-2 tarafından 11.09.2008 20:31:21 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj11.09.2008, 14:48 (UTC)    
Mesaj konusu:

Cok Tessekur ederım
______________
Mesaj11.09.2008, 15:25 (UTC)    
Mesaj konusu:

Bişey değil Sevgili kardeşim sizin gönlünüz yeterki bizlere açık olsun... Smile
Mesaj11.09.2008, 19:51 (UTC)    
Mesaj konusu:

ellerine sağlık kardeşim gerçekten de süper
Mesaj11.09.2008, 20:42 (UTC)    
Mesaj konusu:

Hazax TR.GG'ye SüpeR bir giriş yaptın.. Çok süper CSS ßiliyorsun... Bunu iyiye kullanabilirsen sana fayda...
Mesaj11.09.2008, 21:21 (UTC)    
Mesaj konusu:

Smile güzel paylaşım

Idea iyi eğlenceler

______________
Arrow HTLMKOD PAYLAŞIM MERKEZİ
Arrow HER HAFTA GÜNCELLENEN SİTEMİZDE
Arrow GÖRÜŞ VE İSTEKLERİNİZİ BEKLİYORUZ Idea www.htlmkod-merkezi.tr.gg Idea


Mesaj12.09.2008, 05:36 (UTC)    
Mesaj konusu:

media-turk yazmış:
Hazax TR.GG'ye SüpeR bir giriş yaptın.. Çok süper CSS ßiliyorsun... Bunu iyiye kullanabilirsen sana fayda...



Öncelikle hepinize teşekkürler sevgili arkadaşlar. Sevgili ironarchives linki isteyerek yazmadım benden istediler bende yazdım ama iyiki kaldırmışsınız yoksa diğer kullancılar bu kurallara uymuyo diye ÖM ler atardı tşkler bunun için.

Ayrıca Sevgili media-turk yorumun için ayriyetten tşkler ama ben yeni aranıza katılmadım ben hep vardım zaten belki hatırlarsanız ben ilk olarak pusuvadisi-ibrahimuz sonra pusuvadisi--uz olarak aranızdaydım ancak her iki sitemde çeşitli nedenlerden dolayı kapatıldı biri açık şu anda belki hatırlarsınız yani paylaşımlarım çok eskilere dayanıyor sadece bilgiler yenilendi css bilgim oldukça gelilşti hatta uzman oldum ve bunlar yine geçici bir süre olarak [okul] dan dolayı ayrı kalcağım ama yeniden aranıza geldiğimde homepage-baukasten yani almanyadaki forumu 4 hatta 5 ekatlayacağız yeterki sizlerde BİLGİYİ PAYLAŞIN BİLGİ PAYLAŞTIKÇA ÇOĞALIR VE KARDEŞLIKLER BILGILERDEN DOĞARR... sözleriyle yetişmeye çalışın.


IYI GUNLER DILIYORUM SEVGILI KARDEŞLERIM...
Mesaj12.09.2008, 15:23 (UTC)    
Mesaj konusu:

Merhaba,

Arkadaşlar, Bu Tür Konuşmaları Özel Mesaj Yolu İle Halledin..
Aksi Takitrde Konuyu Kilitlemek Zorunda Kalacağım Wink

İyi Eğlenceler...

______________
www.ironarchives.tr.gg
Mesaj12.09.2008, 17:15 (UTC)    
Mesaj konusu:

ironarchives yazmış:
Merhaba,

Arkadaşlar, Bu Tür Konuşmaları Özel Mesaj Yolu İle Halledin..
Aksi Takitrde Konuyu Kilitlemek Zorunda Kalacağım Wink

İyi Eğlenceler...


özür dilerim sevgili ironarchives uyarınızı dikkate almaya çalışıyorum..
Mesaj24.09.2008, 15:53 (UTC)    
Mesaj konusu:

arkadaşlar iki gün yok olduk paylaşımlarda hemn kaybolmuş BS bukadar güzel bir cssyi haketmiyormu sizce şaka şaka hepiniz benim kardeşlerimsiniz.
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu