Image Puzzle Game for Kids (2 - 3 Digit Maths)

This is a simple image puzzle to motivate your kids to indulge in Maths. If the sums are solved correctly, the image will start to emerge. Just play it and you will understand it.

2-3 Digit Maths Image Puzzle

TIME:
0
Seconds

Fortnite For Android

DOWNLOAD NOW

Hiding a DIV in HTML with or without Javascript

Sometimes we need to hide a DIV in a HTML page. There are various ways to do that. Some of them includes usage of Javascript, while some of them don't. However if you learn the usage of Javascript then you can control it more easily. Without wasting the time let me show you the methods.


There are three ways to hide a DIV in a HTML document. The way to use these ways is explained with syntax in both HTML and Javascript. A person who have got basic knowledge of these languages can easily understand that.

Opacity: Opacity is a term more used by photoshop experts. But here we will use it a style for div.
 HTML :  <div id="div1" style="opacity:0.5;">Anything here</div>
Javascript : document.getElementById('div1').style.opacity=0.5;In the above statement opacity controls the visibility of the content of div. If you set opacity to 0.0 then it becomes completely invisible and shows everything behind it, while setting opacity to 1.0 makes it completely visible and hides every thing behind it. Any number between 0.0 to 1.0 will give a translucent effect.

Visibility: As the term suggests, visibility is again a style feature which can be used in the following manner.
HTML : <div id="div1" style="visibility:hidden;">Anything here</div>
Javascript: document.getElementById('div1').style.visibility='hidden';
The negative fact about "visibility" is that it keeps the space reserved for div, but just doesn't show it. So it might show a blank space in document. Visibility has got two options, one is hidden, while second is visible (to show that div again).

Display: This one is the one that i use a lot. It can totally remove the div from a HTML document and it does not leave any space reserved for that div.
HTML : <div id="div1" style="display:none;">Anything here</div>
Javascript: document.getElementById('div1').style.display='none';
As you can see "none" removes the div totally from sight and does not leave any space for that. There are two more options to make the div visible. "block" is used for block elements like <div> and <p>, while "inline" is used for inline elements like <span> and <a>.

I hope that the above coding features of HTML and Javascript will help some of you. If you have any query then feel free to comment.

Into The Dead 2 Mod v1.11.1

Features of this Hack

• 999m Gold
• 999m Silver
• All Weapons & Dog Unlock
• Updated Version
• Get it on Game Killer App
• *NO ROOT*
• Etc...

How To Used

If You Want to Used This Mod Then Follow These Steps

1. Download Saim Version From Play Store

2. Then Play For Some Time

3. Then Open Your File Manager And Go To Android/obb

4. Cut The Folder Called (com.pikpok.dr2.play) and Pest it Anywhere

5. After That Uninstall Original APK And Install My Mod

6. After Installing cut again that folder And Pest Android/obb Folder That's It

7. Open The Mod And Enjoy The Mod ;)

Overlapping a DIV with another and adjusting its Opacity

While working with HTML in web designing, sometime we need to overlap a div with another. Those who do it for the very first time find it difficult to do that. Here i have provided a simple example to make it easier for you to do it.

The following code will overlap an existing DIV (with an image). There will be 9 different DIVs overlapping that image at different locations. Opacity of these DIVs can also be changed using a simple function. Check the live version of that code in running condition and then its code provided below.

Running Version:

Code:

<div style="position:relative;width:200px;height:200px;float:left;">      <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiXueG_CQgIeD7RWaVwzcRUdOS70AuhT2oyIk1Zf-NVerYOSodMP7MS7RgY5XgYEIZ1xfT5FOwskA5TpOFCsUlvypR0gxmixvsayaB_m55S0e4qDx28v5IKCpIPCoaO2TudhBDRnATJ-hC/s1600/c1.jpg" />      <div id="div1" style="position:absolute;opacity:0.9;top:0;left:0;width:66px;height:66px;background-color:red"></div>      <div id="div2" style="position:absolute;opacity:0.9;top:0;left:66px;width:66px;height:66px;background-color:green"></div>      <div id="div3" style="position:absolute;opacity:0.9;top:0;left:132px;width:66px;height:66px;background-color:blue"></div>      <div id="div4" style="position:absolute;opacity:0.9;top:66px;left:0px;width:66px;height:66px;background-color:yellow"></div>      <div id="div5" style="position:absolute;opacity:0.9;top:66px;left:66px;width:66px;height:66px;background-color:pink"></div>      <div id="div6" style="position:absolute;opacity:0.9;top:66px;left:132px;width:66px;height:66px;background-color:orange"></div>      <div id="div7" style="position:absolute;opacity:0.9;top:132px;left:0px;width:66px;height:66px;background-color:purple"></div>      <div id="div8" style="position:absolute;opacity:0.9;top:132px;left:66px;width:66px;height:66px;background-color:violet"></div>      <div id="div9" style="position:absolute;opacity:0.9;top:132px;left:132px;width:66px;height:66px;background-color:indigo"></div> </div> <input type="button" value="Remove Red" onclick="remove()" /> <script> function remove() { document.getElementById('div1').style.opacity=0; } </script>