I know that everyone isn't a web designer on here or don't want to be one, but like going on PWNED.com and would like to make their profile a bit more dynamic and or cleaner. I know my profile isn't perfect or would win the best looking profile award, but here are some codes and easy steps on getting your profile too look more awesome looking.

DISCLAIMER: Your responsible for what you post on your page and I do not mean to abuse your profile with the codes I post on here to use on your page and make your page ugly. I am not a moderator or admin of the site so don't ask any questions to me about features of the edit page or if you can use these codes on your friends list or game list. Results may very from browser. You can see these codes being used on my profile.


JUMP AROUND
So you want to jump a sector of your profile with links on your header? Well lets do so!

1. Go in your Edit BIO and in header add this into the edit box where you want the link to appear:
<a href="#432">Sector</a>

You can change the word "Sector" to something else like. About Me or something else.

2. Now in your About Me Edit Box enter this where you want the user to jump to:
<a href="432"></a>

So when the user clicks the link the user will jump to that sector of your page. Mental Note: Do not add "#" in the name area in href. Be sure to change the numbers 432 to something else so the user can jump to more places on your page.


LINES ACROSS THE PAGE
So you want to add lines across you page to make it look more organized?

1. Go in your Edit BIO page and in any edit box just add this where you want that line to go.
<hr>

The results may very depending where you put the code.


Page Inside Your Page? - Note this won't work on PWNED.com
So lets say you want to post a different site's page of a Article or game, but don't know how. Sound difficult or I sound high? Try it out!

1. Go in your Edit BIO page and under About Me or what ever enter in this code:
<iframe src="http://www.google.com" width="400px" height="200px"></iframe>

Notes: in "src" you can change the google url to something else, just go to your favorite page or what ever and in your address bar copy and paste the url in src over the google address in your Edit BIO page. Then you can change the height and width by pixels by course the hight and width areas.

Creating A Scrolling Area In Your Profile.

1. Go in your EDIT BIO page and where you want this feature to be added to your section add this up top of your section. Copy and paste the first div code and then add the </div> at the end of your section.

<div style="overflow: auto; height: 500px; width: 70%;">

Hello Guys!
</div>

Smilies!
Want some smilies on your page. Since pwned.com doesn't have a smilies system on the profiles we need to make one. So look for a smilies site. I prefer this one.

Then look for a smile you want and right click on the smiley and goto copy location. Then create a image tag under your edit BIO page in where you want it put this:

<img src="">

Then between the two right click and "paste" the location.

If you wanted to use a large image as a smile but was too big. Add this after img.

width="10px" height="10px"


If you have any questions or want assistance with html be sure to ask on this thread or message me. If you liked this tutorial be sure too add me to your friends list!

I have a good list of html tutorials on my search engine. Some of the good tutorials are listed on the bottom so don't give up so fast on finding a good page.







_______________________

this is awesome, the only thing is you cant put iframes in the page, security reasons :/

Oh that stinks, oh well atleast the content inside your own page works pretty well. I just did the iframe from experience and didn't really test it. Also I am using some of these examples on my profile. So just a FYI if some of you want to see it in action. :) Got to go!

_______________________

To get something like an IFRAME you can do <div style="height:250px;overflow:auto;">[Your Content]</div>. Not exactly the same, but it gives the semblance.


"Those who say they don't fear Death are either Lying or Insane. Which am I?"
-Hades
God of the UnderWorld as well as the Erratics

Technically, an Iframe is an html doc diplayed inside a box on a page. Like if you wanted to show another website on your page or some other type of material.
Scroll boxs and Iframes are two different things that seem to get confused lately since Myspace turned everyone into html/css jockeys.

But nice tut all the same.

To get something like an IFRAME you can do <div style="height:250px;overflow:auto;">[Your Content]</div>. Not exactly the same, but it gives the semblance.

Ah, did you read the hole tutorial there buddy? I already mentioned how to do this.

Creating IFRAME On My Page Of A Section?

1. Go in your EDIT BIO page and where you want this feature to be added to your section add this up top of your section. Copy and paste the first div code and then add the </div> at the end of your section.

<div style="overflow: auto; height: 500px; width: 70%;">

Hello Guys!
</div>

But thanks anyways for contributing to the thread.
@ Cyst.Ums

Thanks for the facts man! ;)

I changed the title of the scrolling box tutorial and added a notice of the iframe tutorial.

_______________________

Actually just skimmed it and made an assumption from your's and pwned(mod-ular)'s replies. Just got overzealous and wanted to reply back with a solution. That'll learn me to make an assumption. It always makes an ass out of 'u' and 'mption'. Who ever 'mption' is. :)


"Those who say they don't fear Death are either Lying or Insane. Which am I?"
-Hades
God of the UnderWorld as well as the Erratics