Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu

Wednesday, November 30, 2011

သႂ်ႇၶႅပ်းႁၢင်ႈ Magic Slideshow


Magic Slideshow
မိူဝ်ႈၼႆႉၶႃႈႁဝ်းတေမႃးလၢတ်ႈၼလွေၵ်းလၢႆးႁဵတ်း Slideshow ၼႂ်းဝႅပ်ႉသၢႆႉတ်/ပလွၵ်ႉၶ်ႁဝ်း
ဢိတ်းၼိုင်ႈၶႃႈၼေႃႈ။ ၵဵဝ်ႇၵပ်းလူၺ်ႈလွင်ႈ Slideshow သေယဝ်ႉ၊ ဝႅပ်ႉသၢႆႉတ် free ဢၼ်ႁဵတ်း
Slideshow ၵေႃႈမီးယူႇတၢင်းၼမ်တၢင်းလၢႆၶႃႈ၊ ၵူၺ်းၵႃႈလူၺ်ႈၸွမ်းတၢင်းလႆႈၸႂ်ၵူၼ်းႁဝ်းသေ

လႄႈတၢင်ႈလႆႈၸႂ်တေဢမ်ႇမိူၼ်ၵၼ်၊ ၸိူင်ႉႁိုဝ်ၵေႃႈလီယူႇၵူႈဢၼ်ၵူၺ်းဢၼ်ၼႆႉႁၢင်ႈလီတူၺ်းငၢႆႈ
မိုတ်ႈတႃလီၶႃႈဢေႃ။ သင်ဝႃႈလႆႈၸႂ်ၼႆၵေႃႈဢဝ်ၸႂ်ႉတိုဝ်းၶႃႈလႄႈၼေႃႈ။ လွၵ်းလၢႆးႁဵတ်းမၼ်းတႄႉ
ဢမ်ႇပေႃးပိူင်ႈၵၼ်ဢမ်ႇယၢမ်ႈႁဵတ်းမႃးၶႃႈ။


တွၼ်ႈၼိုင်ႈ



ပေႃးၶဝ်ႈမႃးထိုင်တီႈၼႆႈယဝ်ႉၼႆ ၼဵၵ်း Ctr+F သေႁု Code ၼႆႉ </head>
ပေႃးႁုႁၼ်ယဝ်ႉၼႆ Copy ဢဝ် Code (1) တၢင်းတႂ်ႈၼႆႉသေၵႂုႇ Past ၼိူဝ် </head>ၼၼ်ႉသေၵမ်း။

Code (1)

<link rel="stylesheet" type="text/css" href="https://4636338866364619332-a-1802744773732722657-s-sites.googlegroups.com/site/mauganj1/magicslideshow.css" />

<script type="text/javascript" src="http://blogger9.googlecode.com/files/magicslideshow.js"></script>

<script type="text/javascript" src="http://blogger9.googlecode.com/files/magictabs.js"></script>

<style type="text/css">

/*<![CDATA[*/

.MagicSlideshow {

margin-bottom: 30px;

border: 1px solid #557493;

width:430px;

height:323px;

}

.MagicSlideshowThumbnailsContainer {

background-color:#91a1b1;

border-bottom:1px dotted #557493;

padding: 0 3px;

}

.MagicSlideshowThumbnailsContainerStyle {

background:transparent;

}

img.MagicSlideshowImage {

border: none;

}

img.MagicSlideshowThumbnail {

border: 3px solid #91a1b1;

margin: 4px 3px;

background:#3a5874;

}

img.MagicSlideshowThumbnail.highlight {

border: 3px solid #557493;

}

.MagicSlideshowDescription {

line-height: 15px;

background: #3a5874;

padding: 8px 3px 3px 10px !important;

border-top:1px dotted #557493;

}

.MagicSlideshowDescription b {

font-size:24px;

}



/*]]>*/

</style>





* Now find <body> by CTRL+F

--------------------------------------------------
တွၼ်ႈသွင်

ပေႃးယဝ်ႉတွၼ်ႈၼိုင်ယဝ်ႉၼႆ မႃးသိုပ်ႇႁု Code ၼႆႉထႅင်သေၵမ်းၶႃႈ။ ပေႃးယဝ်ႉၵေႃႈၼဵၵ်း Save Templateၶႃႈ

<body>

ပေႃးႁၼ်ယဝ်ႉၼႆ Copy ဢဝ် Code (2) တၢင်းတႂ်ႈၼႆႉသေၵႂုႇ Past သႂ်ႇဝႆႉတႂ်ႈ <body> ၼႆႉသေၵမ်း

Code (2)


<script type="text/javascript">

/*<![CDATA[*/

MagicSlideshow.options={'thumbnail-opacity':1,'effect':'fade','container-opacity':0,'width':430,'height':323}

/*]]>*/

</script>


---------------------------------------------------------
တွၼ်ႈသၢမ်



ပေႃးမႃးထိုင်တီႈၼႆႈယဝ်ႉ၊ ၵႂုႇၼဵၵ်း Add a Gadget ယဝ်ႉၵေႃႈလိူၵ်ႈ HTML/JavaScript သေ Copy ဢဝ် Code (3) ၼႆႉသေ Past ဝၢင်းသႂ်ႇၶႃႈလႄႈ၊ ပေႃးယဝ်ႉၵေႃႈ ၼဵၵ်း Save ၵေႃႈလႆႈယဝ်ႉဢေႃႈ။

Code (3)

<div class="MagicSlideshow">



            <a rel="http://santabanta.mywapblog.com/files/forester.jpg"><img src="http://santabanta.mywapblog.com/files/forester-small.jpg" alt="TITLE1 HERE"/><span>ADD HERE SHORT DESCRIPTION.</span></a>

            <a rel="http://santabanta.mywapblog.com/files/q7.jpg"><img src="http://santabanta.mywapblog.com/files/q7-small.jpg" alt="TITLE2 HERE"/><span>ADD HERE SHORT DESCRIPTION</span></a>

            <a rel="http://santabanta.mywapblog.com/files/tiguan.jpg"><img src="http://santabanta.mywapblog.com/files/tiguan-small.jpg" alt="TITLE3 HERE"/><span>ADD HERE SHORT DESCRIPTION.</span></a>

            <a rel="http://santabanta.mywapblog.com/files/rx450.jpg"><img src="http://santabanta.mywapblog.com/files/rx450-small.jpg" alt="TITLE4 HERE"/><span>ADD HERE SHORT DESCRIPTION.</span></a>

            <a rel="http://santabanta.mywapblog.com/files/cayenne.jpg"><img src="http://santabanta.mywapblog.com/files/cayenne-small.jpg" alt="TITLE5 HERE"/><span>ADD HERE SHORT DESCRIPTION</span></a>



            <a rel="http://santabanta.mywapblog.com/files/xtrail.jpg"><img src="http://santabanta.mywapblog.com/files/xtrail-small.jpg" alt="TITLE6 HERE"/><span>ADD HERE SHORT DESCRIPTION</span></a>

            <a rel="http://santabanta.mywapblog.com/files/gl.jpg"><img src="http://santabanta.mywapblog.com/files/gl-small.jpg" alt="TITLE7 HERE"/><span>ADD HERE SHORT DESCRIPTION.</span></a>

            <a rel="http://santabanta.mywapblog.com/files/rangerover.jpg"><img src="http://santabanta.mywapblog.com/files/rangerover-small.jpg" alt="TITLE8 HERE"/><span>ADD HERE SHORT DESCRIPTION.</span></a>



        </div>






No comments:

Post a Comment