Blogger Template SubmitBlogger authore Name Meher Musawar Works as IT system Enginiour Part Time Age 21 IF you have any Question Or Suggestion Let Us Know BlogtoolTip@gmail.com write Us On The Email Given.
Blogger Template SubmitLorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

C++ Win32 App ( not MFC ) ToolTips

Sonntag, 2. März 2014 | 0 Kommentare

So this was something I was curious to do myself and found google was little help with all the mixed threads and Tutorials on ToolTips or C++ CToolTipCtrl class.
Most tutorials created there own class to draw a tooltip, but it can be done with our CToolTipCtrl Class with minimal code.


This is very simple to do but not there's not really any good tutorials for non MFC ToolTips.
So First off you want to create a pointer to use the Class in yourapp.h

inside your class add this line here
Code:
CToolTipCtrl *pToolTip;
your class should look like this with your class name in place of CDxtDlg ofc!
Code:
class CDxtDlg : public CDialog
{
// Construction
public:
 CDxtDlg(CWnd* pParent = NULL); // standard constructor
 
// Dialog Data
 enum { IDD = IDD_DXT_DIALOG };

protected:
 virtual void DoDataExchange(CDataExchange* pDX); // DDX/DDV support
 CBitmap Background; 
 CStatusBar m_bar;

 CToolTipCtrl *pToolTip;  ///here is our new line of code to use our tooltip
// Implementation
protected:
 HICON m_hIcon;

 // Generated message map functions
 virtual BOOL OnInitDialog();
 afx_msg void OnPaint();
 afx_msg HCURSOR OnQueryDragIcon();
 afx_msg BOOL PreTranslateMessage(MSG* pMsg);       // add this line here for the next step
 DECLARE_MESSAGE_MAP()
Now we can go back to our main.cpp page to use the pToolTip class
paste this function in your app somewhere
Code:
//transfer the mssg to the ToolTip -  this is a must to show ToolTip with any Dialog Item
// be sure you defined this function within your class in the step above! 
BOOL CDxtDlg::PreTranslateMessage(MSG* pMsg) //rename the class ( CDxtDlg ) to your class ofc.
{
 if (pToolTip != NULL )
        pToolTip->RelayEvent(pMsg);

    return CDialog::PreTranslateMessage(pMsg); 
}

now find your OnInitDialog() and create your ToolTips in here, after CDialog::OnInitDialog() 
Code:
BOOL CDxtDlg::OnInitDialog()
{
 CDialog::OnInitDialog();

 //create our ToolTip w/ ballon style
 pToolTip = new CToolTipCtrl;  // be sure to initialize a new class first!!!
 pToolTip->Create( this, WS_POPUP | TTS_NOPREFIX | TTS_ALWAYSTIP | TTS_BALLOON );  //create the ToolTips with Ballon Style
 
 //add our ToolTips to DlgItems
 pToolTip->AddTool( GetDlgItem(IDC_EDIT1), "Username Here!" );                       //Add the tool to a control, and text to display
        pToolTip->AddTool( GetDlgItem(IDC_EDIT2), "Password Here!" );                        //Add the tool to a control, and text to display
        pToolTip->AddTool( GetDlgItem(IDC_COMBO1), "Select Your Game Here!" );         //Add the tool to a control, and text to display
 pToolTip->Activate(TRUE);                                                                         //activate the ToolTips      
If you did everything right you will see your ToolTips like mine
Read more

WinRAR 5.00 Beta 7 (32 - 64 bit) Incl Reg Key Full Version Free Download

Samstag, 13. Juli 2013 | 0 Kommentare





WinRAR 5.00 Beta 7 (32 - 64 bit) Incl Key - 





{ INFO }

WinRAR is a powerful archive manager. RAR files can usually compress content by 8 percent to 15 percent more than ZIP files can. WinRAR is a powerful compression tool with many integrated additional functions to help you organize your compressed archives. It can backup your data and reduce size of email attachments, decompress RAR, ZIP and other files downloaded from Internet and create new archives in RAR and ZIP file format.


{ Changelog }

Bugs fixed:

     a) when processing a command like:

        WinRAR.exe a -sfxmymodule.sfx arcname.exe

        WinRAR ignored the optional parameter of -sfx switch and used
        default.sfx module. Console RAR.exe did not have this bug;

     b) WinRAR did not create the folder structure necessary to store
        unpacked hard links. So if folder containing a hard link
        did not exist yet, hard link extraction failed;
     
     c) "rn" command displayed wrong file names for processed files.
        Files were renamed properly, only the screen output was incorrect;

     d) when extracting ACE archive, WinRAR could create empty folders
        contained in such archive in a wrong destination folder.





{ INSTALL }



