how2.0 : Creating An Overlapped Text In Your Page

One of my reader want to know a site that can create a text header that is transparent. However, this is a simple codes that is quite fun to play with. Here, i  would like to teach how to create an "Overlapping Text" with simple step and instruction. This "Overlapping Text" can be used as a header in your blog page or either in Myspace or Friendster page. The final result will be something like this :

1st Line Text
2nd Line Text

Copy the codes below:


<div style="line-height:10%; text-align:center; font-weight:bold; text-decoration: ; font-style:"><span style="font-size:24px; color:#09a9e9; font-family:Arial">1st Line Text</span><br /><span style="font-size:14px; color:#000000; font-family:Arial">2nd Line Text</span></div>

Ok. Here comes the explanation and some codes that you can adjust for your own environment is:

Value	Description	Example
line-height:80%	Line-height" is the value where your 1st & 2nd text is overlapped. Here you can adjust the % value on your own	0% - 100% [smaller value means the more the text overlapped]
text-align:center	the text alignment	center, left, right
font-weight:bold	Either the font is bold, it must be set to "bold" or empty for normal	bold
text-decoration: underline	Additional decoration over the text	underline / overline
font-style: italic	The style should be set under "italic" or none	italic
font-size:24px	size under pixel count	24px, 15px & so on
color:#172ae3	The color can be set using rgb format or color codes format	1. [color codes format #fffff, #e8f610] 2. [rgb format : writen as :rgb(53,221,179) where the numbers indicates red, green & blue channel composition]
font-family:Arial	Font face for the text	comic sans, verdana, arial
1st Line Text	For your 1st text	welcome
2nd Line Text	For your 1st text	to my world

update : to change the text into picture such as a question in the below comment, the situation given is the picture will replace the "1st line text". That means, the picture will be at the bottom layer. So, simply remove the codes after "< span" and change it to "< span >" only. Followed by < img src="http://www.imghosting.com/yourpicture.png"> and continue closed by < /span >.

eg : ..... ; font-style:" >< span >< img src="http://i528.photobucket.com/albums/dd325/zxara_project/ads_default.png"/ >< /span >< br/ >< span style=....


hope this help :) Feel free to comment. If you find this tutorial didn't help, request me a little further info about this tutorial :)

how2.0 : Put "web 2.0 styles" Badges or Buttons Anywhere at Your Site Page

 

Want to put your own custom badges or buttons at your site? This web2.0 style? Just like this site [eg : pic above]? and make it linked to a site or page? Follow this easy step-by-step tutorial :

Step 1

Create your "button" or "badge" image as something like this below :

Make sure it is [*.gif] or [*.png] format because this graphic format support transparent background.[i would suggest *.png format]. Advanced user may create some simple animation too. For someone who did not know how to create it by yourself, you can use [Easy GIF Animator] or using a real time online generator sites that you can find it here. You may also download many of free badges templates [*.psd] here.

 

Step 2

Uploads your images in any image hosting service like Photobucket or Tinypic. And grab [copy] your image link.Paste the codes somewhere else as it will be used after this step.

Step 3

Copy & Paste this codes into your < body > tag [i suggest you to full back-up your template first] :

<div style='position:absolute;left:130px;top:90px;'><a href='http://www.YourLinkedPage.com'><img border='0' src='http://YourPhotoHostingServer/YourBadgeOrButton.png'/></a></div>

Step 4

[Change Links]

• change the "http://www.YourLinkedPage.com" to the address that you want the badge or button to linked to.
• change the "http://YourPhotoHostingServer/YourBadgeOrButton.png" to your grabbed image link that i was just mention before [last part of Step 2]

[Set Image Position]

< div style='position:absolute;left:130px;top:90px;' >

• "left:130px" : This is the image start position [X-axis]. You may change it to "right" if u want to start the pixel [px] position from the right. Ok. I'll give the example based on my site. "left:130px" means the image position is 130px from the left hand side of your page. So, set it to the exact px.[preview test mode is the best answer to try to view the result]
• "top:90px" : This is also the image start position [Y-axis]. I suggest u NOT to change the "top". This "top:90px" means the image position is 90px from the top side of your page. So, just change the [px] value to ur exact value.
• The example value that i've give to you is what i used in my page. Change it according to your site page

Hope you can find this useful. Good luck to all. You may asked me if you can't understand this how2.0 tutorial :)

how2.0 : Customizing The System Tray Clock

Now, here is a nice trick for you. Customizing your system tray clock like the picture above. It has been applied to my comp :). Pretty nice. But maybe you can corrupt some trial licenses of software that you may have installed. Here it is :

Step 1
Open up your registry editor [start > run > type "regedit"] 

Step 2
Navigate to : HKEY_CURRENT_USER\Control Panel\International

