[Devils Workshop] “[ALERT] Vodafone Mobile Balance Transfer Trick” and 1 more...

[ALERT] Vodafone Mobile Balance Transfer Trick

Posted: 20 Dec 2010 09:33 AM PST

If you have a pre-paid account there is a very good chance that you will be familiar with this situation where you need just Rs.20 more of balance to make or continue that one important call.

Vodafone has a feature which allows people to transfer Balance from one phone to another.

I came across this tip, thanks to Arijit Das where I could easily transfer balance between two Vodafone prepaid accounts.

Using Phone Number:

Just dial the following number. “<phone number>” is the the number to which you want to send balance to. Also *20 is the amount of balance transfered.

*131*20*<phone number>#

If you want to request someone to transfer to you some balance, you can initiate that by dialling the following number.

*132*20*<phone number>#

Here the phone number inserted will be that of the person who you are requesting the transfer from. This will send the person a message about the balance transfer.

I think more than a trick this is a new feature for Vodafone mobile users. Also be aware of balance transfer charges which are Re 1.00 per transfer.

Note: This works only when both the numbers are Vodafone pre-paid account holders.

-- This Post [ALERT] Vodafone Mobile Balance Transfer Trick is Published on Devils Workshop .

CSS Trick – Best Way To Preload An Image Without Using Javascript

Posted: 20 Dec 2010 03:10 AM PST

You might have been observed on many web pages, when you mouse over on any image it disappears for 2-3 seconds and when you mouse over next time it works well, why it happens?

The answer is simple the image which is on hover class is not been loaded yet, as a result when you mouse over first time it takes time to load but when you mouse over next time it behaves normal because the image has been loaded to your computer and ready for the next time. Below you can see how various techniques are used to preload an image.

How to Preload an Image?

There are various techniques to preload an image, two methods are mentioned below without using javascript.

Method 1

In this method we create a div and keep it at the end of the HTML document or after footer div, a class is assign to a div say preloadClass which hides the image using display:none property but the images are loaded at the end of the document so when you hover an image it will not flash for the first time.

<div class="preloadClass">      <img src="images/hover-image1.png>      <img src="images/hover-image2.png />      <img src="images/hover-image3.png/> </div>

.preloadClass{ display:none; }  .Demo:hover {  background-image:url(hover-image1.png);  }

Method 2

In this method we call the image from the stylesheet and set its position to –1000px to shift away the image so that it disappears from the page.

.preloadClass {     background-image:url(hover-image.png);     background-position: -1000px -1000px; }  .Demo:hover { background: url(hover-image.png) no-repeat 50% 50%;}

I think adding extra markup to preload an image is not a good approach, especially where Web Standards are concerned. Mobile devices, may experience problems when dealing with the following preloading technique. So to avoid this we can implement Method 2.

The best solution is to use a sprite image, you just have to change the background position on hover class and you are done.

The above all technique is tested and compatible with all browsers.

CSS expert out there, do you have a better idea or solution please share it through your comments.

-- This Post CSS Trick – Best Way To Preload An Image Without Using Javascript is Published on Devils Workshop .