Leviossa: 2014

Thursday 3 July 2014

Download Video from Youku : Tut

Although youku provide their own download app(I think), but you feel not really up to download it, this is how to download a video from youku.com

What you need:
1. the video URL
2. flvcd online converter [go to flvcd]
3. IDM (optional)

Step 1:
Open the video and copy the URL

Step 2:
Go to http://www.flvcd.com/

Step 3:
Paste the URL onto the provided box and click GO

Step 4:
If you try to download a long duration video the video will be cut into parts. Download all links provided. If you have IDM right click the link and click Download with IDM

Wednesday 2 July 2014

Different Background for Multiple Monitor : Tut

If you have Multiple monitor and wants different background for each monitor this is how to do it. This can be applied in Windows 7 and Windows 8.

Step 1:
Right click your desktop and go to Personalize

Step 2:
Click on Desktop Background

Step 3:
Change the Picture Position to Span

Step 4:
Right click the image of your choice and set it for monitor 1

Step 5:
Right click another image of your choice and set it for monitor 2

Step 6:
Save your setting! and Tada!

Wednesday 25 June 2014

Show/Hide Images or Text : Tut

This How To is posted for the sake of keeping updates.....

Example:

or Click Here

What we will use is:

CSS
JavaScript
Div tag

How to make an image or text hidden.
1. Put this in your css

.hidden { display: none; }
.unhidden { display: block; }

OR if you dont know where your css is paste it anywhere like this

<style>
.hidden { display: none; }
.unhidden { display: block; }
</style>

2. Make you text/image hidden

<div id="hide01" class="hidden">
Put your Hidden Text or Images Here
</div>

How to display the hidden text/images
1. Paste this script somewhere into your webpages

<script type="text/javascript">
function unhide(divID) {
var item = document.getElementById(divID);
if (item) {
item.className=(item.className=='hidden')?'unhidden':'hidden';
}
}
</script>

2. Make a link to toggle hidden text/images

<a href="javascript:unhide('hide01');">Click Here</a>

OR you can also use images as the link

<a href='javascript:unhide('hide01');' title='Chat Box'><img src='http://4.bp.blogspot.com/-34YAu1fx'/></a>

That's it!

This is how the code would look like in a single page;

<head>
<style>
.hidden { display: none; }
.unhidden { display: block; }
</style>
</head>
<body>
<a href="javascript:unhide('hide01');">Click This</a>
<div id="hide01" class="hidden">
Put your Hidden Text or Images Here
</div>
<script type="text/javascript">
function unhide(divID) {
var item = document.getElementById(divID);
if (item) {
item.className=(item.className=='hidden')?'unhidden':'hidden';
}
}
</script>
</body>

Leviossa