How to increase font size in notepadd++

Solution :
Go to Settings --> Style Configurator.

You will find the screen as shown in the image below.

In this screen,You can set the desired font size and make sure to set the Style as "Global Override" and  the "Enable global font size" checkbox as selected and then click "Save & Close" button

Hover Functionality in Page Block Table Salesforce

Example :
Apex Class :
public class HoverOnPageBockTable {  
    public List<Account> accList {get;set;}
    public HoverOnPageBockTable () {
        accList =[select id,name,phone from Account limit 5];
    }

}  
Visualforce Page:
<apex:page controller="HoverOnPageBockTable">
   <style>
    a:hover {
        background:#ffffff;
        text-decoration:none;
    }
    a.tooltip span {
        display:none;
        padding:2px 3px;
        margin-left:8px;
        width:250px;
    }
    a.tooltip:hover span{
        display:inline;
        position:absolute;
        background:#FFC;
        border:1px solid #cccccc;
        color:#000000;
    }
    </style>
    <apex:form >
        <apex:pageBlock >
        <apex:pageBlockTable value="{!accList}" var="acc" id="pb">
            <apex:column rendered="true">
                <a class="tooltip" target="_blank">{!acc.name}
                <span>
                        {!acc.Name} - {!acc.id}
                </span>
                </a></apex:column>
        </apex:pageBlockTable>
        </apex:pageblock>
    </apex:form>

</apex:page>
Output:

Some Salesforce related tools/apps that ease our work

At First,I would like to say thanks to Benewards for sharing those tools.
I am just sharing the url so that my friends will get benefited from it.
Go through the url : SFDC Tools  where you find some tools that may be helpful to you.

Salesforce Giving Back website Url

Salesforce Giving Back URL : Giving Back 

How to display hover details in visualforce Page(Pop Over Page)

Solution : Use the below syntax to display hover popover page
<a href="/{!acc.Id}"
id="{!acc.Id}"
position="relative"
onblur="LookupHoverDetail.getHover('{!acc.Id}').hide();"
onfocus="LookupHoverDetail.getHover('{!acc.Id}', '/{!acc.Id}/m?retURL=%2F{!acc.Id}&isAjaxRequest=1').show();"
onmouseout="LookupHoverDetail.getHover('{!acc.Id}').hide();"
onmouseover="LookupHoverDetail.getHover('{!acc.Id}', '/{!acc.Id}/m?retURL=%2F{!acc.Id}&isAjaxRequest=1').show();">
{!acc.name}
</a>
where acc.id will be the id of the object

Example :
Apex Class :
public class HoverDetailController {
    public List<Lead> leadList {get;set;}
    public HoverDetailController () {
        leadList =[select id,name,LeadSource,Status from Lead limit 5];
    }
}
Visualforce Page:
<apex:page controller="HoverDetailController">
    <apex:pageBlock title="Lead Records With Hover Page on hover">
        <apex:pageBlockTable value="{!leadList}" var="lead">
            <apex:column ><a href="/{!lead.Id}" id="{!lead.Id}" position="relative"
                onblur="LookupHoverDetail.getHover('{!lead.Id}').hide();"
                onfocus="LookupHoverDetail.getHover('{!lead.Id}', '/{!lead.Id}/m?retURL=%2F{!lead.Id}&isAjaxRequest=1').show();"
                onmouseout="LookupHoverDetail.getHover('{!lead.Id}').hide();"
                onmouseover="LookupHoverDetail.getHover('{!lead.Id}', '/{!lead.Id}/m?retURL=%2F{!lead.Id}&isAjaxRequest=1').show();">
                {!lead.name}
                </a>
            </apex:column>
            <apex:column value="{!lead.LeadSource}"/>
            <apex:column value="{!lead.Status}"/>
        </apex:pageBlockTable>
    </apex:pageBlock>
</apex:page>
Output :

Important Note : If we want to add/remove some fields from popover page,you can do that in mini page layout.