Step 3
There is two strings named "s1159" and "s2359". By default, the "s1159" is for AM and "s2359" is for PM. Just right click to the value and edit the AM and PM text. Make sure the text is not too long because if it is too long, it will be a problem to view it.

Step 4
If both of the string is not in there, just create the two strings "s1159" and "s2359"

Now, you have a special clock of your own. Change applied may start to active after user logoff or restart the comp. Else, just refresh your desktop to activate it.. Happy modding :) =X and good luck

how2.0 : Turning Off Autorun Features For All Drive

Concerning about various virus that have been vastly spread within the removable media such as flash drive, this tip maybe useful to be applied. Most of the viruses and malware nowadays had used the autorun features in WinXP to spread over. [eg: when user double click at their removable drive, the virus start to active]. Here is the trick to turning off the autorun features :

Step 1
Click on [Start] > [run] > and type "gpedit.msc" in the box.

Step 2
Navigate to [Computer Configuration] > [Administrative Templates] > [System]

Step 3
Go to link [Turn of AutoPlay]

Step 4
Double click that link and you will now see a new windows was open. Go to the [Tab Setting], Check the box to Enable [turn off the autoplay], If you want to apply this for all drive just go to [Turn of AutoPlay] to and choose [All Drive] > then click ok.

And now you have just turned off the outorun features in your WinXP comp :)

p/s: From my observation, most of the comp user simply just double click at their flash drive that make a certain virus will load easily. Make use of the "address bar" to navigate through your drive. Maybe it's slow but it's more safety :) indeed..

how2.0 : Log In Several User In Yahoo! messenger 8

Wanna log in several user in one Yahoo! messenger? Here come the simple trick:

Step 1

Fire up notepad and type :

 

REGEDIT4

[HKEY_CURRENT_USER\Software\yahoo\pager\Test]

"Plural"=dword:00000001

Step 2

Save the document as Ym8MultiLogin.reg

Step 3

Merge the file that you had just created into the registry and bling!! You can now login with several user in one Yahoo! messenger. Just make sure that you uncheck the "automatic login" at Yahoo! messenger startup.

p/s: you can create uninstallation file by changing the ["Plural"=dword:] value from "00000001" to "00000000" and save it as Ym8MultiLogin_uninstall.reg .If you want to download both of the registration files by simply clicking [here]

how2.0 : Assign Folder as a Drive

Had you heard about assigning a folder as a drive? Several user may need a daily used folder as a drive that appear in "my computer". Here it's the trick;

1. Open up "command prompt" by typing "cmd" at run box
2. At "command prompt", type; "subst [drive letter] [folder path address]". eg: "subst m: d:\userfolder"
3. Hit enter and you can see [as an example a new drive: m:\ drive appear in "my computer"
4. Simple and easy huh? This assigned drive will be deactivate when you reboot your comp.
5. So, you can make an auto startup program for this assigned drive.
6. Here come the trick; Simply open up notepad and type this codes : "subst [drive letter] [folder path address]". eg: "subst m: d:\userfolder" and save it as "urfilename".bat.
7. This is a batch file that runs the command when you double-click it. "urfilename" refer to any name that you want to put. But make sure you keep the file with *.bat extension in order to make it able to be executed.
8. Then, simply copy this file to the startup folder under "start>all programs>startup"
9. This means you have just set up that batch file to runs every time the comp rebooted

How2.0 : Hide Shared Icon (hand) using registry

Step 1

Click "Start"->"Run"

Step 2

Type "regedit" then press Enter

Step 3

Navigate in registry, find the following directory: 

• "HKEY_CLASSES_ROOT\Network\SharingHandler"
  
• Data Type: REG_SZ (String Value)
  
• Value Name: (Default)

Step 4

Change the Value Data: 

• "blank"(i mean empty without any text) = To set for no shared icon
• "msshrui.dll" = To set default shared icon for Windows 9x/Me
• "ntshrui.dll" = To set default shared icon for Windows NT/2000/XP]

How2.0 : Enabling task manager

• Regedit manual deletion method

Step 1

Click "Start"->"Run"

Step 2

Type "regedit" then press Enter

Step 3

Navigate in registry, find the following directory:

"HKEY_CURRENT_USER \ Software \ Microsoft \ Windows \ CurrentVersion \ Policies\ System"

Step 4

Click at string "DisableTaskMgr" and then delete it or change the boolean value section entry from "1" to "0"

• Run the command automatically from "run" 

Step 1

Manually at "start" ->"Run", and type: 

Step 2

"REG add HKCU\Software\Microsoft\Windows\CurrentVersion\Policies\System /v DisableTaskMgr /t REG_DWORD /d 0 /f"

Step 3

Enter

P/S : you can also run this command in Command Prompt Windows. No quotation ("") should be typed in the command line.