kp3နည္းပညာ၊၉၂၊Floating Vertical Navigation Menu

အခ်ိန္မရလို႕အသစ္ေတြမတင္ျဖင့္တာၾကာသြားပါတယ္၊ဒါေၾကာင့္ဘယ္သူမွမသံုးဖူးတဲ့အသစ္
အဆန္းေလးFloating Vertical Navigation Menu လို႕ေခၚပါတယ္။ေရာက္ခဲ့ဖူးတဲ့ဘေလာ့ဂါ
မိတ္ေဆြေတြသံုးတာေတာ့့ျမင္ဖူးပါဘူး၊မေရာက္ဖူးတဲ့ေနရာေတြမွာသံုးတဲ့သူေတြလည္းရိွရင္လည္း
ရွိမွာပါ။ဒီFloating Vertical Navigation Menu ကသံုးရတာအရမ္းကိုအဆင္ေျပပါတယ္။သူက
side menu လိုဘဲအေပၚေအာက္ကို Auto အဆင္းအတက္လုပ္ပါတယ္၊ေအာက္မွာ Demo နဲ႕ပံု




DEMO

ပထမဆံုးCSSအပိုင္းကိုသြားျပီးေအာက္ကCodeကိုရွာပါ

]]></b:skin> 

ေတြ႕ျပီဆိုရင္အေပၚမွာေအာက္က Code ကိုထည့္ေပးလိုက္ပါ၊

#floatMenu {
    position:absolute;
    top:150px;
    left:50%;
    margin-left:235px;
    width:200px;
}
#floatMenu ul {
    margin-bottom:20px;
}
#floatMenu ul li a {
    display:block;
    border:1px solid #999;
    background-color:#222;
    border-left:6px solid #999;
    text-decoration:none;
    color:#ccc;
    padding:5px 5px 5px 25px;
}


    #floatMenu ul.menu1 li a:hover {
        border-color:#09f;
    }
    #floatMenu ul.menu2 li a:hover {
        border-color:#9f0;
    }
    #floatMenu ul.menu3 li a:hover {
        border-color:#f09;
    }

ဒုတိယအဆင့္ကေတာ့ေအာက္က Code

]]></b:skin> 

ေအာက္မွာ ေအာက္က Code ေတြကိုထပ္ထည့္ေပးလိုက္ပါ၊

<script language='javascript' src='http://files-teckzest.bravehost.com/jquery.js'/>
    <script language='javascript' src='http://files-teckzest.bravehost.com/jquery.dimensions.js'/>



    <script language='javascript'>
     $(document).ready(function(){
        // code will go here
    }); 
 
    $(document).ready(function(){
        $(window).scroll(function () { 
            // code will go here
        });
    }); 
    var name = &quot;#floatMenu&quot;;
    var menuYloc = null;
 
    $(document).ready(function(){
        menuYloc = parseInt($(name).css(&quot;top&quot;).substring(0,$(name).css(&quot;top&quot;).indexOf(&quot;px&quot;)))
        $(window).scroll(function () { 
            // code will go here
        });
    }); 
    var name = &quot;#floatMenu&quot;;
    var menuYloc = null;
 
    $(document).ready(function(){
        menuYloc = parseInt($(name).css(&quot;top&quot;).substring(0,$(name).css(&quot;top&quot;).indexOf(&quot;px&quot;)))
        $(window).scroll(function () { 
            var offset = menuYloc+$(document).scrollTop()+&quot;px&quot;;
            $(name).animate({top:offset},{duration:500,queue:false});
        });
    }); 

    </script>

ေနာက္ဆံုးအဆင့္ကေတာ့ dashboard>>>>>layout>>>>>add a page element>>>>>html/javascript

<div id="floatMenu">
  <ul class="menu1">

    <li><a href="လင့္ခ္ထည့္ရန္#" onclick="return false;"> အမည္ထည့္ရန္ </a></li>
  </ul>
  <ul class="menu2">
    <li><a href="လင့္ခ္ထည့္ရန္#" onclick="return false;"> အမည္ထည့္ရန္ </a></li>
    <li><a href="လင့္ခ္ထည့္ရန္#" onclick="return false;">  အမည္ထည့္ရန္ </a></li>
    <li><a href="လင့္ခ္ထည့္ရန္#" onclick="return false;">  အမည္ထည့္ရန္ </a></li>

  </ul>
  <ul class="menu3">
    <li><a href="လင့္ခ္ထည့္ရန္#" onclick="return false;">  အမည္ထည့္ရန္ </a></li>
  </ul>
