HTML in My Heroes Profile :)
Back to My Heroes Ability
Topic: HTML in My Heroes Profile :)

Post #181
Duncan replied to TK's poston February 18, 2008 at 2:22am
Ah, ok :-) Thanks a lot, thats very helpful

Post #182
2 replies
TK wroteon February 18, 2008 at 2:23am
HUZZAH!
Every bit of HTML tag code mentioned/posted up to this point;
Text;
<b>bold</b>
<i>italicize</i>
<u>underline</u>
<font size=#>Font</font> #=1-7 (most font you see on any website is usually 2 or 3
<font type="name"> replace name with "Verdana" "Times New Roman" "Comic Book Sans" it all depends on what types of fonts you have on your computer.
<font color="color"> couple different ways to do color, html will recognize most basic/common colors such as red/white/black/blue/green /etc there is also a code to get more specific colors here; http://www.computerhope.co m/htmcolor.htm
These can all be combined! <b><font size=4 color="Green">HAPPY <i>PIZZA DAY</i></font></b>
[very important to close all of your tags, you may]
[another point is you can stick a tag anywhere and close it anywhere]
[specific to your name, you are only allowed 30 characters, at the moment, so if you see people with colored names, they usually don't have a lot of room for their actual name. Others will leave out the </font> tag and let their color 'bleed' over their feeds to. I'm pretty sure I read that Jeff/Ken stating that their going to try and allow it so html tags do not count towards the 30 character limit. That'll be cool, sick, yeah.]
<hr width="#%"> Place any number 1-100 in for the #, a straight line will go across the screen, taking into regard to how much of a percentage you used. This is usually auto-centered.
[br] Seperates lines. It's like hitting enter on your keyboard. HTML does not always automatically do this for you, so sometimes better off safe than sorry. You'll more than likely be playing around with this one a bit. (replace [ ] with < and >)
Text Placement;
<center>Centers Text</center>
<p align="left">places text on the farthest left side</p> [html does this automatically, you will rarely ever have to use this unless you say, create a table which is auto-set to Center everything already.]
<p align="right>places on text on the farthest right side</p>
Links;
<a href="url">Site</a> url=website ... using http://www.fulladdress helps make it more specific and easier to load. also you can add more to the link
<a href="url" target="_self"> [opens in window/tab already open]
<a href="url" target="_parent"> [opens in orig. tab? eh, i don't get it either]
<a href="url" target="_top"> [opens up on top of everything else]
<a href="url" target="_blank"> [opens up new tab/window]
Images;
<img src="url"> [really, that's the basic jist of it]
[if you have an image saved on your computer, easy enough to create a Flickr, Photobucket, ImageShack account, [you can google them, i know you can!] When you upload the picture, the site will give you a url that will with .jpg or .gif, something of that nature and when you put it in your web browser address, it'll only be that picture. Stick it in where it says url in the tag and you're all set!
<img src="url" width=# height=#> Holy Banana Turds Batman, My pictures is way too big! Well, how big is your pic? Let's take this generic picture everyone has seen; http://www.google.com/intl /en_ALL/images/logo.gif . Right click the picture and go to properties and it should display that it is Width:276px by Height:110px. We want to halve it for some reason! [perhaps too big to fit in your profile.] So take half of each amount and your html should look like this;
<img src="http://www.google.com/intl /en_ALL/images/logo.gif" width=138 height=55>
One more tiny thing for images; let's add some secret text just to be sneaky for no real reason
<img src="http://www.google.com/intl /en_ALL/images/logo.gif" width=138 height=55 alt="Google: Selling out the Public faster than you can say Net Neutrality"> [In those quotes, you can fit anything you want]
So let's say that link to your group just isn't enough, you want everyone to know more obviously by a ginarmous picture on your page, telling you to join.
<p align="right"><font size=4 color="Red"><b>Join the <a href="http://apps.facebook.com/a bility/group/132" target="_blank"><font color="Grey"><u>Illuminati </u></font><font color="red">!</font></p>
<center>
<hr width=75%>
[br][br][br]
<img src="http://profile.ak.facebook .com/profile5/318/72/n5742 52536_9144.jpg" alt="Rockin' Harder Than Ness!">
</a></font>
The following tags have been noted to not work;
<embed src> [movies/music]
(When you see moving pictures in people's profiles, those are actually specially create .gif's. You can find them on the Internet if you look them up. Use the <img src> tag for them.
<bg> [background.... images, colors and etc. I tried to include the body tag to make sure but it just cleared my whole profile.]
Use this link to reset your profile: http://apps.facebook.com/a bility/editProfile?name=YO URNAME&aboutme=RESET&saveC hanges=true
Use this link to reset your group:
http://apps.facebook.com/a bility/editGroupInfo?name= GROUPNAME&description=GROU PDESCRIPTION&hqLocationId= 1&needApprovalToJoin=on&sh areExpSameLoc=on&saveChang es=true
(both links provided by Jeff Witt)
Every bit of HTML tag code mentioned/posted up to this point;
Text;
<b>bold</b>
<i>italicize</i>
<u>underline</u>
<font size=#>Font</font> #=1-7 (most font you see on any website is usually 2 or 3
<font type="name"> replace name with "Verdana" "Times New Roman" "Comic Book Sans" it all depends on what types of fonts you have on your computer.
<font color="color"> couple different ways to do color, html will recognize most basic/common colors such as red/white/black/blue/green
These can all be combined! <b><font size=4 color="Green">HAPPY <i>PIZZA DAY</i></font></b>
[very important to close all of your tags, you may]
[another point is you can stick a tag anywhere and close it anywhere]
[specific to your name, you are only allowed 30 characters, at the moment, so if you see people with colored names, they usually don't have a lot of room for their actual name. Others will leave out the </font> tag and let their color 'bleed' over their feeds to. I'm pretty sure I read that Jeff/Ken stating that their going to try and allow it so html tags do not count towards the 30 character limit. That'll be cool, sick, yeah.]
<hr width="#%"> Place any number 1-100 in for the #, a straight line will go across the screen, taking into regard to how much of a percentage you used. This is usually auto-centered.
[br] Seperates lines. It's like hitting enter on your keyboard. HTML does not always automatically do this for you, so sometimes better off safe than sorry. You'll more than likely be playing around with this one a bit. (replace [ ] with < and >)
Text Placement;
<center>Centers Text</center>
<p align="left">places text on the farthest left side</p> [html does this automatically, you will rarely ever have to use this unless you say, create a table which is auto-set to Center everything already.]
<p align="right>places on text on the farthest right side</p>
Links;
<a href="url">Site</a> url=website ... using http://www.fulladdress helps make it more specific and easier to load. also you can add more to the link
<a href="url" target="_self"> [opens in window/tab already open]
<a href="url" target="_parent"> [opens in orig. tab? eh, i don't get it either]
<a href="url" target="_top"> [opens up on top of everything else]
<a href="url" target="_blank"> [opens up new tab/window]
Images;
<img src="url"> [really, that's the basic jist of it]
[if you have an image saved on your computer, easy enough to create a Flickr, Photobucket, ImageShack account, [you can google them, i know you can!] When you upload the picture, the site will give you a url that will with .jpg or .gif, something of that nature and when you put it in your web browser address, it'll only be that picture. Stick it in where it says url in the tag and you're all set!
<img src="url" width=# height=#> Holy Banana Turds Batman, My pictures is way too big! Well, how big is your pic? Let's take this generic picture everyone has seen; http://www.google.com/intl
<img src="http://www.google.com/intl
One more tiny thing for images; let's add some secret text just to be sneaky for no real reason
<img src="http://www.google.com/intl
So let's say that link to your group just isn't enough, you want everyone to know more obviously by a ginarmous picture on your page, telling you to join.
<p align="right"><font size=4 color="Red"><b>Join the <a href="http://apps.facebook.com/a
<center>
<hr width=75%>
[br][br][br]
<img src="http://profile.ak.facebook
</a></font>
The following tags have been noted to not work;
<embed src> [movies/music]
(When you see moving pictures in people's profiles, those are actually specially create .gif's. You can find them on the Internet if you look them up. Use the <img src> tag for them.
<bg> [background.... images, colors and etc. I tried to include the body tag to make sure but it just cleared my whole profile.]
Use this link to reset your profile: http://apps.facebook.com/a
Use this link to reset your group:
http://apps.facebook.com/a
(both links provided by Jeff Witt)

Post #183
1 reply
Johnny replied to TK's poston February 19, 2008 at 4:02pm
bump cough giggle
TK can you just put how <hr> just puts a line in, and then how you can change the width of it the way you mention.
TK can you just put how <hr> just puts a line in, and then how you can change the width of it the way you mention.

Post #184
1 reply
TK replied to Johnny's poston February 19, 2008 at 4:25pm
i'll include it when i make it all big again when we hit another page ;) hopefully people will just read down to your post and figure it out til then

Post #185
1 reply
Johnny replied to TK's poston February 19, 2008 at 4:31pm
Yeh I fig'd, just wanted to bump but with a non-vapid post.

Post #186
1 reply
TK replied to Johnny's poston February 19, 2008 at 4:46pm
It is appreciated homie. ;)

Post #187
1 reply
John replied to TK's poston February 19, 2008 at 4:55pm
TK sorry for asking this, but I cant change my the Font in my hero name. Can you tell me why is this?

Post #188
1 reply
TK replied to John's poston February 19, 2008 at 5:35pm
Try Resetting it really quick then try again.
and you also have to make sure you are using the right paramaters;
if say you have <font size=8> that's not going to fly
<font color=X> the X has to be a proper hexidecimal code or a vague enough name for the system to figure out... so 'blue' instead of 'sea green mixed with sky blue'
<font type=""> only seems to accept most basic inputs such as Times New Roman, Verdana and the such... has anyone tried Comic Sans? There's not a lot you can do with that one
or are you having a different font issue?
and you also have to make sure you are using the right paramaters;
if say you have <font size=8> that's not going to fly
<font color=X> the X has to be a proper hexidecimal code or a vague enough name for the system to figure out... so 'blue' instead of 'sea green mixed with sky blue'
<font type=""> only seems to accept most basic inputs such as Times New Roman, Verdana and the such... has anyone tried Comic Sans? There's not a lot you can do with that one
or are you having a different font issue?

Post #189
1 reply
John replied to TK's poston February 19, 2008 at 6:06pm
I understand perfectly the hexa code thing, and all the other things.
Lets say I input this:
<font size=2 color='#348781' type='Comic Sans'> blah blah </font>
there is anything wrong in what Ive written? (notice Ive been having problems only with font type)
Lets say I input this:
<font size=2 color='#348781' type='Comic Sans'> blah blah </font>
there is anything wrong in what Ive written? (notice Ive been having problems only with font type)

Post #190
TK replied to John's poston February 20, 2008 at 1:25am
font type is the only code everyone's been having a problem with, so it really comes down to just not having a lot of options at all; sticking to times new roman.... hell, i haven't even tried verdana yet... i haven't seen anyone say otherwise yet

Post #191
1 reply
TK wroteon February 20, 2008 at 5:53pm
bumpity bump bump
Post deleted on February 20, 2008 at 6:20pm

Post #193
1 reply
TK replied to Scott's poston February 20, 2008 at 7:28pm
Appears everyone is...i just wouldn't mess with the font type for now outside of the description
Post deleted on February 21, 2008 at 6:22am

Post #195
1 reply
TK replied to Scott's poston February 21, 2008 at 10:18am
cool, i'll include details on span in the next one
i was just trying to keep it easy and simple, which i find the font tag to be
i was just trying to keep it easy and simple, which i find the font tag to be

Post #198
1 reply
Daniel replied to TK's poston February 21, 2008 at 11:37am
How do i put an image as a backgroud so i can put my text on it ?

Post #199
1 reply
TK replied to Daniel's poston February 21, 2008 at 12:29pm
most bg [background] tags are restricted
you can, however use tables
most obviously, you start with this
<table>
</table>
and you put stuff inbetween it
important are the <th> <td> and <tr> tags
<th> is implemented to be more of a header for a table, although isn't always neccesary
<td>creates columns and <tr>creates rows
border places a line around your table, putting a number in the quotes determines thickness, 1 being the lowest
cellpadding determines the thickness of the lines inside the table
but back to your subject
<table border="1" cellpadding="1" bgcolor="red">
<tr> <th>Go</th> <th>For It!</th> </tr>
<tr> <td>All</td> <td>Night Long!</td> </tr>
<tr> <td>Television</td> <td>Rules The Nation</td> </tr>
</table>
that gets you color; i'll let you mess around with that
<table border="1" cellpadding="1" background="url">
<tr> <th>Go</th> <th>For It!</th> </tr>
<tr> <td>All</td> <td>Night Long!</td> </tr>
<tr> <td>Television</td> <td>Rules The Nation</td> </tr>
</table>
replace replace url with the link to your image and you're set
have fun
you can, however use tables
most obviously, you start with this
<table>
</table>
and you put stuff inbetween it
important are the <th> <td> and <tr> tags
<th> is implemented to be more of a header for a table, although isn't always neccesary
<td>creates columns and <tr>creates rows
border places a line around your table, putting a number in the quotes determines thickness, 1 being the lowest
cellpadding determines the thickness of the lines inside the table
but back to your subject
<table border="1" cellpadding="1" bgcolor="red">
<tr> <th>Go</th> <th>For It!</th> </tr>
<tr> <td>All</td> <td>Night Long!</td> </tr>
<tr> <td>Television</td> <td>Rules The Nation</td> </tr>
</table>
that gets you color; i'll let you mess around with that
<table border="1" cellpadding="1" background="url">
<tr> <th>Go</th> <th>For It!</th> </tr>
<tr> <td>All</td> <td>Night Long!</td> </tr>
<tr> <td>Television</td> <td>Rules The Nation</td> </tr>
</table>
replace replace url with the link to your image and you're set
have fun

Post #201
Rajin wroteon February 21, 2008 at 4:20pm
http://apps.facebook.com/a bility/profile/737559
Just a few colored words, nothing special...But pay more attention to the backstory...it's unlike ANY other I've seen...
Just a few colored words, nothing special...But pay more attention to the backstory...it's unlike ANY other I've seen...

Post #202
1 reply
Nick replied to TK's poston February 21, 2008 at 4:28pm
Do you have any idea how this person's name was done?
http://apps.facebook.com/a bility/profile/885159
Is it 1 code, or a different code for every letter?
http://apps.facebook.com/a
Is it 1 code, or a different code for every letter?

Post #203
2 replies
Stewart replied to Nick's poston February 21, 2008 at 5:52pm
It appears to be one color per letter.... I like it.
Did you check out the group she's in?
http://apps.facebook.com/a bility/group/14865
Either its cheating to the visibly extreme, or everyone decided to name themselves the same hero name AND facebook name.
BTW, I've seen group and hero names with a background color and cool borders and such... is that done with the table command?
Did you check out the group she's in?
http://apps.facebook.com/a
Either its cheating to the visibly extreme, or everyone decided to name themselves the same hero name AND facebook name.
BTW, I've seen group and hero names with a background color and cool borders and such... is that done with the table command?

Post #204
TK replied to Stewart's poston February 21, 2008 at 6:07pm
heh, actually, that level of html is beyond me, i've never actually seen how to do it
but what you are looking at is a clone
one the front of the heroe's app you may have noticed this note from ken;
"Policy on Cheaters - We're working on a formalized policy which expressly prohibits any form of cheating. Cheating includes 1) scripting, 2) creating fake accounts, and 3) other tactics to game exp."
Each of those clones has specific benefiical abilities that they give to their 2 group members so they always have buffs to level quickly and be more dangerous in FFA. The fact they were stupid enough to put them all in the same group was actually pretty, for the lack of a better word, retarded, since it is that much easier to track them. There will be a ban of these practices relatively soon.
but what you are looking at is a clone
one the front of the heroe's app you may have noticed this note from ken;
"Policy on Cheaters - We're working on a formalized policy which expressly prohibits any form of cheating. Cheating includes 1) scripting, 2) creating fake accounts, and 3) other tactics to game exp."
Each of those clones has specific benefiical abilities that they give to their 2 group members so they always have buffs to level quickly and be more dangerous in FFA. The fact they were stupid enough to put them all in the same group was actually pretty, for the lack of a better word, retarded, since it is that much easier to track them. There will be a ban of these practices relatively soon.

Post #205
1 reply
James replied to Stewart's poston February 21, 2008 at 8:31pm
like this or what
http://apps.facebook.com/a bility/group/63
post an example
there is a 255 character limit to htmil, but yes I too think the gradient is per letter
<FONT color="#dc1400">J</FONT><F ONT color="#dc2800">a</FONT><F ONT color="#dc3c00">m</FONT><F ONT color="#dc5000">e</FONT><F ONT color="#dc6400">s</FONT> <FONT color="#dc8c00">M</FONT><F ONT color="#dca000">a</FONT><F ONT color="#dcb400">y</FONT><F ONT color="#dcc800">s</FONT><B R>
unless they went to a site where you can pay for a coded formula which is much shorter
http://apps.facebook.com/a
post an example
there is a 255 character limit to htmil, but yes I too think the gradient is per letter
<FONT color="#dc1400">J</FONT><F
unless they went to a site where you can pay for a coded formula which is much shorter

Post #206
1 reply
Stewart replied to James's poston February 21, 2008 at 9:35pm
Yeah, how do you do something like that?

Post #207
1 reply
Stewart replied to Stewart's poston February 21, 2008 at 9:35pm
I mean not the colors, but the whole background color and symbol and all.

Post #208
1 reply
TK replied to Stewart's poston February 22, 2008 at 1:29am
mr.ben duncan is just a genious
there isn't that much more to it
if you use a combination of everything you read above, it is technically plausible
there isn't that much more to it
if you use a combination of everything you read above, it is technically plausible

Post #209
1 reply
Ben replied to TK's poston February 22, 2008 at 3:07am
aww I really really am aren't I?
:P
No just kidding I'm actually full of shit.
Anyway I used a combination of photoshop, html, and tables to create the group page.
No biggie.
Just ask on what exactly you need help on for designs or whatever.
:)
:P
No just kidding I'm actually full of shit.
Anyway I used a combination of photoshop, html, and tables to create the group page.
No biggie.
Just ask on what exactly you need help on for designs or whatever.
:)

Post #210
1 reply
Stewart replied to Ben's poston February 22, 2008 at 8:03am
I appreciate the help :)
Basically, I know how to use basic HTML, but I've tried using a table in the group/hero name and it doesn't seem to work.
So how were you able to create your group name?
Thanks
Basically, I know how to use basic HTML, but I've tried using a table in the group/hero name and it doesn't seem to work.
So how were you able to create your group name?
Thanks
