Adding Htmls

Trekking around the web I came across a bunch of html codes to play around with web pages. With a little bit of tinkering they create pretty fun add-ons I thought. Most people will already know these codes but if like me, you didn't, here's some below that might be of use. I linked to this rather than post directly because of the codes not posting properly. ...also, having some seriously nerdy tendencies and a dodgey love of my computer, I love this kind of thing, so I'd be interested in any bits and pieces others might have to share. No worries if not. Peace, HiShoki

To Add a background colour - Select the colour of your choice from a any colour chart website eg. http://www.webmonkey.com/reference/Color_Charts http://websitetips.com/colorcharts/weinman/hue/ http://websitetips.com/colorcharts/jakobson/ http://www.computerhope.com/htmcolor.htm - Copy the colour name of your choice into the empty space of the code below (the # is already inserted so just use the letters and numbers). The examples below are for a light blue and a light pink.
>

The blank code without a colour value inserted.



- Now copy your colour background code into your spiritual lightworker profile section of your page. Submit to save.

To Add a Picture / Photo as your background - Select the photo of your choice from any website. If you go to photobucket or Flickr for eg. the photo 'URL is already given to you. - But if you find a picture elsewhere: Right click on the picture Go to 'Properties' The Properties box will appear Where it says 'Address (URL) is where the picture is stored. Highlight and copy this URL. (If you want to make sure paste the URL into your browsers address bar and the photo alone should appear on a blank page)

- Insert the URL into the empty space of the code below:
>

is the blank code; without the URL

Eg. - Now copy your colour background code into the 'spiritual lightworker profile' section of your page. Submit to save.

To Add Youtube videos - Most Youtube videos have an 'Embed' code on the info panel on the right hand side. - Copy this code and insert it into a comment box for eg. or other parts of your page eg. favourite books, spiritual interests etc. - The code looks similar to this:

To Add Pictures / Photos (Same as adding a photo/picture background except the code is different)

- Select the photo of your choice from any website. If you go to photobucket or Flickr for eg. the photo 'Embed' codes are already given to you. They look similar to this: - Insert the code for the picture of your choice into a comment box or sections of your page eg. The Intro text box, spirtual lightworker profile. - But if you find a picture elsewhere: Right click on the picture Go to 'Properties' The Properties box will appear Where it says 'Address (URL) is where the picture is stored. Highlight and copy this URL.

(If you want to make sure paste the URL into your browsers address bar and the photo alone should appear on a blank page) - The code below has 4 blank values that you need to insert information into - between the 1st and 2nd quote marks, 3rd and 4th, 5th and 6th and finally 7th and 8th. - Insert the URL into the empty space between the 1st and 2nd quote marks into the code below:

