مهارت دانستن بیشترینها از کوچکترینها است - کد ساختن منو برای جاهای مختلف وبلاگ

X

مهارت دانستن بیشترینها از کوچکترینها است - کد ساختن منو برای جاهای مختلف وبلاگ

مهارت در کامپیوتر را در اینجا فرابگیرید

کد ساختن منو برای جاهای مختلف وبلاگ

با نظر دادن به صورت خصوصی ، مشکل یا درخواست خود را بیان کنید

ساخت منوهای باز شونده برای وبلاگ

MaRzRaYaNeH.bLoGfA.cOm

کدهای داخل boxرا انتخاب کنید و آن را کپی کنید

<style> .curhand{cursor:hand} </style> <script language="javascript"> function displayit(paragraph,title,imgmenu){ if (document.all[paragraph].style.display=='none') {document.all[paragraph].style.display="block"; document.all[imgmenu].src="URL PIC 2"} else {document.all[paragraph].style.display="none"; document.all[imgmenu].src="URL PIC 2"} } function setoverstyles(paragraph,imgmenu,title){ if (document.all[paragraph].style.display=='none') {document.all[imgmenu].src="URL PIC 2"; document.all[title].style.textDecorationUnderline='true'} else {document.all[imgmenu].src="URL PIC 2"; document.all[title].style.textDecorationUnderline='true'} } function setoutstyles(paragraph,imgmenu,title){ if (document.all[paragraph].style.display=='none') {document.all[title].style.textDecoration='none'; document.all[imgmenu].src="URL PIC 1"} else {document.all[imgmenu].src="URL PIC 2"; document.all[title].style.textDecoration='none'} } sw=0; function displayall(){ if (sw==0) {swall.innerText="Hide all";document.all['x'].style.display='block';sw=1; for (i=1;i<=5;i++) { xmenu='menu'+i ; ximg='imgmenu'+i ; if (document.all[xmenu].style.display=='none') {document.all[xmenu].style.display="block";document.all[ximg].src="URL PIC 2"}}} else {swall.innerText="Show all";document.all['x'].style.display='none';sw=0; for (i=1;i<=5;i++) {xmenu='menu'+i;ximg='imgmenu'+i; if (document.all[xmenu].style.display=='block') {document.all[xmenu].style.display="none";document.all[ximg].src="URL PIC 1"}}} } function displayinline(text){ if (document.all[text].style.display=="none"){document.all[text].style.display="inline"} else {document.all[text].style.display="none"} } </script> </head> <body> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1"> <tr> <td> <p align="center"> <span id="swall" onmouseover="this.style.textDecorationUnderline='true'" onmouseout="this.style.textDecoration='none'" class="curhand" onclick="displayall()"> Show All</span></td><br> </tr> </table><br> <p id='x' style="display:none"></p> <div onmouseover="setoverstyles('menu1','imgmenu1','title1')" onmouseout="setoutstyles('menu1','imgmenu1','title1')" class="curhand" onclick="displayit('menu1','title1','imgmenu1')" id="title1" style="position:static; width:150; height:15"> <img id="imgmenu1" border="0" src="URL PIC 1" width="12" height="12"> marzrayaneh</div> <blockquote> <p><span id="menu1" style="display:none;"><span lang="en-us">fun</span><br> <span lang="en-us">sport</span><br> <span lang="en-us">online</span><br> <span lang="en-us">gime</span><br> <span lang="en-us">learn</span><br> <span lang="en-us">photo</span></span></p> </blockquote> <p></p> <div onmouseover="setoverstyles('menu2','imgmenu2','title2')" onmouseout="setoutstyles('menu2','imgmenu2','title2')" class="curhand" onclick="displayit('menu2','title2','imgmenu2')" id="title2" style="position:static; width:150; height:15"> <img id="imgmenu2" border="0" src="URL PIC 1" width="12" height="12"> educate</div> <p></p> <blockquote> <span id="menu2" style="display:none;">Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5<br> Item 6<br> Item 7</span> </blockquote> <p></p> <div onmouseover="setoverstyles('menu3','imgmenu3','title3')" onmouseout="setoutstyles('menu3','imgmenu3','title3')" class="curhand" onclick="displayit('menu3','title3','imgmenu3')" id="title3" style="position:static; width:150; height:15"> <img id="imgmenu3" border="0" src="URL PIC 1" width="12" height="12"> music</div> <p></p> <blockquote> <span id="menu3" style="display:none;">Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5<br> Item 5<br> Item 6</span> </blockquote> <p></p> <div onmouseover="setoverstyles('menu4','imgmenu4','title4')" onmouseout="setoutstyles('menu4','imgmenu4','title4')" class="curhand" onclick="displayit('menu4','title4','imgmenu4');" id="title4" style="position:static; width:150; height:15"> <img id="imgmenu4" border="0" src="URL PIC 1" width="12" height="12"> Videos</div> <p></p> <blockquote> <span id="menu4" style="display:none;"> Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5<br> Item 6</span> </blockquote> <p></p> <div onmouseover="setoverstyles('menu5','imgmenu5','title5')" onmouseout="setoutstyles('menu5','imgmenu5','title5')" class="curhand" onclick="displayit('menu5','title5','imgmenu5')" id="title5" style="position:static; width:150; height:15"> <img id="imgmenu5" border="0" src="URL PIC 1" width="12" height="12"> pictures </div> <p></p> <blockquote> <span id="menu5" style="display:none;"> Item 1<br> Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5</span> </blockquote>

