[SOLD] Razer Lachesis

I am selling my Razer Lachesis

bought on	27th August 2009 (so , less than 3 months from the date this was posted
condition	refer to photos provided , no scratches
price	$85
reason for selling	didnt do much fps gaming , so decide to sell it

if you bought it for $85 , ill throw in the razer exact rest for free

interested parties , email : davidcokro_12@hotmail.com

New Media Problem 10 HTML (HOW TO) (PART 3)

Continue From part 2

FOR THOSE WHO HAVENT READ PART 2 ARE ADVISED TO CLICK HERE

---

FORMS

---

in this section , we gonna learn how to create forms , used in survey , close ended , open ended half-closed , half-open , whatever ~

<form>
this is where your code will go
</form>

same as what you do for HTML BODY , between opening and closing put an empty space so later you can fill it

inside the forms , you have "input elements" which code looks like this

<form>
<input type="zzz" zzz zzz zzz/>
</form>

there are several types of input elements :
1.text fields ,example of

<form>
First Name : <input type="text" name="firstname"/>
</form>

First Name :

2.Buttons , example

<form>
<input type="radio" name="sex" value="GUY"/> GUY
<input type="radio" name="sex" value="GAY"/> GAY
</form>

GUY
GAY

3.Checkboxes , example

<form>
Gadgets you own
Ipod : <input type="checkbox" name="gadget" value="ipod" />
Zune : <input type="checkbox" name="gadget" value="zune" />
Both : <input type="checkbox" name="gadget" value="both" />
</form>

Gadgets you own
Ipod :
Zune :
Both :

4.Drop down menu , example

<form action="">
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

Volvo
Saab
Fiat
Audi

5.Submit the form

<form name="input" action="html_form_submit.asp" method="get">
Username:
<input type="text" name="user" />
<input type="submit" value="Submit" />
</form>

Username:

note that , the submit button we learn in this phase is nothing more than a display ... in order to learn how to gather ALL the data in a form , will be learned in the future advanced coding and is irrelevant to the current lesson

another thing that you should notice is

<form>
<input type="radio" name="sex" value="GUY"/> GUY
<input type="radio" name="sex" value="GAY""/> GAY
</form>

the word marked in red does not determine the name of the options...same goes to text fields , and checkboxes .

everything(value , name , etc) inside the INPUT ELEMENT is NOT BE DISPLAYED when you open the webpage , the ones which determine is no other than the word coloured in yellow which is a simple paragraph text.
example , this is buttons without YELLOW WORD




as you can see , the buttons didnt have any title , so the reader dont know which one to choose

EMBED

---

this is the final yet the easiest part of all , embeds ... as you have know are long long codes that makes your blog , website , etc looks nice ...
usually embed code are created by the provider , such as this :

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/oHg5SJYRHA0&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/oHg5SJYRHA0&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

this looks...MESSY , HUGE , COMPLICATED .... etc
and this is the result



dont blame me if i had a bad taste of music , its just an example ... continue ..
embed codes need not to be modified as they are super-user-friendly , you just need to copy paste the chunk of code , and thats it! it will show up exactly what you wanted .

so , with this paragraph i finish my guide for PROBLEM 10 NEW MEDIA HTML GUIDE , thanks for all readers who read this until the end , hope you can have better understanding of the subject and see you next year !! 2010 :D

New Media Problem 10 HTML (HOW TO) (PART 2)

Continue From part 1

FOR THOSE WHO HAVENT READ PART 1 ARE ADVISED TO CLICK HERE

---

PARAGRAPH

---

on this section , we will talk more about paragraph , creating lines , and breaks

SIMPLE PARAGRAPH

<p>word</p>
simple code to write a paragraph , basically when you want to type a paragraph all you need is to make <p> , type type type and close with </p> , thats all :D

BREAKS

<br /> remember there is a spacing between br and /
break the sentence , act as enter in this case . example :

<p>this is my first sentence<br />this is my second sentence</p>

will result in :

this is my first sentence
this is my second sentence

LINES

<hr /> remember there is a spacing between hr and /
hr is a line , yep a simple line . example :

<p>this is my first sentence<hr />this is my second sentence</p>

will result in

this is my first sentence

---

this is my second sentence

HEADINGS

headings , ranged from 1(biggest) to 6(smallest) in terms of size . it works the same as paragraph(<p>word</p>) , lets try couple examples for easy understanding .

this is font size used in paragraph for comparison

CODE EXAMPLE	RESULTS
<h1>word</h1>	word
<h2>word</h2>	smaller word
<h4>word</h4>	even smaller word
<h6>word</h6>	smallest word

TEXT FORMATTING

you might get used to press B for bold and I for italic (or other text formatting) but dont know what code that modifies it , this part will explain all you need to know .

CODE	RESULTS
<b>WORD</b>	BOLDED WORD
<i>WORD</i>	ITALIC WORD
<s>WORD</s> OR <strike>WORD</strike>	STRIKED WORD
<u>WORD</u>	UNDERLINED WORD
<sub>WORD</sub>	SUBSCRIPTED WORD
<sup>WORD</sup>	SUPERSCRIPTED WORD

there are lots of things you can explore on W3SCHOOLS formatting part but so far this is all needed to tackle P10 problem

STYLE

---

style are modifier for....most things that you could have imagine , it changes font size , font type , font color , etc .

usually style are located after an element , examples : <b style="~~~">text</b>
can also put styles on paragraphs , headings , etc

TO MODIFY	CODE	RESULTS
FONT COLOR	<p style="color:red">text</p>	this is a paragraph with red font color
BACKGROUND COLOR	<p style="background-color:yellow">text</p>	this is paragraph with yellow background color
TEXT SIZE	<p style="font-size:25px">word</p>	this word size is 25px

or maybe both , using combine method , example : <p style="background-color:yellow ; color:red">word</p>

this is paragraph with yellow background color and red text

if you want to check list of colors you can use , try this link to W3SCHOOLS , you dont need to remember the codes , just the exact name of the color and there you go..try experiment with some colors =D

COMMENTS

<! comment>
comments are instructions or descriptions inside the code that will not be shown/displayed when you open your HTML webpage , its main purpose is to improve code readability and understanding for those other than the author(creator)
sometimes people create messy codes , but with comments other people who read it can know whats the purpose of this part of code , etc

type this sentence below in your notepad++ and see if it is actually displayed or not in the browser(remember to replace < > with < >)
<! THIS IS A COMMENT>

LINK TO PART III

New Media Problem 10 HTML (HOW TO)

Hi readers , this is my 3rd post and this time i will write a guide on how to create a website so maybe you can have better understanding of the problem since this problem will be tested on UT2 january 2010
i assume that you have a software(notepad++) and all p10 resource to begin with

lets start with the basics , MANY html code(or what we call as "ELEMENTS") have two parts , first is "opening" and the second is "closing" . basically what you have "opened" must be "closed" , because it is not an automatic close door like those in RP entrance or 3rd floor canteen .

you might wondered hey i didnt close the code yet it displayed in my firefox / opera nicely =DDD . ok in this case the browser correct the mistakes for you , but Internet Explorer might not show your designed web page properly . so keep in mind on that


example on opening :

<u> or <b> or <p>

example on closing :

</u> or </b> or </p>

the basics are over! lets start with the real thing =D (yeah , yeah , this sucks more than it looks )

---

to start coding html , you need to tell the computer that THIS is an html file so when the computer reads your code it will said "oh ok this is HTML file and load it up"

type < html > and then < /html > on the 3rd line leaving a blank space in the middle , you will be filling up the empty space with your codes ( LOTS OF IT )

html have head and body part, metaphorically it is almost the same as human except you can modify the contents of head and body while humans not

<head> contains codes that will not be shown up , such as title , layout etc , example :

<href="WebsiteStyle.css" rel="stylesheet" type="text/css"> 
<title>HOME</title>

<body> contacts codes that if you put it will show up on the blog , example :

<img src="Website Resources\TopBanner.jpg"/>
</br> 

in the next part i will explain some common codes ( elements ) used in HTML.

---

TITLE

<title>name of title</title> usage of title is to display the name of your webpage



inside the circles are title of your webpage , the reason of using title is that to get visitor / readers to know they are in the right place / website . if there is no title the webpage will simply show UNTITLED which is not quite good for user friendliness.

---

LINK

<a href="~zzz~">name of link</a> replace ~zzz~ with a website address such as http://www.google.com
this element is called a LINK , the function is of course to link to a certain website when you click it , example
this link goes to google
remember to put the complete domain/website name (http:// include) inside the href

---

IMAGE

<img src="xxxx"/> replace the xxxx with your image source but leave the " " mark intact
to put image on your webpage , you can have internal ( inside your computer ) and external (outside your computer such as image from a certain website ) source

examples of internal source image :

<img src="Website Resources\geisha1.jpg"/>

note that for internal source , image must be in the same folder as the HTML file OR in the sub folder of the HTML file . in this case my image source is in the subfolder of the location of HTML file

examples of external source image :

<img src="http://www.w3schools.com/tags/angry.gif"/>

most browser supports many types of images such as JPEG , JPG , GIF , SVG , PNG etc

the element : <img src="xxxx"/> actually can be further modified.
such as link to specific website when clicked , photo tagging , changing the size of the photo
lets start with this "smiley"
i use external link for this one : http://www.w3schools.com/tags/angry.gif

ADDITIONAL ATTRIBUTES

1.alternate text

sometimes , a photo might failed to load when you open certain website , so in this case alternate text is needed to inform the reader what kind of image is it
<img src="xxxx" alt="tagx"/> replace tagx with any word

2.resizing photos

there are two attributes , height and width that is modifiable
to change the size simply height="size" or width="size" , also it is possible to alter both , example :

height	<img src="http://www.w3schools.com/tags/angry.gif" height="size"/>
width	<img src="http://www.w3schools.com/tags/angry.gif" width="size"/>
both	<img src="http://www.w3schools.com/tags/angry.gif" height="size" width="size"/>

note that your can enter the SIZE as exact value such as 100(means 100 pixels) or 100% (percentage of the original image size )

remember to put src first , then continue to add the attributes , it doesnt work other way around

3.image links(clickable image that links to certain website)

this method is quite common in website since people prefer to click on images rather than , say "hey click here!" (useful when you need to attract readers to click the link) . below is the google image that will link to http://www.google.com

so..how does it work? the steps are quite simple all you need is to combine image with link element

IMAGE LINK	<img src="http://iduniversity.files.wordpress.com/2009/08/google.jpg"/>
WEBSITE LINK	<a href="http://www.google.com">leave this space blank</a>
COMBINE	insert image into middle of website link , image attributes such as resize also works
	<a href="http://www.google.com"><img src="http://iduniversity.files.wordpress.com/2009/08/google.jpg"/></a>

CONTINUE TO PART II

7-zip (HOW TO)

[CREDIT GOES TO 7-ZIP Author IGOR PAVLOV]
You might wonder , why i cant open a ZIP file sent by your friend ... but now , worry not :)

This is the first post , instruction on how to use 7-zip , a free yet powerful software to open ZIP , TAR , RAR , and its own file extension 7Z

you can download it HERE and for 64-BIT Windows users download HERE
(if you dont know which one to download just click the former part)

the steps are quite simple ... install it , and thats all :)
(if you dont know how to install just double click the file downloaded and press NEXT all along the way)
below picture is an example of zip file

1st post

so , this blog is created ... but this time the blog caters for those who are interested in IT stuff ...
whether you are beginners who are looking for clues to solve simple problems on your computer or intermediate users who are curious.
welcome welcome =D