-->

Sumla kaw description bang na


Ndai post kaw gaw anhte sum la kaw description bang mayu yang na matu re. Ndai ladat hpe Mizzima shiga dap a website kaw mu lu ai re. Blogger kaw signin shang na Design>Edit HTML kaw sa na expand widget nga ai hpe check jaw dat u. Ngut jang gaw hpang saga Edit HTML kaw ]]></b:skin>  hpe tam dat ga. Mu jang de a ntsa kaw lawu na code hpe bang dat ga.


<style>
.imgteaser {
                                                                                                                       margin: 0;
                                                                                                                       overflow: hidden;
                                                                                                                       float: left;
                                                                                                                       position: relative;
}
.imgteaser a {
                                                                                                                       text-decoration: none;
                                                                                                                       float: left;
}
.imgteaser a:hover {
                                                                                                                       cursor: pointer;
}
.imgteaser a img {
                                                                                                                       float: left;
                                                                                                                       margin: 0;
                                                                                                                       border: none;
                                                                                                                       padding: 10px;
                                                                                                                       background: #fff;
                                                                                                                       border: 1px solid #ddd;
}
.imgteaser a .more {
                                                                                                                       position: absolute;
                                                                                                                       right: 20px;
                                                                                                                       bottom: 20px;
                                                                                                                       font-size: 10px;
                                                                                                                       color: #fff;
                                                                                                                       background: #000;
                                                                                                                       padding: 5px 10px;
                                                                                                                       filter:alpha(opacity=65);
                                                                                                                       opacity:.65;
                                                                                                                       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}
.imgteaser a:hover .desc{
                                                                                                                       display: block;
                                                                                                                       font-size: 12px;
                                                                                                                       padding: 5px 0;
                                                                                                                       background: #111;
                                                                                                                       filter:alpha(opacity=75);
                                                                                                                       opacity:.75;
                                                                                                                       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
                                                                                                                       color: #fff;
                                                                                                                       position: absolute;
                                                                                                                       bottom: 11px;
                                                                                                                       left: 11px;
                                                                                                                       padding: 5px;
                                                                                                                       margin: 0;
                                                                                                                       width: 220px;
                                                                                                                       border-top: 1px solid #999;
}
.imgteaser a:hover .desc strong {
                                                                                                                       display: block;
                                                                                                                       margin-bottom: 5px;
                                                                                                                       font-size:14px;
}
.imgteaser a .desc {display: none; }
.imgteaser a:hover .more { visibility: hidden;}

</style>




Dai hpang save template hpe dip dat ga. Ngut jang sumla bang mayu ai shara kaw wa ga. Ndai kaw gaw widget langai hku bang tan na re majaw Page Element kaw na Add A Gudget kaw sa na HTML and Javascript hpe lata la ga. Ngut ai hpang npu na code hpe bang dat ga.


<div class="imgteaser">
<a href="link">
                                                                                                                       <img src="sumla na url" alt="" width="230px"/>
                                                                                                                       <span class="more">more</span>
                                                                                                                       <span class="desc">
                                                                                                                                                                                                                                              sanglang dan ai gasi kau mi.
                                                                                                                       </span>
</a>
</div>


Ndai kaw sumla kaw gaw more nga ai lawm taw nga ai. Dai hpe n shalaw mayu yang gaw delete galaw kau u le. npu na code hpe yu ga.Yawng awng dang u ga.
<div class="imgteaser">
<a href="link">
                                                                                                                       <img src="sumla na url" alt="" width="230px"/>
                                                                                                                   
                                                                                                                       <span class="desc">
                                                                                                                                                                                                                                              sanglang dan ai gasi kau mi.
                                                                                                                       </span>
</a>
</div>


0 Hpaji jaw la ai:

Post a Comment

  © Blogger template Webnolia by Ourblogtemplates.com 2009

Back to TOP