You might have heard of background image in GRUB boot screen. You can change the ugly black background of GRUB using a few little steps. VIDEO TUTORIAL 1 – Press ALT + F2. Type this in the input box of the window. gksu gedit /etc/grub.d/05_debian_theme and press Enter Key. The program will ask for your password. After typing the password and pressed the Enter Key a gedit window will appear. Press CTRL + F and search for WALLPAPER= after you found the word copy the location where your background image is and pate the location in quotes after the "... [READ MORE]

When you are using Windows 7 you will notice that it have window effects like shadow on windows opened, animation effects while moving a window. You can also have these kind of effects in Ubuntu. To enable the feature right click on your desktop. Choose Change Desktop Background. A window will now open with 4 tabs. Open Visual Effects tab. Choose Norma if you have a Graphics Card with a memory of 512 MB.... [READ MORE]

If you want to make images grayscale ie black & white you can use this tutorial. Note that this trick will only work on browsers that runs webkit which is used by browsers like Google Chrome, Safari, Midori etc. Other browsers using different engines do not support the gray scake option. Hence this trick does not support all browsers. DEMO Grayscaled Image Using CSS & Original Image Here’s the CSS code which will make all images grayscale.... [READ MORE]

Ever wanted to change the cursor in your web page ? Well you can change it in CSS. There is a way of doing that, the cursor propery. There is a way in CSS to change the cursor to pointer,cursor,resize,normal etc….. This table show what will be the cursor when the value of cursor property changes as following. Value <td width="50%"> <b><u><span style="font-family: inherit;">Cursor</span></u></b> </td> </tr> <tr valign="TOP"> <td width="50%"> <span style="color: black;"><span style="font-family: inherit; font-size: small;"><b>Not-allowed,default,inherit,initial,no-drop,vertical-text</b></span></span> </td> <td id="vattu" width="50%"> <b><span style="font-family: inherit;"><br /> </span></b> </td> </tr> <tr valign="TOP"> <td width="50%"> <b><span style="font-family: inherit;">all-scroll</span></b> </td> <td id="vattu" width="50%"> <b><span style="font-family: inherit;"><br /> </span></b> </td> </tr> <tr valign="TOP"> <td width="50%"> <b><span style="font-family: inherit;">col-resize</span></b> </td> <td id="vattu" width="50%"> <b><span style="font-family: inherit;"><br /> </span></b> </td> </tr> <tr valign="TOP"> <td width="50%"> <b><span style="font-family: inherit;">crosshair</span></b> </td> <td id="vattu" width="50%"> <b><span style="font-family: inherit;"><br /> </span></b> </td> </tr> <tr valign="TOP"> <td width="50%"> <b><span style="font-family: inherit;">e-resize</span></b> </td> <td id="vattu" width="50%"> <b><span style="font-family: inherit;"><br /> </span></b> </td> </tr> <tr valign="TOP"> <td width="50%"> <b><span style="font-family: inherit;">ew-resize</span></b> </td> <td id="vattu" width="50%"> <b><span style="font-family: inherit;"><br /> </span></b> </td> </tr> <tr valign="TOP"> <td width="50%"> <b><span style="font-family: inherit;">help</span></b> </td> <td id="vattu" width="50%"> <b><span style="font-family: inherit;"><br /> </span></b> </td> </tr> <tr valign="TOP"> <td width="50%"> <b><span style="font-family: inherit;">move</span></b> </td> <td id="vattu" width="50%"> <b><span style="font-family: inherit;"><br /> </span></b> </td> </tr> <tr valign="TOP"> <td width="50%"> <b><span style="font-family: inherit;">n-resize</span></b> </td> <td id="vattu" width="50%"> <b><span style="font-family: inherit;"><br /> </span></b> </td> </tr> <tr valign="TOP"> <td width="50%"> <b><span style="font-family: inherit;">none</span></b> </td> <td id="vattu" width="50%"> <b><span style="font-family: inherit;"><br /> </span></b> </td> </tr> <tr valign="TOP"> <td width="50%"> <b><span style="font-family: inherit;">ne-resize</span></b> </td> <td id="vattu" width="50%"> <b><span style="font-family: inherit;"><br /> </span></b> </td> </tr> <tr valign="TOP"> <td width="50%"> <b><span style="font-family: inherit;">nesw-resize</span></b> </td> <td id="vattu" width="50%"> <b><span style="font-family: inherit;"><br /> </span></b> </td> </tr> <tr valign="TOP"> <td width="50%"> <b><span style="font-family: inherit;">ns-resize</span></b> </td> <td id="vattu" width="50%"> <b><span style="font-family: inherit;"><br /> </span></b> </td> </tr> <tr valign="TOP"> <td width="50%"> <b><span style="font-family: inherit;">nw-resize</span></b> </td> <td id="vattu" width="50%"> <b><span style="font-family: inherit;"><br /> </span></b> </td> </tr> <tr valign="TOP"> <td width="50%"> <b><span style="font-family: inherit;">nwse-resize</span></b> </td> <td id="vattu" width="50%"> <b><span style="font-family: inherit;"><br /> </span></b> </td> </tr> <tr valign="TOP"> <td width="50%"> <b><span style="font-family: inherit;">pointer</span></b> </td> <td id="vattu" width="50%"> <b><span style="font-family: inherit;"><br /> </span></b> </td> </tr> <tr valign="TOP"> <td width="50%"> <b><span style="font-family: inherit;">Progress,wait</span></b> </td> <td id="vattu" width="50%"> <b><span style="font-family: inherit;"><br /> </span></b> </td> </tr> <tr valign="TOP"> <td width="50%"> <b><span style="font-family: inherit;">row-resize</span></b> </td> <td id="vattu" width="50%"> <b><span style="font-family: inherit;"><br /> </span></b> </td> </tr> <tr valign="TOP"> <td width="50%"> <div align="LEFT"> <span style="color: black;"><span style="font-family: inherit; font-size: small;"><b>s-resize</b></span></span> </div> </td> <td id="vattu" width="50%"> <b><span style="font-family: inherit;"><br /> </span></b> </td> </tr> <tr valign="TOP"> <td width="50%"> <div align="LEFT"> <span style="color: black;"><span style="font-family: inherit; font-size: small;"><b>se-resize</b></span></span> </div> </td> <td id="vattu" width="50%"> <b><span style="font-family: inherit;"><br /> </span></b> </td> </tr> <tr valign="TOP"> <td width="50%"> <div align="LEFT"> <b><span style="font-family: inherit;">sw-resize </span></b> </div> </td> <td id="vattu" width="50%"> </td> </tr> <tr valign="TOP"> <td width="50%"> <b><span style="font-family: inherit;">text</span></b> </td> <td id="vattu" width="50%"> </td> </tr> <tr valign="TOP"> <td width="50%"> <b><span style="font-family: inherit;">w-resize</span></b> </td> <td id="vattu" width="50%"> </td> </tr> ... [READ MORE]

