Sumla hpe Hover popup description galaw na

Ngai ndai post a mying hpe jinghpaw hku n chye ai majaw English hku ka da ai re. Ndai post gaw anhte a sumla ni kaw mouse mara dat jang shi hte seng ai description ni pru wa ai hpe galaw na re. Ngai na sumla nga ai lebel (menu tab) kaw bang da sai sumla ni kaw mai yu ai. Shawng ning nan blogger kaw signin shang na Design>Edit HTML kaw sa na Expand widget nga ai hpe check jaw dat u. Rai na  ]]></b:skin>  dai hpe tam dat u mu jang de a n pu kaw  lawu na code hpe bang dat u.

<style>

/*--Details Style--*/

/*--Column Styles--*/

ul.columns {

            width: 680px;

            list-style: none;

            margin: 0 auto; padding: 0;

}

ul.columns li {

            width: 220px;

            float: left; display: inline;

            margin: 10px; padding: 0;

            position: relative;

}

ul.columns li:hover {z-index: 99;}

ul.columns li .info {

            position: absolute;

            left: -10px; top: -10px;

            padding: 160px 10px 20px;

            width: 205px;

            display: none;

            background: #d5d5d5;

            font-size: 1.2em;

            -webkit-border-radius: 3px;

            -moz-border-radius: 3px;

            border-radius: 3px;

}

ul.columns li:hover .info {display: block;}

ul.columns li h2 {

              font-family:times new roman;

            font-size: 25px;

            font-weight: bold;

            text-transform: uppercase;

            margin: 0; padding: 10px 0;

}

ul.columns li p {padding: 0; margin: 7px; font-size: 0.9em;font-family:times new roman;font-weight:bold;}

/*--Thumbnail Styles--*/

ul.columns li img {

            position: relative;

            filter: alpha(opacity=80);

            opacity: 0.3;

            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE8 Specific--*/

}

ul.columns li:hover img{

            z-index: 999;

            filter: alpha(opacity=100);

            opacity: 1;

            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

</style>

Dai ngut jang gaw Save template hpe dip dat u. ngut jang Posting>new post kaw bai sa na HTML tab kaw lawu na code hpe bang dat u.

<ul class="columns">

    <li>

                <a href="#"><img src="nang na image url" alt="" width="200px"height="150px"title="Nang na gabaw"/></a>

        <div class="info">

            <h2>Gabaw ka na</h2>

            <p>description kaw na.</p>

        </div>

    </li>

</ul>

Nang na gabaw nga ai gaw wumla hpe mouse mara ai shaoi pop up hte pru wa na re. title sha re

Gabaw ka na nga ai gaw description a gabaw rai na re.

Description nga ai gaw nang sang lang dan mayu ai sumla a lam sang lang mai ai re.

Awng dang u ga.