# Your Site Has Been Hacked By KILO HACKER#

..# KILO HACKER was here #..

# ..MoHaMmeD.. #

Mail:~ UTJS@HoTmAiL.CoM

My BB Pin is :~ 21DE1C3B

00110101001010100011101101010110011110110010011000111000110111000111111000110101101110010000000111111110001110
11001010111111100000100101011111100110110111101110001011010011111100110011110000100101011010000111001110110010
10000111101100111011010010111111000000000110100011011000101010100000000000010101000001001100001010010101011010
00110111011011101111100000000100100101110110100010001010111001111001101100100001100011000110011111010001011010
11000101000110100001011110100110111110001111110110111100000011110101011011010111000100111111000001001000000100
11000111101100101101000110010011000000101010010011000010110100101010000111000001111111011111101101011001100101
00110011010001001010001110110011101010101101011010000101100011011010001110111000100101010111010011001100011100
11010011011010011001001010000000101010111101101001100010100000010001111101000101010111101110001111111000100100
10010011010101011101100000011101010000010001001100011101110000101100000001111000001011101000011110000010010100
01111011101001111100111011100110011011000101110010010010011000000001010111101110111110010101111111110001101101
11010110011010011011011000110101000011100000011111110110110000110001110110100001010010110101101000101101010110
10011101110001000100110101011010100111101110001110101111001010011011111001001000001001101111110000111011000000
11011010101101100001011011101111000110100111111110101001110101010110111010001000010110100110001100001110010111
00011000011110111010101011000111100111100110111010111100111000011110101010000010110001011111100011110000001110
00011111011100100001111000110111001111011100010010111111010101010101010110000100011011110011111001001101010001
11001111101011011101111101101110100100011110100100001101011001101110000110000001001011011001000000101000000110
10110100000111001001100001000000101000000101001100111001110100101000001010010110011111110110001111000101111010
10010011001101000011001010001001000110011110010101100011100100011010010101111001100011110110010111110001011010
11110000011001011111000110000011100000001101110100000001110010100110111101010110100011101110010011011010001111
00100010101011000111101011100011011110100000111010101101010110110010010110001001011000000100010100111101000000
00100101110111110110101110011100100000010110110000100011100101000100001110100011110101100100100010111011111010
01110011011000000001110010010110001000110010100101011100100111110001110111111100100111001101100000011111100001
00001010011111110010110111010111111010001111001011101011010111110000000011001011000110110011110001111111101000
00100000010101011111000110101111010011000100010100101001110100000110111011010010101001011100100011111110110100
01001100101010101000001011101110100000110001101000100010110011001011111011010111000100100111110110110010000011
01001011110100000000100010101101110001000000001000011010011001011011010011001100110000001011011011001100000101
01101100000000101110101000100011001001001010100111101001010100000011001011001010010011111011000111010110000101
00000001010011000011010000011000101001101001110100010011000100111111010100010010100100010010100010110000101000
10110101100100101010010000001101011111101010101101000011100000010001101010100101011000110011010101001100101011
00100101100101110010101101000010010111101101000001101111011100101011110111010001111111011111010000000100010111
10001001110100101000111000011000010010000010010101100101011100000011001001100110000100001011000010111101100001
11011100000111000000100010011011111010110110110101001111100100011000001011100000010011001111110110001111000011
01100011110011111100010111010010000000001010110110010100111101110111010000110001110001010100111000110011101111
10110101100111111011101000111101000001101110010010011110011010100100010101000010101100111111000000110010101011
01000001001110000101111010011111110011101011011011100001111100001101011100011111010101011100000111101011011000
01010010110001110000001001011100001010001110010111100000101110101000110010100010010110101111010001101111111000
01110101001100010001100010100001001001001011100110000010011111011001101110000001101001010100110101000100101011
11100001001101111100111010000110111011000111011011101010000011110011101011110110111000100001000110110100000001
10101001110100111001101010001000100111011110110100110010101010010100011111001010110101001110110101001000111010
00111110010111110001100010011100001111101110110010000011101111111010111011001010011111100101100000100100101000

ahlamontada.com

Aug 21

2009

Customizing Tooltips Using jQuery

By Jhoy Imperial Under Web development, jQuery

Here is a simple code on how you could customize your tooltips using jQuery.

The idea here is to use the <label> tag as the custom tooltip for our links. The id of our <a> is the same value as the “for” attribute of the <label> tag. In this way, we have created a relationship between the <a> tag and <label> tag.

Here is the Live Demo of this script.

The script supports:

Plain text tooltips
HTML Formatted text
Tooltips with images

HTML head

First, we must include the latest jQuery inside our <head></head> tags.

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

CSS

Then, let us add some styling to our tooltips.

.tooltip label{
    margin-left:10px;
    display:none;
    border:solid 1px #7DA7D9;
    padding:5px;
    background-color:#ffffff;
    position:absolute;
}

HTML body

Next, i would be using <ul> as the container for our links.

<ul class="tooltip">
<li>
    <a href="#link1" id="link1">Link 1</a>
    <label for="link1">This is the tooltip for "Link 1"</label>
</li>
<li>
    <a href="#link2" id="link2">Formatted Tooltip</a>
    <label for="link2">
        <em>This</em> is a <br /><strong>formatted</strong>
<span style="color:red;">tooltip</span>
    </label>
</li>
<li>
    <a href="#link3" id="link3">Image in tooltip</a>
    <label for="link3">
        <img src="yahoo-screenshot.jpg" />
    </label>
</li>
<li>
    <a href="#link4" id="link4">Image in tooltip 2</a>
    <label for="link4">
        <img src="sample-image.jpg" />
        <br />
        Another tooltip with image
    </label>
</li>
</ul>

jQuery Script

Finally, we add our jQuery script. Whenever a user hovers his mouse over link, the script would use the link id to search for label that is related to our link using the for attribute in the <label> tag. I used the show() function to make the label visible when hovering and the hide() function to hide it.

script type="text/javascript">
    $(".tooltip a").mouseover(function(){
        $('label[for="' + $(this).attr("id") + '"]').show();
    }).mouseout(function(){
        $('label[for="' + $(this).attr("id") + '"]').hide();
    });
</script>

Published by Jhoy Imperial on Friday, August 21st, 2009 9:28 pm Under Web development, jQuery