Eg. - You can adjust the size of your pictures by adding number values in the 'width' (between 3rd and 4th quote marks and 'height' (between 5th and 6th quote marks). The above eg. has a 200 by 250 size. You can try out different sizes by increasing or decreasing eg. 300 by 400 or 100 by 200, pretty much whatever you like. Don't forget that the quality of the photo will alter when you change the width and height proportions. Make sure you don't stretch it out of shape or reduce the clarity too much. - Between the 7th and 8th quote marks insert a name for the picture. The picture may already have a name or you can rename it whatever you like. The above eg. is called 'greensun' - Copy the whole code into a comment box or into section of your page, eg. spriitual lightworker profile, spritual interests, favourite books etc.

To Add your own photos / pictures -Somewhere like Flickr is useful to open an account to upload and store photos etc. as this provide all the upload info; embed codes, URLs etc. in an easy to access format. - Once you've stored your stuff online you can use the same method as above to add your photos and pictures to your page or comment boxes and adjust the size as you like. Don't forget that the quality of the photo will alter when you change the width and height proportions. Make sure you don't stretch it out of shape or reduce the clarity too much.

Adding Marquee words/objects scrolling down - Don't worry if the codes below look tediously long etc. It's not too bad. And there are only a few things that need changing. Unless you want to go full out and change spacing between words etc. (I stuck with the basic model pretty much. - This is the code for only the left side marquee words/objects scrolling down the page (they can be annoying to anyone leaving you a comment on the right side, otherwise). This isn't a blank code; I left words and objects in the code to show where you would insert your own stuff because blank spaces weren't so clear to see in this instance.

<marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:130px; top:150px; width:160px; height:548px;"><span style="color: ! important;">Peace☺ <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:177px; top:170px; width:160px; height:388px;"><span style="color: ! important;">Love∞ <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:225px; top:190px; width:160px; height:324px;"><span style="color: ! important;">Om ☺ <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:265px; top:180px; width:160px; height:499px;"><span style="color: ! important;">SoulLove∞ <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:325px; top:160px; width:160px; height:411px;"><span style="color: ! important;">Hello <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:239px; top:190px; width:160px; height:251px;"><span style="color: ! important;">HiShoki☼ - Open your 'Character map' (press your Start button > Programs > Accessories > System tools > Character map) Not all fonts work, so it's trial and error if you want to add less common objects. Generally 'Arial' characters work well for this code though. -Select and copy the characters that you want, for eg. Om ☺ as above, and paste over the pink highlighted parts - The numbers highlighted in red, above are to alter the spacing. You can adjust these up and down to suit the characters that you choose. You would need to adjust left, top, width and height for each word. - Once you've inserted all the characters you want into the above code, copy the whole thing and paste it into your 'spiritual lightworker profile'. That should hopefully work ok. (If you want to scroll up change the 'down' part to 'up' in whichever one you choose) -------------------------------------------------------------------------------- This is the lengthy code to add them across an entire web page, in this forum or elsewhere. Again it looks seriously tedious but as before there isn't that much to alter.

<marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:130px; top:150px; width:160px; height:548px;"><span style="color: ! important;">Peace☺ <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:177px; top:170px; width:160px; height:388px;"><span style="color: ! important;">Love∞ <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:225px; top:190px; width:160px; height:324px;"><span style="color: ! important;">Peace☺ <marquee behavior="scroll" direction="down" scrollamount="5"

style="position:absolute; left:265px; top:180px; width:160px; height:499px;"><span style="color: ! important;">Love∞ <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:325px; top:160px; width:160px; height:411px;"><span style="color: ! important;">Peace☺ <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:239px; top:190px; width:160px; height:251px;"><span style="color: ! important;">☼ <marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:141px; top:150px; width:160px; height:221px;"><span style="color: ! important;">Love∞ <marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:289px; top:170px; width:160px; height:230px;"><span style="color: ! important;">Peace☺ <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:108px; top:230px; width:160px; height:241px;"><span style="color: ! important;">Love Click here to get Falling Objects <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:370px; top:190px; width:160px; height:386px;"><span style="color: ! important;">Hello! <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:394px; top:150px; width:160px; height:484px;"><span style="color: ! important;">Om <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:430px; top:170px; width:160px; height:442px;"><span style="color: ! important;">Love∞ <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:475px; top:200px; width:160px; height:423px;"><span style="color: ! important;">Peace☺ <marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:559px; top:170px; width:160px; height:541px;"><span style="color: ! important;">☼ <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:580px; top:200px; width:160px; height:423px;"><span style="color: ! important;">☺ <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:533px; top:170px; width:160px; height:385px;"><span style="color: ! important;">∞ <marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:614px; top:200px; width:160px; height:332px;"><span style="color: ! important;">Peace <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:651px; top:250px; width:160px; height:386px;"><span style="color: ! important;">Om <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:684px; top:290px; width:160px; height:514px;"><span style="color: ! important;">Joy <marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:658px; top:180px; width:160px; height:247px;"><span style="color: ! important;">Love <marquee behavior="scroll" direction="down" scrollamount="1"

style="position:absolute; left:694px; top:160px; width:160px; height:216px;"><span style="color: ! important;">Light <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:738px; top:200px; width:160px; height:392px;"><span style="color: ! important;">SoulLove <marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:753px; top:150px; width:160px; height:544px;"><span style="color: ! important;">☼ <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:800px; top:180px; width:160px; height:404px;"><span style="color: ! important;">Peace

To Add a scrolling Marquee (Right / left) in a box - To change the colours select from a colour chart (as before) then insert: To change the text colour replace the 1st pink highlighted part and for the box background change the 2nd one. - 'left' scrolls left to right. You can change this to 'right' to scroll right to left. - Change wow this is nerdy but cool! to whatever you want. - You can also align it left or right instead of 'center' - Loop is the number of times you want it to scroll before it stops.

To Add a scrolling Marquee Up and down in a box - As before adjust the pink bits as you like it.