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)

Ducky (#212853)

Aztec Knight
View Forum Posts


Posted on
2020-10-06 11:54:34
Thanks,,



Hrt Icon 0 players like this post! Like?


Edited on 06/10/20 @ 11:54:51 by Ducky (#212853)

Chinook (#212440)

Sweetheart
View Forum Posts


Posted on
2020-10-18 17:26:05
Does anybody know how to add art to den pages?



Hrt Icon 0 players like this post! Like?

Keira (#216750)

King of the Jungle
View Forum Posts


Posted on
2020-11-01 02:51:00
Thank you so much for this!!!



Hrt Icon 0 players like this post! Like?


Edited on 01/11/20 @ 02:53:11 by Keira (#216750)

🐺🌺Twilight🌺
🐺 (#210850)

Nice Guy
View Forum Posts


Posted on
2020-11-29 20:56:34
How do you change the color of the header, font, etc without disrupting the code....
Been at this for a while and it is killing me...



Hrt Icon 0 players like this post! Like?

Emily (#186724)

Confused
View Forum Posts


Posted on
2020-12-26 21:26:29
lion.php?id=794141765265 Just testing



Hrt Icon 0 players like this post! Like?

Jewel Wildmoon (#127341)

Deathlord of the Jungle
View Forum Posts


Posted on
2020-12-30 10:52:31
@Amber Unfortunately you can't change the color of the headers QvQ
For changing colors, you use < font color="#HEXCODE" >Texthere< /font > as written above in the post (Without the spaces between the "<" and ">" though). You can check Hex codes online for the color code you'll put where "HEXCODE" is located. The issue is probably some extra spaces in the code or you may have forgotten the < /font > which would cause it to affect the whole thread

@Chinook use the regular < img src="URL HERE" > but put it in your "Territory Description"



Hrt Icon 0 players like this post! Like?


Edited on 30/12/20 @ 10:56:01 by Jewel Wildmoon (#127341)

Jewel Wildmoon (#127341)

Deathlord of the Jungle
View Forum Posts


Posted on
2020-12-30 11:04:53
Also, new one to add to thread?

[ spoiler ]Text/img here[ /spoiler ] to add Toggle Spoilers



Hrt Icon 0 players like this post! Like?

Starling [G2 Ebony] (#190425)

Recognizable
View Forum Posts


Posted on
2021-03-08 19:52:34
This was super helpful



Hrt Icon 0 players like this post! Like?


Edited on 08/03/21 @ 19:54:13 by Starling (#190425)

Peirce (#182091)

Majestic
View Forum Posts


Posted on
2021-04-14 20:19:04
I'm trying to post an image



its just blank, can't seem to get the url



Hrt Icon 0 players like this post! Like?

🌑wisp🦈๋࣭
(#220150)

Heavenly
View Forum Posts


Posted on
2021-06-20 15:40:21
I did the clickable link but it made everything clickable How do i fix it?



Hrt Icon 0 players like this post! Like?


Edited on 20/06/21 @ 15:52:23 by ♥๖rคē♥ (#220150)

🌑wisp🦈๋࣭
(#220150)

Heavenly
View Forum Posts


Posted on
2021-06-20 15:54:08
< a href="https://www.lioden.com/topic.php?id=304429430671" > TEXT HERE< /a >

Testing

Edit- See? Why does it make everything clickable?

Edit2- Now it isnt working



Hrt Icon 0 players like this post! Like?


Edited on 20/06/21 @ 15:57:58 by ♥๖rคē♥ (#220150)

Call Me Electra (#235755)

Mean
View Forum Posts


Posted on
2021-06-22 11:41:10
Thank you for this! I finally figured out how to post images :)



Hrt Icon 0 players like this post! Like?


Edited on 22/06/21 @ 11:45:19 by Player Name (#235755)

Drift (#233775)

Sweetheart
View Forum Posts


Posted on
2021-07-03 17:24:36



Hrt Icon 0 players like this post! Like?


Edited on 03/07/21 @ 17:24:45 by Drift (#233775)

Cash (#51720)

Sapphic
View Forum Posts


Posted on
2021-07-22 03:31:39
I'm still struggling with the images one ;-; is there a way to post screenshots in a forum?



Hrt Icon 0 players like this post! Like?

Illumi (#237655)

Incredible
View Forum Posts


Posted on
2021-08-31 15:14:14
I can't get a background color for this code: < div style="width:100px;height:100px;overflow:auto;border:1px solid; background:#HEXCODE;" > TEXT HERE< /div >

halp



Hrt Icon 0 players like this post! Like?







Memory Used: 628.18 KB - Queries: 2 - Query Time: 0.00080 - Total Time: 0.01371s