</div>

မိမိၾကိဳက္တဲ့ေနရာမွာထားလိုက္ေပါ့ေနာ္ ျပီးပါျပီ၊၊၊၊
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊ ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

( ::::: ပိုစ့္တင္သူ-ေခ်ာကိုကို ::::: )

ကၽြန္ေတာ္တင္သမွ် Post ေတြကို Facebook မွ တုိက္ရုိက္ဖတ္ရႈလို႔ပါက >> 

နည္းပညာႏွင့္ေဆာ့ဝဲလ္မ်ား Page ကိုႏွိပ္ျပီး Like လုပ္ထားေပးပါ၊၊ 

႐ိုး႐ွင္​း​ေသာနည္​းပညာမ်ားကို ဆန္​းသစ္​စြာတင္​ဆက္​မည္​။

အားလံုးကိုခင္​မင္​လ်ွက္​။

Admin & CKK - နည္​းပညာ

အျပည့္စံု ဖတ္ရန္>>>

ခရစ္စမတ္ႏွင္းးေလးေတြနဲ႕ အလွဆင္ၾကမယ္ (For Blogger)

မဂၤလာအေပါင္းနဲ႕ ျပည့္စုံၾကပါေစဗ်ာ... ခုတင္မဲ့ နည္းေလးကေတာ့ မိမိတို႕ ေဘလာ့ေလးေတြအတြက္ လွပတဲ့... ႏွင္းေလးေတြနဲ႕ တန္ဆာဆင္ေပးမဲ့...ခရစ္စမတ္ လက္ေဆာင္သေဘာမ်ိဳးးေလးပါ...တင္တာေနာက္က်ေနလို႕ ခရစ္စမတ္အတြက္လို႕ေတာ့ မေျပာေတာ့ပါဘူးးေနာ္...ဟဲဟဲ...
နည္းလမ္းေလးက လြယ္ပါတယ္.. ေအာက္မွာ ေလ့လာလိုက္ပါ

►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  Dashboard  ကိုသြားလိုက္ပါ။
►3-  Template    ကိုကလစ္ပါ..။
►4-  Edit  Html   ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5-  Ctrl+F  (သို႕မဟုတ္) F3  အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

                      ]]></b:skin>  ကုဒ္ကိုရွာလုိက္ပါ ေတြ႕တာနဲ႕ သူ႕အေပၚကပ္လွ်က္ ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ထည့္ေပးလိုက္ပါ.....

ကုဒ္ကိုရွာရခက္ပါက  မေတြ႕ခဲ့ပါက သည္လိုေရးရွာလိုက္ပါ b:skin

/*-- Breeze for Snow flakes --*/ #mbl_snowflakes { position: absolute; height: 950px; width: 966px; overflow: hidden; } #snowContainer > div { position: absolute; width: auto; height: auto; -webkit-animation-iteration-count: infinite, infinite; -webkit-animation-direction: normal, normal; -webkit-animation-timing-function: linear, ease-in; } #snowContainer > div > img { position: absolute; width: auto; height: auto; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin: 50% -100%; } @-webkit-keyframes fade { 0% { opacity: 1; } 95% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes drop { 0% { -webkit-transform: translate(0px, -50px); } 100% { -webkit-transform: translate(0px, 650px); } } @-webkit-keyframes clockwiseSpin { 0% { -webkit-transform: rotate(-50deg); } 100% { -webkit-transform: rotate(50deg); } } @-webkit-keyframes counterclockwiseSpinAndFlip { 0% { -webkit-transform: scale(-1, 1) rotate(50deg); } 100% { -webkit-transform: scale(-1, 1) rotate(-50deg); } }

ေနာက္တဆင့္အေနနဲ႕...
<body>

