Posted by -STUCK- Kay's HTML Guide!

Seb (#3445)

Amazing
View Forum Posts


Posted on
2013-03-16 16:22:14
Lately, a lot of members have been asking for codes on the chat, so I decided to make a guide listing all of the basic codes I know!
Remember: When using codes, remove the space between the angle brackets!

TEXT


To make a header: < h1 >HEADER HERE < /h1 > Do < h2 > FOR A SMALLER HEADER < /h2 >, < h3 >FOR AN EVEN SMALLER HEADER < /h3 >, etc.
To make italic text: < i > TEXT HERE < /i >
To make bold text: < b > TEXT HERE < /b >
To make underlined text: < u > TEXT HERE < /u >
To make colored text: < font color=#HEXCODE > TEXT HERE < /font >
To make BIG and small text: < font size=SIZE HERE > TEXT HERE < /font > [ size is decided by number. 1 for the smallest text, 7 for the biggest, etc. ]
To make a link: < a href="URL HERE" > TEXT HERE< /a >
To make a highlight: < span style="background-color:#HEXCODE" > TEXT HERE < /span >

TABLES


To make a table: < div style="width:100px;height:100px;overflow:auto;border:1px solid; background:#HEXCODE;" > TEXT HERE< /div >
This is what a table looks like!


To make a columned table: < table border="NUMBER HERE" cellpadding="NUMBER HERE" cellspacing="NUMBER HERE" width="NUMBER HERE" >< tr >
< td >Column 1< /td >
< td >Column 2< /td >
< /tr >< /table >
This is what a columned table looks like!



[ all codes posted on this topic work within tables. ]

IMAGES


To make an image: < img src="URL HERE" >
Example: carcass_zebra.png
To make a resized image: < img src="URL HERE" height=HEIGHT NUMBER width=WIDTH NUMBER >
Example: carcass_zebra.png
To link an image: < a href="URL HERE" > < img src="URL HERE" > < /a >
Example: carcass_zebra.png

OTHER


To make a space: < br >

This is what < br > does!
To make a double space: < p >

This is what < p > does!





Hrt Icon 43 players like this post! Like?

Edited on 23/03/13 by Kay (#3445)

Egg (#119522)

Luscious
View Forum Posts


Posted on
2018-05-28 14:25:57
I used the table code provided, removed spaces, and changed the size so it would fit the way I wanted it to in my clan description to make a table, and I read on one of the comments on the second page that it should automatically add a scroll bar once the text exceeds length limit, but mine hasn't?

This is what it looks like, and this is the exact code I used (without spaces of course)

< div style="width:820px;height:100px;overflow:auto;border:1px solid;background:#EBD27D;" >(text)< /div >

but after saving it, the page reloads and this is the code it shows in the clan description

< div style="width:820px;height:100px;border:1px solid;background:#EBD27D;" >(text)< /div >

Can anyone help?



Hrt Icon 0 players like this post! Like?

koura. #brockhampton (#117887)

Fearsome
View Forum Posts


Posted on
2018-05-28 16:19:27
Hey, Savannah!

Some of this code in this HTML guide is a bit outdated. There was an update for HTML and CSS, so i think that's why it's not working. Use this code instead:

<*div style="width:820px;height:100px;border:1px solid;background:#EBD27D;" class="scrollBox"*>Text<*/*div>

Just remove the *s and it'll work!



Hrt Icon 0 players like this post! Like?

Gone (#133586)

Usual
View Forum Posts


Posted on
2018-05-28 17:09:11
Not sure if anyone already had help me to this
But I want to know how to make a background for like a adopt/art thread
And the color too

Plus when posting a images that is clickable or that just shows without a link



Hrt Icon 0 players like this post! Like?

koura. #brockhampton (#117887)

Fearsome
View Forum Posts


Posted on
2018-05-28 17:17:43
Hey, Deathkeeper!

use this code for the background:
<*p style="width:630px;background:#HEXCODE;"*> -insert all of the text here!- <*/*p>

if you're talking about code for clickable images, use this:
image URL



Hrt Icon 0 players like this post! Like?

Egg (#119522)

Luscious
View Forum Posts


Posted on
2018-05-28 18:58:18
Thank you so much koura!



Hrt Icon 0 players like this post! Like?

Gone (#133586)

Usual
View Forum Posts


Posted on
2018-05-28 19:31:09

-testing!-



Ok so I do I make it go downward instead of it just going straight to the right ?



Hrt Icon 0 players like this post! Like?


Edited on 28/05/18 @ 19:35:19 by Deathkeeper (#133586)

koura. #brockhampton (#117887)

Fearsome
View Forum Posts


Posted on
2018-05-28 19:42:46
you put all of your text in the thread into the code.



Hrt Icon 0 players like this post! Like?

Sol (#146730)

King of the Jungle
View Forum Posts


Posted on
2018-05-29 18:43:57
Thanks for the post



Hrt Icon 0 players like this post! Like?

Narvala hibikis
bird <3 (#117743)

Wicked
View Forum Posts


Posted on
2018-05-30 05:34:54
THANKS LOVE



Hrt Icon 0 players like this post! Like?


Edited on 30/05/18 @ 05:37:50 by Narvala hibikis bird <3 (#117743)

Irbarnu (#144564)

Aztec Knight
View Forum Posts


Posted on
2018-05-31 14:40:33
how do you add an image to a den autobiography???



Hrt Icon 0 players like this post! Like?

koura. #brockhampton (#117887)

Fearsome
View Forum Posts


Posted on
2018-05-31 16:07:45
<*img src="INSERT DIRECT IMG URL"*>

make sure to erase the *s when putting it into your den!!



Hrt Icon 0 players like this post! Like?

Coral 🐚 (#103065)

Phoenix
View Forum Posts


Posted on
2018-06-04 07:10:30
< img src="https://www.dropbox.com/s/dhzhlg3noyu8fvx/Hoard%202.png?dl=0" >
(without spaces)

it works in preview but others cant see it?? someone please help



Hrt Icon 0 players like this post! Like?

Cheshire S. (#137007)

King of the Jungle
View Forum Posts


Posted on
2018-06-04 11:50:22
Tasha, I am not sure what the problem is since it is also not working for me.
But try using imgur. I always use imgur and it seems to work the best for me.

Anyways, here's the results when I used imgur

VGRf8hx.png





Hrt Icon 0 players like this post! Like?


Edited on 04/06/18 @ 12:00:06 by Cheshire S. (#137007)

Sol (#146730)

King of the Jungle
View Forum Posts


Posted on
2018-06-05 11:34:49
A question... How do I make centered texts on forums? :b



Hrt Icon 0 players like this post! Like?

koura. #brockhampton (#117887)

Fearsome
View Forum Posts


Posted on
2018-06-05 16:24:35
<*p style="text-align:center;">TEXT<*/*p>

remove the *s!



Hrt Icon 0 players like this post! Like?







Memory Used: 627.23 KB - Queries: 2 - Query Time: 0.00064 - Total Time: 0.02083s