1] Install The App
2] Do Not Launch The App
3] Copy Content from Key Folder to Install Directory
4] Enjoy This Release!!




{ PROOF }

Read more

Add Spinning Social Media icons to Blogger – Blogger Widgets

Donnerstag, 11. Juli 2013 | 0 Kommentare

Spinning Social Media Icons - Blogger Widgets
Spinning Social Media Icons – Blogger Widgets
How to Add Spinning Social icons to Blogger Blog? Last week i Publish a post “Add Social Buttons With Email Subscription Form“. Today i am back to talk about How to add Spinning Social icons/Button to Blogger. Social Media Icons widgets use for to increase Your blog traffic. Social Network is one of the bast way to increase visitors and Add your link to social sites and share your blog links with your friends and public (People) to Increase Blog traffic. Actually these posts is about Blogger Widgets and How to Increase Blogs Visitors/Traffic.
These social Media icons created with HTML and CSS. How it will work? When you you place your mouse cursor over each icon they spinning and when you Clicking on it will be open your social sites links. And one more thing social icons use for to Increase your Facebook Like, Increase Twitter Followers Etc…
Paul Crowe Created great social icons with 3d effect, Now i give you 5 different social icon with spinning effect for your blogger widgets. So copy the code and direct paste into Blogger. You can see the Demo of every spinning social icons, Don’t forget to click on Social icons and follow Us:

How to Add Spinning Social icons to Blogger – Blogger Widgets?

  1. Go to Blogger Dashboard.
  2. Click on Layout > Add a Gadget.
  3. Into New Popup Window click on HTML/JavaScript.
  4. Paste Following code Below and Click Save, You are DONE!

01.Spinning Social icons Style

Style 1 Live Demo:
Icon Icon Icon Icon  Follow Me on Pinterest
<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="Enter-YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/Www.HamidShahzad.Com-RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="Enter-YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/Www.HamidShahzad.Com-RSS-Email-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="Enter-YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/Www.HamidShahzad.Com-Facebook-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="Enter-YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/Www.HamidShahzad.Com-Twitter-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="Enter-YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/Www.HamidShahzad.Com-Google-Plus-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="Enter-YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/Www.HamidShahzad.Com-Pinterest-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/>
  • Important: Replace the Green colors (Enter- Your-….-Url-Here) with You Social Profiles URLs.

02.Spinning Social icons Style

Style 2 Live Demo:
Icon Icon Icon Icon  Follow Me on Pinterest
<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="Enter-YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S2-Www.HamidShahzad.Com-RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="Enter-YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S2-Www.HamidShahzad.Com-Email-RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="Enter-YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S2-Www.HamidShahzad.Com-Facebook-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="Enter-YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S2-Www.HamidShahzad.Com-Twitter-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="Enter-YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S2-Www.HamidShahzad.Com-Google-Plus-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="Enter-YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S2-Www.HamidShahzad.Com-Pinterest-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/>
  • Important: Replace the Green colors (Enter- Your-….-Url-Here) with You Social Profiles URLs.

03.Spinning Social icons Style

Style 3 Live Demo:
Icon Icon Icon Icon  Follow Me on Pinterest
<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="Enter-YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S3-Www.HamidShahzad.Com-RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Subscribe on Youtube" href="Enter-YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S3-Www.HamidShahzad.Com-Youtube-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="Enter-YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S3-Www.HamidShahzad.Com-Facebook-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="Enter-YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S3-Www.HamidShahzad.Com-Twitter-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="Enter-YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S3-Www.HamidShahzad.Com-Google-Plus-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="Enter-YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S3-Www.HamidShahzad.Com-Pinterest-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/>
  • Important: Replace the Green colors (Enter- Your-….-Url-Here) with You Social Profiles URLs.

04.Spinning Social icons Style

Style 4 Live Demo:
Icon Icon Icon Icon  Follow Me on Pinterest
<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="Enter-YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S4-Www.HamidShahzad.Com-RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="Enter-YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S4-Www.HamidShahzad.Com-Email-RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="Enter-YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S4-Www.HamidShahzad.Com-Facebook-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="Enter-YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S4-Www.HamidShahzad.Com-Twitter-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="Enter-YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S4-Www.HamidShahzad.Com-Google-Plus-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="Enter-YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S4-Www.HamidShahzad.Com-Pinterest-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/>
  • Important: Replace the Green colors (Enter- Your-….-Url-Here) with You Social Profiles URLs.

05.Spinning Social icons Style