This Post will help you to add a Scroll To Top function in your Blogger Blog. Follow the steps given below. <div style="text-align: center;"> <span style="background-color: #93c47d; border-radius: 10px; font-family: inherit; font-size: x-large; padding: 8px 10px;"><a href="http://subin-demos.blogspot.com/#scrolltop" >DEMO</a></span> </div> 1 – Go to Blogger -> Template -> Edit HTML  2 – Adding Codes. Add this script before if you haven’t added a script src of Jquery Library. Add this Code before tag.... [READ MORE]

You might have seen text editors where you can bold a text, italic a text etc… The perfect example of this the Blogger Post Text Editor. This is a simple tutorial that will create a text editor using HTML, Jquery & JavaScript. Download Demo We have two files, index.html which contains the HTML code and texteditor.js which contains the jQuery code. You should include the texteditor.js in index.html.index.html <span style="... [READ MORE]

Bzflag stopped supporting Ubuntu 10.04 Lucid Lynx. But you can still install the latest version by adding this PPA. To add the PPA follow the steps. 1 – Go to Ubuntu Software Center Under Edit Tab Choose Software sources. Click Add button. Type this in the APT line field. ppa:ferramroberto/game/ubuntu and click Add Source. BZFLAG PPA  is now added. Close the Software Resources dialog. A window will ask for your password. Type your password and click Authenticate.... [READ MORE]

There are many websites for uploading images for various purposes. Some of the popular services are Picasa, Flickr etc…. But you need an account for using the services shown above. If you don’t want to waste any time and upload image in just a minute, then there a re some services which will upload your image in their servers. In this tutorial I will introduce to a service called Post Image. Go to Post Image (http://www.... [READ MORE]

If you want to manage your MySql table you can use a software called phpMyAdmin. You can install phpMyAdmin in any Operating Systems. This tutorial will help you to install phpMyAdmin in Linux. <h2 id="require" style="font-family: sans-serif; max-width: 70em;"> Requirements </h2> <ul style="font-family: sans-serif; margin: 1em; max-width: 70em;"> <li style="margin-top: 0.5em;"> <b>PHP</b> <ul style="margin: 1em 1em 0px; max-width: 70em;"> <li style="margin-top: 0.5em;"> You need PHP 5.2.0 or newer, with&nbsp;<tt>session</tt>&nbsp;support&nbsp;and the Standard PHP Library (SPL) extension.... [READ MORE]

You might wanted to Show/Hide element based on the visibility of the element. If the visibility is block  , hide the element and if visibility is none, show the element. You can do this without the if statement. You can do this in just a line of code. For example : if we want to toggle the visibility of a div with the id sh. $("#sh").toggle(); If the div #sh is hidden the code above code will make it visible and if it is visible the code will hide the div #sh.... [READ MORE]