ThatGuyCharlie | Charlie Mathews Blog & Portfolio » How To

How to Create a CSS Stylesheet

Charlie — Tue, 29 Dec 2009 06:01:47 +0000

Although simple, this is a question I’ve been asked numerous times by learner developers. This “tutorial” assumes you have also never created a html and css webpage before because the two facets are so closely linked.

About

Firstly, you need to understand what CSS is. CSS stands for Cascading StyleSheet and it is the key element of web development. CSS is used to tell a webpage how you want it to look. It can be used to define id’s, classes, and other html elements.

You can load a stylesheet in html using this code:

Example

Now, an example. Create a new file in notepad or a similar text editor and save it as style.css to a folder on your computer. Repeat this and create another file called index.html and save it to the same folder as your style.css file. Open your index.html in a text editor and add this code:

My First Webpage

Sample Text

As you can see, we have added a

element with a class of “mybox”. Now, open your style.css and add the div class by typing this code.

.mybox {

width: 100px ;

height: 100px;

background-color: #000000 ;

}

Save your style.css and index.html.

Explanation

What you have just done is told the “mybox” class to be 100 pixels high by 100 pixels wide with a background color of black (which is the same as #000000). Double click index.html and it will open in your default web browser. See your black box? Pretty cool, hu?

There are hundreds of ways and commands you can use in CSS so I’d recommend reading more about CSS at W3Schools. Have fun!

How to Display Dymanicly Timed Content using Javascript

Charlie — Sat, 12 Dec 2009 23:11:34 +0000

I’ve spent many a long hour playing with this javascript to make it work seamlessly. You can see the results, daily, on my website.

If you want to change your website background depending on the time of day you will need this specific code. Otherwise, make sure to read till the bottom so you understand and don’t come back to me asking why it isn’t working for you.

Nighttime on ThatGuyCharlie

Daytime on ThatGuyCharlie

Copy this text into your webpage before the tag.

Ok now, if you didnt understand that, here’s what’s happening.

now = new Date

Here we obtain the date from the user’s computer

if (now.getHours() < 4) {
document.write(“

“)
}

This bit of code says that if the hour of the day is before four o’clock AM, then print the css background style for night-time.

else if (now.getHours() < 10) {
document.write(“

“)
}

Again, this does the same, but checks to see if it is before 10 o’clock.

else if (now.getHours() < 24)

Remember to have this last part of your code so the script knows what to do up till midnight. The first code which defines “< 4" will only display the specified content from zero o'clock until 4 o'clock so to display content till midnight, you must have "< 24".

You can use this code and copy in different content to display at any time of the day by changing the hours. If you didn’t understand any of that, don’t worry! Test out the code at the top on your web-page and see if you can make it work. If not, comment below and I will try to help you out.

If you want to display symbols like apostrophes ” and backward slashes \ make sure to put a “\” before each one so that java-script recognizes it and dosen’t mess up your code.

Example of the WRONG way:

document.write(“hi! my friend said “I am going to the store ““);

Example of the RIGHT way:

document.write(“hi! my friend said \”I am going to the store\”“);

How To: JS Bookmark Script

Charlie — Wed, 11 Nov 2009 20:25:09 +0000

This easy to implement Javascript bookmark script takes advantages of JS technology to provide functionality in most popular browsers like Internet Explorer and Firefox.

Put this between the tags of your webpage.

Put this anywhere between the tags.

How To: Complete List of Windows Vista Hotkeys

Charlie — Fri, 23 Oct 2009 21:06:01 +0000

Most of the Windows Vista keyboard shortcuts or hotkeys in this guide are applicable to other Windows OS too, such as Windows 2003, Windows XP, Windows 2000, etc.

For offline reference, you can always refer to Window Vista built-in Windows Help And Support, where I copy and post this so-called complete set of Windows Vista keyboard shortcut!

Windows keyboard shortcuts, or Windows Hotkeys, require one to press 2 or more keys at the same time to trigger a Windows task that will otherwise require few mouse movements and mouse clicks to complete.

By using some of these Windows Vista keyboard shortcuts for commonly used functions will greatly enhance your experience with Windows Vista – it is more convenient, speedy, and efficient than moving and clicking pointing device here and there!

Keyboard shortcut to turn on / off Window Vista Ease Of Access features

Right SHIFT for eight seconds: Turn on / off the Filter Keys feature – used to ignore or slow down brief or repeated keystrokes and adjust keyboard repeat rate.
Left ALT + left SHIFT + PRINT SCREEN: Turn on / off High Contrast feature – try to see it yourself
Left ALT + left SHIFT + NUM LOCK: Turn on / off Mouse Keys feature – use the numeric keypad to move a mouse pointer
SHIFT five times: Turn on / off Sticky Keys feature – used to define pressing hotkey one at a time (for example, CTRL + ALT + DEL)
NUM LOCK for five seconds: Turn on / off Toggle Keys feature – used to alert an audible sound when CAP LOCK, SCROLL LOCK, or NUM LOCK is pressed.
Windows + U: Open the Windows Vista Ease Of Access dialog box

General keyboard shortcuts or hotkey in Windows Vista

F1: Display help page
F2: Rename the selected item
F3: Search for a file or folder
F4: Display the Address bar list in Windows Explorer
F5: Refresh the active window
F6: Cycle through screen elements in a window or on the desktop
F10: Activate the menu bar in the active program
CTRL + C: Copy the selected item
CTRL + X: Cut the selected item
CTRL + V: Paste the selected item
CTRL + Z: Undo the last committed action
CTRL + Y: Redo the last undo action
DELETE: Delete the selected item and move it to Windows Recycle Bin
SHIFT + DELETE: Delete the selected item without save it into Windows Recycle Bin
CTRL + RIGHT ARROW: Move the cursor to the beginning of the next word
CTRL + LEFT ARROW: Move the cursor to the beginning of the previous word
CTRL + DOWN ARROW: Move the cursor to the beginning of the next paragraph
CTRL + UP ARROW: Move the cursor to the beginning of the previous paragraph
CTRL + SHIFT with an arrow key: Select a block of text
SHIFT with any arrow key: Select more than one item in a window or on the desktop, or select text within a
document
CTRL with any arrow key + SPACE BAR: Select multiple individual items in a window or on the desktop
CTRL + A: Select all items in a document or window
ALT + ENTER: Display properties for the selected item
ALT + F4: Close the active item, or exit the active program. When Vista Desktop is the active window, this hotkey fire up the classic Shutdown Windows dialog box.
ALT + SPACE BAR: Open the shortcut menu for the active window
CTRL + F4: Close the active document (in programs that allow you to have multiple documents open simultaneously, such as Microsoft Word 2007 or any MDI program)
ALT + TAB: Switch between open items
CTRL + ALT + TAB: Use the arrow keys to switch between open items
CTRL + Mouse scroll wheel: Change the size of icons on the desktop
Windows + TAB: Cycle through programs on the taskbar by using Windows Flip 3D
CTRL + Windows + TAB: Use the arrow keys to cycle through programs on the taskbar by using Windows Flip 3D
ALT + ESC: Cycle through items in the order in which they were opened
SHIFT + F10: Display the shortcut menu for the selected item
CTRL + ESC: Open the Start menu
ALT + underlined letter: Display the corresponding menu, perform the menu command (or other underlined command
RIGHT ARROW: Open the next menu to the right, or open a submenu
LEFT ARROW: Open the next menu to the left, or close a submenu
ALT + UP ARROW: View the folder one level up in Windows Explorer
ESC: Cancel the current task
CTRL + SHIFT + ESC: Open Task Manager
SHIFT when you insert a CD: Prevent the CD from automatically playing

Dialog box keyboard shortcuts or hotkeys in Windows Vista

CTRL + TAB: Move forward through tabs
CTRL + SHIFT + TAB: Move back through tabs
TAB: Move forward through options
SHIFT + TAB: Move back through options
ALT + underlined letter: Perform the command (or select the option) that goes with that letter
ENTER: Replaces clicking the mouse for many selected commands
SPACEBAR: Select or clear the check box if the active option is a check box
Arrow keys: Select a button if the active option is a group of option buttons
F1: Display Help
F4: Display the items in the active list
BACK SPACE: Open a folder one level up if a folder is selected in the Save As or Open dialog box

Microsoft (Windows) keyboard hotkey

What is a Microsoft (Windows) keyboard?

If your found a Windows Logo key that sit in between CTRL and ALT keys, then it’s considered a Windows (Windows) keyboard. So, the Windows key is referring to this additional key that labeled with Windows logo.

Windows: Open or close the Start menu
Windows + PAUSE: Display the System Properties dialog box, where you will see the Windows Vista Experience Index
Windows + D: Display the desktop
Windows + M: Minimize all windows
Windows + SHIFT + M: Restore minimized windows to the desktop
Windows + E: Open My Computer
Windows + F: Search for a file or folder
CTRL + Windows + F: Search for computers (if you are on a network)
Windows + L: Lock your computer or switch users
Windows + R: Open the Run dialog box
Windows + T: Cycle through programs on the taskbar
Windows + TAB: Cycle through programs on the taskbar by using Windows Flip 3D
CTRL + Windows + TAB: Use the arrow keys to cycle through programs on the taskbar by using Windows Flip 3D
Windows + SPACE BAR: Bring all gadgets to the front and select Windows Sidebar
Windows + G: Cycle through Windows Sidebar gadgets
Windows + U: Open Ease of Access Center
Windows + X: Open Windows Mobility Center
Windows with any number key: Open the Quick Launch shortcut that is in the position that corresponds to the number. For example, Windows + 1 to launch the first shortcut in the Quick Launch menu.

Windows Explorer keyboard shortcut / hotkey in Windows Vista

CTRL + N: Open a new window
END: Display the bottom of the active window
HOME: Display the top of the active window
F11: Maximize or minimize the active window
NUM LOCK + ASTERISK (*) on numeric keypad: Display all subfolders under the selected folder
NUM LOCK + PLUS SIGN (+) on numeric keypad: Display the contents of the selected folder
NUM LOCK + MINUS SIGN (-) on numeric keypad: Collapse the selected folder
LEFT ARROW: Collapse the current selection (if it is expanded), or select the parent folder
ALT + LEFT ARROW: View the previous folder
RIGHT ARROW: Display the current selection (if it is collapsed), or select the first subfolder
ALT + RIGHT ARROW: View the next folder
CTRL + Mouse scroll wheel: Change the size and appearance of file and folder icons
ALT + D: Select the Address bar

Windows Sidebar keyboard shortcut / hotkeys in Windows Vista

Windows + SPACEBAR: Bring all gadgets to the front and select Sidebar
Windows + G: Cycle through Sidebar gadgets
TAB: Cycle through Sidebar controls

Windows Photo Gallery keyboard shortcuts / hotkeys in Windows Vista

CTRL + F: Open the Fix pane
CTRL + P: Print the selected picture
ENTER: View the selected picture at a larger size
CTRL + I: Open or close the Details pane
CTRL + PERIOD (.): Rotate the picture clockwise
CTRL + COMMA (,): Rotate the picture counter-clockwise
F2: Rename the selected item
CTRL+E: Search for an item
ALT + LEFT ARROW: Go back
ALT + RIGHT ARROW: Go forward
PLUS SIGN (+): Zoom in or resize the picture thumbnail
MINUS SIGN (-): Zoom out or resize the picture thumbnail
CTRL + Mouse scroll wheel: Change the size of the picture thumbnail
CTRL + B: Best fit
LEFT ARROW: Select the previous item
DOWN ARROW: Select the next item or row
UP ARROW: Previous item (Easel) or previous row (Thumbnail)
PAGE UP: Previous screen
PAGE DOWN: Next screen
HOME: Select the first item
END: Select the last item
DELETE: Move the selected item to the Recycle Bin
SHIFT + DELETE: Permanently delete the selected item
LEFT ARROW: Collapse node
RIGHT ARROW: Expand node

Windows Photo Gallery keyboard shortcuts / hotkeys to work with video files in Windows Vista

J: Move back one frame
K: Pause the playback
L: Move forward one frame
I: Set the start trim point
O: Set the end trim point
M: Split a clip
HOME: Stop and rewind all the way back to the start trim point
ALT + RIGHT ARROW: Advance to the next frame
ALT + LEFT ARROW: Go back to the previous frame
CTRL + K: Stop and rewind playback
CTRL + P: Play from the current location
HOME: Move the start trim point
END: Move to the end trim point
PAGE UP: Seek to nearest split point before the current location
PAGE DOWN: Seek to nearest split point after the current location

Keyboard shortcuts / hotkeys to work with Windows Vista Help And Supports

ALT+C: Display the Table of Contents
ALT+N: Display the Connection Settings menu
F10: Display the Options menu
ALT + LEFT ARROW: Move back to the previously viewed topic
ALT + RIGHT ARROW: Move forward to the next (previously viewed) topic
ALT + A: Display the customer support page
ALT + HOME: Display the Help and Support home page
HOME: Move the to beginning of a topic
END: Move to the end of a topic
CTRL + F: Search the current topic
CTRL + P: Print a topic
F3: Move to the Search box

Replace Form Buttons with Images

Charlie — Tue, 25 Aug 2009 21:54:20 +0000

“Replace the Form submit button with an image”

When designing a form with a submit button, how do you utilize an image for the button instead of using a plain ol’ grey box?

No problem, just use this code:

Speed Hacking in Halo 2

Charlie — Fri, 14 Aug 2009 13:44:07 +0000

Speed hacking is the #1 annoyance among all Halo 2 Vista multiplayer fans. Little do ordinary players know that speed hacking just serves sheer fun, although it [may] pose a large disadvantage. PLEASE do not over use this and USE IT AT YOUR OWN RISK.

Experience the PURE FUN in speed hacking by following these steps!

1. Go to http://www.cheatengine.org and download/install the latest version of Cheat Engine
2. Start Halo 2
3. Minimize the game (this is very important). Start Cheat Engine
4. Click on the flashing button at the very top left corner of Cheat Engine
5. Search for the Halo 2 process (halo2.exe)
6. You will see many intimidating settings (hex values, etc.). Don’t worry about those. You will only need the “Enable Speedhack” option, which is located on the right of the Cheat Engine window.
7. Adjust the speed to 5 (I prefer this number. You may play with this setting, but note that a much larger number may yield server lag.)
8. If you wish to reset the speed to normal, do not set the speed to 1. Instead, exit Cheat Engine and restart Halo 2.
—-OR—–
Use a number of 1.5 (closest to normal speed IMO)

Notice that this speed hacking method does not involve altering the settings within the map itself. This method simply speeds up the Halo 2 process so EVERYTHING is sped up (the main menu, melee, reload, etc.)!!!

Good luck and have fun!

Psssst…I would suggest creating a phony Live screen name along with a fake identity!!! And don’t do it too much on the same server or you will really annoy server owners (they could ban your IP forever)!!

Cyber's Rcon Guide (Halo PC/CE/Trial)

Charlie — Fri, 14 Aug 2009 11:13:53 +0000

CYBER’S RCON GUIDE

www.VividPerfection.com

Please Note: This guide is intended for Halo Trial, Halo, and Halo Custom Edition only. Halo Trial will require console patch. Bans WILL NOT WORK in Halo Trial.

Table of Contents

Preparing to use Remote Server Control (Rcon)
How to Use Rcon
Commonly Used Commands
Default Game and Map Variants
Server Conduct Rules

Click To Download

Halo PC/CE/Trial: How to use Console

Charlie — Fri, 14 Aug 2009 11:07:03 +0000

What is console?

console is a handy little tool that is built into Halo PC – along with many other games. It is a way to manipulate settings, control the server, and even to eliminate unruly players. You must enable it before using it. However, if you’re running the full version (or Custom Edition), the console is built into the game, so ignore this first section.

Patching to Console (Trial ONLY)
A patch has been made to Halo Trial to enable the console. get it HERE!
patch “borrowed” from halotrialmods.com, where it was posted by Phenomena, who got it from sniper, who got it from nmgod.

alrighty, so here’s what to do: first, you need ppf-o-matic, and something to extract .rar files. extract the file console.rar you just downloaded above. run ppf-o-matic. set the ISO file to c:/~the halo trial folder~/halo.exe. set the patch to wherever you put console.ppf. hit patch and let ppf-o-matic do its magic. now you must enable the console.

Enabling Console (Trial, Full and CE)
go to the SHORTCUT on your desktop (not the exe) for halo (or make a new one if you wish). right click it, and choose properties. in the ‘target:’ box, it will say something like “C:\Program Files\Microsoft Games\Halo\halo.exe”

add -console to the end, so it looks like this:
“C:\Program Files\Microsoft Games\Halo\halo.exe” -console

Using Console (Trial, Full and CE)
Now, run halo BY DOUBLE CLICKING THE SHORTCUT YOU MADE (running it any other way will not load the console). Start a multiplayer game as you normally would. While in your server, type the ~/` symbol (…Below the esc key. Symbol will variate among different keyboard types. Don’t forget to hold down shift if using a United States International Keyboard). in the bottom left corner, a little pink text pops up that says something like “halo(~”

This is the console. you can do some pretty cool things. for a detailed list, go HERE

But, if you just want to ban people, here’s what you do. Type “sv_players” and it will list all of the players. remember the first number, (1 – 16) and then type “sv_kick ” and then the number. Note that this simply removes the player from the game and does not stop them from rejoining again. typing “sv_ban “(number) will stop them from rejoining, but will not kick them from the current game.

happy kicking! (and devmode’ing, etc ^_^)

Trial users should note however that since sv_ban bans based on cd hashes, and there are no hashes in halo trial, banning has no effect.

Disclaimer: I‘m not responsible for you being an idiot.

Back up your halo.exe before you patch it. And please, don’t kick people just cuz they’re better than you.

How to change a Windows user password which you don't know

Charlie — Sun, 31 May 2009 20:13:29 +0000

It’s pretty simple Windows CMD stuff…but the nubs might enjoy. If at any time CMD sayz you dont have permissions or a command just isn’t working, try running CMD from your system 32 folder as an administrator.

(1) Click Start Menu
(2) Click Run
(3) Type “cmd” without the “” and hit Return/Enter

In the black window that comes up:

(1) Type “net users” without the “”
Basically, a list of user names should come up

(2) Type: net user (your victim’s username) * (<- remember to put the * at the end)
e.g. I would type
net user Charlie *

(3) It will ask for a new password. Type and enter a new password but be warned, it will not display •••, ***, or text. (In other words, what you type is invisible.) So be sure to type it correctly the first time.
Once you hit Enter, it will again ask for the password you just typed to confirm it.

(4) (Optional) Now test the new password by going into control panel and attempting to change that user’s password and entering the password you just typed into the “old password ” field.

Tadaa! All done!
-Cyßer/Charlie

How to Run Multiple GP4 Instances

Charlie — Mon, 16 Feb 2009 11:14:33 +0000

So yeah, I guessed a few people I know might enjoy trying this out.

This glitch in GP4 can/(should) in no way harm your computer. Joining two sessions at once may lag your computer though. Just close one to regain some breathing space on your CPU.

I am not responsible for the foolish things you do as a result of reading this post.

Please Note: If your computer crashes, your hard drive get’s deleted, your email gets spammed, your user name hacked or any other such event, I simply had nothing to do with it.

Ok, now that is out of the way. Here is the method I use for opening two GP4′s. Read all the steps before trying it out so you can know what to do when your screen goes black asking for Admin Permission.

1) Put a shortcut to GP4 on your Desktop. (shortcut: the thing you double click to open GP4 )

2) Right-click and hit run as Administrator. (oh, didn’t i mension? You need to have an administrators password *or be an admin*)

3) As you hit ok on the “Program needs Permission to continue” admin box, quicky double click the gp4 short cut again on your desktop (not as administrator, so dont right click and select that).

Try to double click as many times as you want to have open. You will most likley be able to open only one extra but it is possible to open lots more.

There it is! Have fun xD