Style 5 Live Demo:
Icon Icon Icon Icon  Follow Me on Pinterest
<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="Enter-YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S5-Www.HamidShahzad.Com-RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Subscribe on Youtube" href="Enter-YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S5-Www.HamidShahzad.Com-Youtube-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="Enter-YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S5-Www.HamidShahzad.Com-Facebook-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="Enter-YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S5-Www.HamidShahzad.Com-Twitter-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="Enter-YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S5-Www.HamidShahzad.Com-Google-Plus-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="Enter-YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/S5-Www.HamidShahzad.Com-Pinterest-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/>
  • Important: Replace the Green colors (Enter- Your-….-Url-Here) with You Social Profiles URLs.
Read more

Stylish Search Box to Blogger – Blogger Widgets

| 0 Kommentare

Stylish Search Box for Blogger - Blogger Widgets
Stylish Search Box for Blogger
How to Add Stylish Search Boxes to Blogger? Yesterday i publish a Post “Simple Search Box For Blogger“. Today i am going to tell about the Six stylish search boxes for blogger Widgets. This boxes make your blog beautiful and Search box allow people to find content in your blog. People can easily find what they are want. There are many colors of search boxes. White, Blue, Black, Red, Yellow and Mild Black. You can match with your own blogger Template or Theme.
These are PSD source designed by Design3edge andWay2Blogging converted to Blogger Widgets, Search Box. You can easy to add this widget to your Blogger Blog. Now if you like it or If you want to add this widget to your Blog? Then Follow these simple step.
Here You can find every Tips and Tricks with screenshots and Demo. So start with Screenshots of Stylish Search Boxes:
Fresh Search Box Demo

Add Stylish Search Boxes to Blogger – Blogger Widgets

There are Two Option to add this Search Boxes to Blogger.
  1. Copy the Code below and Paste into the HTML/JavaScript in Blogger Layout.
  2. Simple click on Add to Blogger button and Done!

Search Box Number 1:

Stylish Search Box 1
Stylish Search Box 1
<style type="text/css">
#hs-searchbox{background:url(http://www.hamidshahzad.com/wp-content/uploads/2013/03/Stylish-Search-Box-1-Www.HamidShahzad.Com_.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#hs-searchform{display: block;padding: 10px 12px;margin:0;}
form#hs-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#hs-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="hs-searchbox">
<form id="hs-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
    <input type="image" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/blank.gif" id="sbutton" />
</form>
</div>

Search Box Number 2:

Stylish Search Box
Stylish Search Box 2
<style type="text/css">
#hs-searchbox{background:url(http://www.hamidshahzad.com/wp-content/uploads/2013/03/Stylish-Search-Box-2-Www.HamidShahzad.Com_.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#hs-searchform{display: block;padding: 10px 12px;margin:0;}
form#hs-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#hs-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="hs-searchbox">
<form id="hs-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
    <input type="image" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/blank.gif" id="sbutton" />
</form>
</div>

Search Box Number 3:

Stylish Search Box
Stylish Search Box 3
<style type="text/css">
#hs-searchbox{background:url(http://www.hamidshahzad.com/wp-content/uploads/2013/03/Stylish-Search-Box-3-Www.HamidShahzad.Com_.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#hs-searchform{display: block;padding: 10px 12px;margin:0;}
form#hs-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#hs-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="hs-searchbox">
<form id="hs-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
    <input type="image" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/blank.gif" id="sbutton" />
</form>
</div>

Search Box Number 4:

Stylish Search Box 4
Stylish Search Box 4
<style type="text/css">
#hs-searchbox{background:url(http://www.hamidshahzad.com/wp-content/uploads/2013/03/Stylish-Search-Box-4-Www.HamidShahzad.Com_.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#hs-searchform{display: block;padding: 12px;margin:0;}
form#hs-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#hs-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="hs-searchbox">
<form id="hs-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value=""/>
    <input type="image" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/blank.gif" id="sbutton" />
</form>
</div>

Search Box Number 5:

Stylish Search Box 5
Stylish Search Box 5
<style type="text/css">
#hs-searchbox{background:url(http://www.hamidshahzad.com/wp-content/uploads/2013/03/Stylish-Search-Box-5-Www.HamidShahzad.Com_.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#hs-searchform{display: block;padding: 12px;margin:0;}
form#hs-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#hs-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="hs-searchbox">
<form id="hs-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value=""/>
    <input type="image" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/blank.gif" id="sbutton" />
</form>
</div>

Search Box Number 6:

Stylish Search Box 6
Stylish Search Box 6
<style type="text/css">
#hs-searchbox{background:url(http://www.hamidshahzad.com/wp-content/uploads/2013/03/Stylish-Search-Box-6-Www.HamidShahzad.Com_.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#hs-searchform{display: block;padding: 12px;margin:0;}
form#hs-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#hs-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="hs-searchbox">
<form id="hs-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value=""/>
    <input type="image" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/blank.gif" id="sbutton" />
</form>
</div>
Read more