Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj27.02.2009, 19:54 (UTC)    
Mesaj konusu: Siteme İstediğim Kısıma Nasıl Menu Ekleyebilirim ?

arkadaşlar resimde verdiğim gibi menü eklemek istiyorum siteme fakat menü site tasarımının en üstünde duruyor resimdeki yere menüyü ekleyebilecek biri varsa sevinirim.Birde menüde seçilecek kısım sarı renkli mümkünse kırmızı olmasını istiyorum.şimdiden teşekkürler. . .

Tasarım Kodu:
Kod:
<style type="text/css">  <!--
td.nav{background-image:url(http://80.190.202.79/pic/g/gokseen/z1.jpg); background-repeat:no-repeat;}
td.nav:hover{background-image:url(http://80.190.202.79/pic/g/gokseen/z1.jpg); background-repeat:no-repeat;}
td.nav a{text-decoration:none;}
td.nav_heading{background-image:url(http://80.190.202.79/pic/g/gokseen/z2.png); height:35px; background-repeat:no-repeat;}
td.edit_navi_headbg{background-image:url(URL);background-color:#XXXXXX;}
td.edit_below_nav {visibility:hidden;}
td.nav a{color: #FFFFFF;}
td.headline{visibility:hidden;}
td.edit_header_full{background-image:url(http://img.webme.com/pic/g/giraz/giraz4.png);}
td.edit_content_bottom{height:0px;}
td.edit_content_top{background-image:url(http://80.190.202.79/pic/g/gokseen/z2.png); height:35px; background-repeat:no-repeat;}
td.edit_content_bottom2{background-image:url(http://80.190.202.79/pic/g/gokseen/z2.png);}
td.edit_content_bottom{background-image:url(URL);background-color:transparent;}
td.edit_content{background-image:url(URL);}
td.edit_content_bottom{height:0px;}
body{background-image:url(); background-attachment: fixed;background-color:#000000;}
td.sidebar_heading{background-image:url(http://80.190.202.79/pic/g/gokseen/z2.png); height:35px; background-repeat:no-repeat;}
td.edit_rb_footer {visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image:url(URL);background-color:transparent;}
td.edit_rechts_bottom{background-image:url(URL);background-color:transparent;}
td.shouty{background-image:url(http://img442.imageshack.us/img442/6453/gokseentrggeo7.jpg);background-color: ;}
td.shouty2{background-image:url(http://img442.imageshack.us/img442/6453/gokseentrggeo7.jpg);background-color: ;}
td.shouty3{background-image:url(http://img442.imageshack.us/img442/6453/gokseentrggeo7.jpg);background-color: ;}
td.shouty4{background-image:url(http://img442.imageshack.us/img442/6453/gokseentrggeo7.jpg);background-color: ;}
td.shouty5{background-image:url(http://img442.imageshack.us/img442/6453/gokseentrggeo7.jpg);background-color: ;}
--> </style><style type="text/css">
<!--
html, body {
text-align: center;
}
-->
</style>

 
<meta content="revealTrans(Duration=1.0,Transition=23)" http-equiv="Site-Enter" />
<meta content="revealTrans(Duration=1.0,Transition=23)" http-equiv="Site-Exit" />
<style type="text/css">


<STYLE TYPE="text/css">p {align=justify}
BODY{cursor: url(http://files.bum-files.com/Files/Cursors/page1/mouse.ani);}
a {cursor: url(http://files.bum-files.com/Files/Cursors/page1/mouse.ani);} </style>


Menü Kodu:
Kod:
<table height="30" cellspacing="0" cellpadding="0" width="947" border="0">
    <tbody>
        <tr>
            <td><script type="text/javascript">
//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 type="text/css">






































#MainMenu
{
   height:27px;
   background: url("http://img.webme.com/vorschau/g/giraz/red_bmid_008.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://img.webme.com/pic/h/hazax/bright_008.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://img.webme.com/pic/h/hazax/bleft_008.gif") no-repeat left top;
   padding:0 20px 0 20px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#FFFFFF;
   font-weight:bold;
   line-height:27px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
   border-color:#000000;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#000000;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0 solid #330066;
   background: url("http://img.webme.com/vorschau/g/giraz/red_bmid_008.gif");
   color:#FFFFFF;
   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 #000000;
   color:#FFFFFF;
   background:url("http://img.webme.com/pic/h/hazax/bleft_008.gif") no-repeat left top;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv a span
{
   float:left;
   display:block;
   line-height:27px;
   background:url("http://img.webme.com/pic/h/hazax/bright_008.gif") no-repeat right top;
   padding:0 20px 0 20px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#FFFFFF;
}
.dropmenudiv a span
{
   float:none;
}
.dropmenudiv a:hover
{
   border:0 solid #000000;
   background-position:left bottom;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
   color:#000000;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#000000;
   font-weight:bold;
}</style>
            <div id="MainMenu" style="width: 942px; height: 28px">
            <div id="tab">
            <ul>
                <li><a href="http://www.giraz.tr.gg/Ana-Sayfa.htm"><span><font face="Comic Sans MS" size="1">Ana Sayfa</font></span></a></li>
                <li><a href="http://www.giraz.tr.gg/Giri%26%23351%3B.htm"><span><font face="Comic Sans MS" color="#ffffff" size="1">Giriş</font></span></a></li>
                <li><a href="http://www.giraz.tr.gg/sohbet.htm"><span><font face="Comic Sans MS" size="1">Sohbet</font></span></a> <a href="http://www.giraz.tr.gg/Oyunlar.htm"><span><font face="Comic Sans MS" size="1">Oyun</font></span></a> <a href="http://www.giraz.tr.gg/Forum/index.htm"><span><font face="Comic Sans MS" size="1">Forum</font></span></a></li>
                <li><a href="http://www.giraz.tr.gg/Bedava-Sms.htm"><span><font face="Comic Sans MS" size="1">Bedava Sms</font></span></a></li>
            </ul>
            <a href="http://www.giraz.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm"><span><font face="Comic Sans MS" color="#ffffff" size="1">İletişim<br />
            </font></span></a></div>
            </div>
            </td>
        </tr>
    </tbody>
</table>


RESİM:

http://www.fileupyours.com/files/234784/strsm%20copy.jpg


Düzenleme : ironarchives
Başlıklarınızı Konunuzu Özetleyecek Şekilde Açınız.


En son giraz tarafından 28.02.2009 07:13:58 tarihinde değiştirildi, toplam 1 kere değiştirildi
Önceki mesajları göster:   


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