မိမိတို ့ဘေလာ့မွာ လိုက္ကာ အဖြင့္ အပိတ္ေလး တပ္ခ်င္ၾကရင္ေတာ့ ေအာက္မွာပါ .. လိုက္လုပ္ၾကည့္လို္က္ပါ..
Design > Edit Html > ကိုဝင္ပါ ၿပီးရင္ ကုဒ္ေတြထဲက <head> သို ့မဟုတ္ </head> ကိုရွာပါ.. ၿပီးရင္
<head> ရဲ႕ ေအာက္ </head> ရဲ႕ အေပၚမွာေပါ့ သူတို ့၂ ခုရဲ႕ အတြင္းျဖစ္ရင္ ရပါၿပီ..အဲ့မွာ ေအာက္က ကုဒ္ကို ထည့္ပါ..
<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.js' type='text/javascript'/><script src='http://joomlamyanmar.net/c1/jquery.easing.1.3.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $curtainopen = false; $(".rope").click(function(){ $(this).blur(); if ($curtainopen == false){ $(this).stop().animate({top: '0px' }, {queue:false, duration:350, easing:'easeOutBounce'}); $(".leftcurtain").stop().animate({width:'60px'}, 2000 ); $(".rightcurtain").stop().animate({width:'60px'},2000 ); $curtainopen = true; }else{ $(this).stop().animate({top: '-40px' }, {queue:false, duration:350, easing:'easeOutBounce'}); $(".leftcurtain").stop().animate({width:'50%'}, 2000 ); $(".rightcurtain").stop().animate({width:'51%'}, 2000 ); $curtainopen = false; } return false; }); }); </script>အေပၚကကုဒ္ေတြထဲကမွ က်ေနာ္ အျပာေရာင္နဲ ့ျပထားတဲ့ေနရာေတြမွာ စိတ္ႀကိဳက္ ျပင္ဆင္ႏို္င္ပါတယ္
' ေလးတခုကစ က်န္ခဲ့လို ့မရပါဘူး ဂရုစိုက္ပါေနာ္.. ၿပီးၿပီဆိုရင္ေတာ့ ေနာ္ကတဆင့္အေနနဲ ့ Css ထည့္ပါမယ္
<body> ကိုရွာပါ ၿပီးရင္ အဲ့ေအာက္မွာ ထည့္ပါမယ္ ပံုထဲက အတိုင္းေပါ့ လြတ္တဲ့ၾကားတေနရာရာမွာ ထည့္ပါ
ၿပီးရင္ေတာ့ ေအာက္က ကုဒ္ကို ထည့္ပါဗ်ာ..
/***************** Curtrin **********************/
.leftcurtain{ width: 50%; height: 100%; top: 0px; left: 0px; position: fixed; z-index: 10002; } .rightcurtain{ width: 51%; height: 100%; right: 0px; top: 0px; position: fixed; z-index: 1003; } .rightcurtain img, .leftcurtain img{ width: 100%; height: 100%; z-index: 100000; } .rope{ position: fixed; top: -40px; left: 90%; z-index: 1004; }
ဒါဆိုရင္ေတာ့ မၿပီးေသးပါဘူးဗ်ာ တဆင့္က်န္ပါေသးတယ္.. အဲ့တာကေတာ့
Design > Page Elements > HTML/Javascript
ကိုယူပါ ၿပီးရင္ ေအာက္က ကုဒ္ေလးကို ထည့္ၿပီး သိမ္းလိုက္ေတာ့ဗ်ာ ၿပီးပါၿပီ..
<div class="leftcurtain"><img src="http://joomlamyanmar.net/c1/images/frontcurtain.jpg"></div><div class="rightcurtain"><img src="http://joomlamyanmar.net/c1/images/frontcurtain.jpg"></div><a class="rope" href="#"> <img src="http://joomlamyanmar.net/c1/images/rope.png"> </a>အဲ က်န္ေသးတယ္..
အခုလို ထည့္ရင္ Html/Javascript ေဘာက္ကိုယူၿပီးထည့္တဲ့အခါ ေခါင္းစဥ္မတတ္ပါနဲ ့ေခါင္းစဥ္တတ္လိုက္ရင္
သူ ့ကိုထည့္ထားမွန္းသိသာတယ္ ၿပီးေတာ့ Widgets ရဲ႕ Header ကေပၚေနေတာ့ ၾကည့္မလွေတာ့ဘုူးေပါ့..
အဆင္ေျပၾကပါေစ..အားလံုးၿပီးၿပီဆိုရင္ေတာ့ ေအာက္ကလို ရၿပီေပါ့ေနာ္..
0 comments:
Post a Comment