o Ko.Technology

Home » Archives for 2018-01-21

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

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

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

BLOGဆိုင္ရာမ်ား , WEBဆိုင္ရာမ်ား , နည္းလမ္မ်ား January 26, 2018 No comments

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

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

Android Apk , Android Photo Editor , ဖုန္းဆိုင္ရာမ်ား , ဖုန္းေဆာ့ဝဲလ္မ်ား January 26, 2018 No comments

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

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

Android Apk , Viber For android , Viberဆိုင္ရာ , ဖုန္းေဆာ့ဝဲလ္မ်ား January 26, 2018 No comments

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

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

Android Apk , နည္းလမ္မ်ား , ဖုန္းေဆာ့ဝဲလ္မ်ား January 21, 2018 No comments

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

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

2018-01-21

အခ်ိန္မရလို႕အသစ္ေတြမတင္ျဖင့္တာၾကာသြားပါတယ္၊ဒါေၾကာင့္ဘယ္သူမွမသံုးဖူးတဲ့အသစ္
အဆန္းေလး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 - နည္းပညာ

Christmas snowfalls with breeze for Blogger 2012

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

►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 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 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မွာ ျမန္မာ ရက္ ၊ လ ၊ ခုႏွစ္ေတြကို အလြယ္တကူၾကည့္ႏိူင္တဲ့ Appေလးႏွင့္ ျပဳလုပ္နည္းေလးကို ျပန္လည္မ်ွေဝေပးလိုက္ပါတယ္... ဒီေဆာ့ဝဲလ္ေလးကို ဖုန္းတိုင္းမွာ ႐ွိသင့္တယ္ထင္ပါတယ္ေနာ္...ဘာလို႔လဲဆိုေတာ့ ႏွစ္၁၀၀ပါ႐ွိတဲ့ Appေလးျဖစ္တာေၾကာင့္ပါ...ဒီေဆာ့ဝဲလ္ေလးကေတာ့ ျမန္မာေဆာ့ဝဲလ္ေလးလဲျဖစ္တာေၾကာင့္ ထည့္ထားသင့္ပါတယ္ဗ်...အေဝးေရာက္ျမန္မာေတြအတြက္လဲ အရမ္းေကာင္းပါတယ္...

MmYearx App.

DOWNLOAD APK