Search This Blog

Friday, September 30, 2011

Online Chat for skype, google talk, MSN, yahoo messenger

YAHOO




MSN





SKYPE





GOOGLE TALK






 

<p>
<span class="lc-bold-txt">YAHOO</span>
<span class="lc-img">
<a href="ymsgr:sendIM?shreejiinfotek"><img src="http://a1.idata.over-blog.com/100x100/2/88/70/07/Talk-to-me-Icons/yahoo-messenger-icon.png" width="100" height="100"></a>
</span>
</p>
<p>
<span class="lc-bold-txt">MSN</span>
<span class="lc-img">
<a href="msnim:add?shreejiinfotek"><img src="https://www.copacabanapoker.com/en/images/iconMSN.png" width="100" height="100"></a>
</span>
</p>

<p>
<span class="lc-bold-txt">SKYPE</span>
<span class="lc-img">
<a href="skype:shreejiinfotek?chat"><img src="http://www.learnosity.com/wsimages/ui/skype-icon.png" width="100" height="100"></a>
</span>
</p>

<p>
<span class="lc-bold-txt">GOOGLE TALK</span>
<span class="lc-img">
<a href="gtalk:chat?jid=shreejiinfotek"><img src="http://www.madblueinc.com/wp-content/themes/LightFolio/images/icon_gtalk.png" width="100" height="100"></a>
</span>
</p>

For more information checkout our official website.
Hire Web designer

Tuesday, September 6, 2011

Very Simple Lightbox Effect Well working

in the top of head put the style code.

<style>
        .black_overlay{
            display: none;
            position: fixed;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
        .white_content {
            display: none;
            position: fixed;
            top: 2%;
            left: 25%;
            width: 50%;
            height: 85%;
            padding: 16px;
            border: 16px solid orange;
            background-color: white;
            z-index:1002;
            overflow: auto;
        }
    </style>

Paste the below code to a href tag.

<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'"><img src="images1.jpg" alt="image" border="0" class="product-image-border" /></a>

Put this code after a href tag. this div contains the content you want to show in lightbox.

<div id="light" class="white_content"><img src="images/2/large/1.jpg" alt="image" border="0" /><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div>
        <div id="fade" class="black_overlay"></div>

For more information checkout our official website.
Hire Web designer