ဆုိတာကိုဆက္ရွာေပးပါ  ေတြ႕ျပီဆိုတာနဲ႕  သူ႕ေအာက္မွာ ကပ္လွ်က္ ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ထည့္ေပးလိုက္ပါေနာ္...

 <script charset="utf-8" src="https://netoopscodes.googlecode.com/svn/branches/Js files/snowfall.js" type="text/javascript"></script>

<div id="mbl_snowflakes">

<div id="snowContainer">

</div>

</div>

 ျပီးးးတာနဲ႕.. မိမိတို႕ ဘေလာ့ကို preview နဲ႕စစ္ေဆးၾကည့္လိုက္ပါေနာ္...အိုေကတာနဲ႕  save template လုပ္နိဳင္ပါျပီ....

           နမူနာၾကည့္လိုပါက    သည္မွာ   ကလစ္ၾကည့္လိုက္ပါ။

 ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္.. 

 

ဘေလာ့ခရီးသည္.

အျပည့္စံု ဖတ္ရန္>>>

ရိုက္ထားတဲ့ ဓာတ္ပံုေတြကိုEffect ေကာင္းေကာင္းနဲ႔လုပ္မယ္ - Photo Grid: Photo Collage Maker 6.50 APK

 

ဖုန္းကိုင္ေဆာင္ထားေသာေဘာ္ဒါတို႔ အတြက္ဓာတ္ပံုေတြကို မိုက္မိုက္စားစားEffect ေကာင္းေကာင္းလည္းႏွင့္လုပ္မယ္ဆိုရင္ေတာ့ ဒီ Photo Grid updated ေလးကိုသံုးလိုက္ပါ။ဒီေကာင္းေလးကေတာ့ ေဘာ္ဒါတို႔အတြက္  Background , Sticker , Effect , Frame , Template အျပင္အျခားေသာ Feature ေတြအမ်ားၾကီးပါ၀င္လို႕ပါ။ Feature အျပည့္အစံု ကိုေအာက္မွာ အေသးစိတ္ေရးျပထားပါတယ္ဗ်ာ။ ဒီေကာင္ေလး၏ အသံုးဝင္းပံု (ပံုစံ) ေတြေတာ့ေအာက္မွာ Screen Shot ေတြရိုက္ျပထားပါတယ္ဗ်ာ။ဒီေကာင္ေလးကေတာ့ ေဘာ္ဒါတို႔အတြက္  android os 2.3 အထက္ရွိဖုန္းမ်ားသံုးႏိုင္ျပီး ဖိုင္းေလးကေတာ့17.57MB ျဖစ္ပါတယ္။

 

DOWNLOAD NOW

Credit - ဝင္းလႈိင္(နည္းပညာ)

 

 

( ::::: ပိုစ့္တင္သူ-ေခ်ာကိုကို ::::: )

ကၽြန္ေတာ္တင္သမွ် Post ေတြကို Facebook မွ တုိက္ရုိက္ဖတ္ရႈလို႔ပါက >> 

နည္းပညာႏွင့္ေဆာ့ဝဲလ္မ်ား Page ကိုႏွိပ္ျပီး Like လုပ္ထားေပးပါ၊၊ 

႐ိုး႐ွင္​း​ေသာနည္​းပညာမ်ားကို ဆန္​းသစ္​စြာတင္​ဆက္​မည္​။

အားလံုးကိုခင္​မင္​လ်ွက္​။

Admin & CKK - နည္​းပညာ

အျပည့္စံု ဖတ္ရန္>>>

အသစ္ထြက္လာတဲ့ Android ဖုန္းႏွင့္ Tablet ေတြမွာအသံုးမ်ားတဲ့ - Viber 8.2.0.3Latest for Android