کد ساخت منو و باز شدن آن به شکلی زیبا همراه با effect (جلوه ویژه ای زیبا)

MaRzRaYaNeH.bLoGfA.cOm

کدهای داخل boxرا انتخاب کنید و آن را کپی کنید

<style>  </style></HEAD> <BODY> <ilayer id="coffeemenu01" height=35px> <layer id="coffeemenu02" visibility=show> <span id="wrapper"> <span id="wrapper2" onClick="dropit2();event.cancelBubble=true;return false"> <font face="Verdana"><b><a href="notthisbrowser.html">Click Here To Navigate marzrayaneh</a></b></font> </span> </span> </layer> </ilayer> <script language="JavaScript1.2"> var enableeffect=true var selection=new Array() selection[0]='<font face="ARIAL BLACK"><a href="http://marzrayaneh.blogfa.com">marzrayaneh</a><br>' selection[1]='<a href="http://marzrayaneh.blogfa.com">marzrayaneh</a><br>' selection[2]='<a href="http://marzrayaneh.blogfa.com">marzrayaneh</a><br>' selection[3]='<a href="http://marzrayaneh.blogfa.com">marzrayaneh</a><br>' selection[4]='<a href="http://marzrayaneh.blogfa.com">marzrayaneh</a><br></font>' if (document.layers) document.coffeemenu01.document.coffeemenu02.visibility='show' function dropit2(){ if (document.all){ coffeemenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX coffeemenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18 if (coffeemenu03.style.visibility=="hidden"){ if (enableeffect) coffeemenu03.filters.revealTrans.apply() coffeemenu03.style.visibility="visible" if (enableeffect) coffeemenu03.filters.revealTrans.play() } else{ hidemenu() } } } function dropit(e){ if (document.coffeemenu03.visibility=="hide") document.coffeemenu03.visibility="show" else document.coffeemenu03.visibility="hide" document.coffeemenu03.left=e.pageX-e.layerX document.coffeemenu03.top=e.pageY-e.layerY+19 return false } function hidemenu(){ if (enableeffect) coffeemenu03.filters.revealTrans.stop() coffeemenu03.style.visibility="hidden" } function hidemenu2(){ document.coffeemenu03.visibility="hide" } if (document.layers){ document.coffeemenu01.document.coffeemenu02.captureEvents(Event.CLICK) document.coffeemenu01.document.coffeemenu02.onclick=dropit } else if (document.all) document.body.onclick=hidemenu </script> <div id="coffeemenu03" style="position:absolute;left:0;top:0;layer-background-color:#C0C0C0;background-color:#ffffff;width:200;visibility:hidden;border:2px solid black;padding:0px"> <script language="JavaScript1.2"> if (document.all) coffeemenu03.style.padding='4px' for (i=0;i<selection.length;i++) document.write(selection[i]) </script> </div> <script language="JavaScript1.2"> if (document.layers){ document.coffeemenu03.captureEvents(Event.CLICK) document.coffeemenu03.onclick=hidemenu2 } </script>

ساخت منو برای راست کلیک

MaRzRaYaNeH.bLoGfA.cOm

کدهای داخل boxرا انتخاب کنید و آن را کپی کنید

<html><head><STYLE> #contextMenu { position: absolute; visibility: hidden; width: 120px; background-color: lightgrey; layer-background-color: lightgrey; border: 2px outset white; } .A:Menu { color: black; text-decoration: none; cursor: default; width: 100% } .A:MenuOn { color: white; text-decoration: none; background-color: darkblue; cursor: default; width: 100% } </STYLE> <SCRIPT> var menu; function showMenu (evt) { if (document.all) { document.all.contextMenu.style.pixelLeft = event.clientX; document.all.contextMenu.style.pixelTop = event.clientY; document.all.contextMenu.style.visibility = 'visible'; return false; } else if (document.layers) { if (evt.which == 3) { document.contextMenu.left = evt.x; document.contextMenu.top = evt.y; document.contextMenu.onmouseout = function (evt) { this.visibility = 'hide'; }; document.contextMenu.visibility = 'show'; return false; } } return true; } if (document.all) document.oncontextmenu =showMenu; if (document.layers) { document.captureEvents(Event.MOUSEDOWN); document.onmousedown = showMenu; } </SCRIPT> </head> <body> <DIV ID="contextMenu" ONMOUSEOUT="menu = this; this.tid = setTimeout ('menu.style.visibility = \'hidden\'', 20);" ONMOUSEOVER="clearTimeout(this.tid);" > <A HREF="http://marzrayaneh.blogfa.com"; CLASS="menu" ONMOUSEOVER="this.className = 'menuOn'" ONMOUSEOUT="this.className = 'menu';" > marzrayaneh.blogfa.com </A> <BR> <A HREF="http://marzrayaneh.blogfa.com"; CLASS="menu" ONMOUSEOVER="this.className = 'menuOn'" ONMOUSEOUT="this.className = 'menu';" > marzrayaneh </A> <br> marzrayaneh </DIV> </body> راست کلیک کن تا نتیجه را ببینی</html>

نظر یادتون نره خداحافظی و نظردهی

مدیر و نویسنده وبلاگمرضیه کریمیان | لینک ثابت | موضوع:آموزش مهارت در کامپیوتر |