ဒီေန႔တြက္လာ Android ဖုန္း tablet ေတြအသံုးမ်ားေနတဲ့ Viber Version သစ္ေလးတင္ေပးလုိက္ပါတယ္။ ဒီေကာင္ေလးကေတာ့ ဒီေန႔ထြက္တာပဲရွိေသပါတယ္။ လူတုိင္းအတြက္ မရွိမျဖစ္ဆိုရင္လည္းမမွားပါဘူး။ ဘာျဖစ္ဆိုေတာ့ Viber ဆိုတာ Online ရတာႏွင့္ Free call တုိင္းတပါးသို႔ေရာက္ေနေသာ အေမအေဖေတြကို free call,free Chatting and free တုိင္းတပါးသို႔ေ၇ာက္ေနေသာ သူကိုေတြကို ျမင္ႏိုင္ပါတယ္။ ေနာက္ျပီး ခ်စ္စရာ အရုပ္ကေလးေတြ ပါလာတာကိုေတြ၇ပါတယ္။ ဒါေၾကာင့္ Update OR Version new သံုးခ်င္းသူမ်ားအတြက္ ေအာင္မွာေဒါင္းႏိုင္ပါတယ္။

DOWNLOAD HERE 

 

Credit - ဝင္းလႈိင္-နညး္ပညာ 

 

 

( ::::: ပိုစ့္တင္သူ-ေခ်ာကိုကို ::::: )

ကၽြန္ေတာ္တင္သမွ် Post ေတြကို Facebook မွ တုိက္ရုိက္ဖတ္ရႈလို႔ပါက >> 

နည္းပညာႏွင့္ေဆာ့ဝဲလ္မ်ား Page ကိုႏွိပ္ျပီး Like လုပ္ထားေပးပါ၊၊ 

႐ိုး႐ွင္​း​ေသာနည္​းပညာမ်ားကို ဆန္​းသစ္​စြာတင္​ဆက္​မည္​။

အားလံုးကိုခင္​မင္​လ်ွက္​။

Admin & CKK - နည္​းပညာ

အျပည့္စံု ဖတ္ရန္>>>

မိမိတို႔ ဖုန္​းScreen​ေပၚမွာ ျမန္​မာရက္​စြဲ​ေတြကို အလြယ္​ၾကည္​့​ေအာင္​လုပ္​နည္​းႏွင္​့ APK.

မဂၤလာပါ
ဒီ​ေန႔​ေတာ့ မိမိတို႔ဖုန္​းScreenမွာ ျမန္​မာ ရက္​ ၊ လ ၊ ခုႏွစ္​​ေတြကို အလြယ္​တကူၾကည္​့ႏိူင္​တဲ့ App​ေလးႏွင္​့ ျပဳလုပ္​နည္​း​ေလးကို ျပန္​လည္​မ်ွ​ေဝ​ေပးလိုက္​ပါတယ္​... ဒီ​ေဆာ့ဝဲလ္​​ေလးကို ဖုန္​းတိုင္​းမွာ ႐ွိသင္​့တယ္​ထင္​ပါတယ္​​ေနာ္​...ဘာလို႔လဲဆို​ေတာ့ ႏွစ္​၁၀၀ပါ႐ွိတဲ့ App​ေလးျဖစ္​တာ​ေၾကာင္​့ပါ...ဒီ​ေဆာ့ဝဲလ္​​ေလးက​ေတာ့ ျမန္​မာ​ေဆာ့ဝဲလ္​​ေလးလဲျဖစ္​တာ​ေၾကာင္​့ ​ထည္​့ထားသင္​့ပါတယ္​ဗ်...အ​ေဝး​ေရာက္​ျမန္​မာ​ေတြအတြက္​လဲ အရမ္​း​ေကာင္​းပါတယ္​...

MmYearx App.

DOWNLOAD APK

( ::::: ပိုစ့္တင္သူ-ေခ်ာကိုကို ::::: )

ကၽြန္ေတာ္တင္သမွ် Post ေတြကို Facebook မွ တုိက္ရုိက္ဖတ္ရႈလို႔ပါက >> 

နည္းပညာႏွင့္ေဆာ့ဝဲလ္မ်ား Page ကိုႏွိပ္ျပီး Like လုပ္ထားေပးပါ၊၊ 

႐ိုး႐ွင္​း​ေသာနည္​းပညာမ်ားကို ဆန္​းသစ္​စြာတင္​ဆက္​မည္​။

အားလံုးကိုခင္​မင္​လ်ွက္​။

Admin & CKK - နည္​းပညာ

အျပည့္စံု ဖတ္ရန္>>>