|
||||
---|---|---|---|---|
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! TEXTTo 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 > TABLESTo 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 >
[ all codes posted on this topic work within tables. ] IMAGESTo make an image: < img src="URL HERE" > Example: To make a resized image: < img src="URL HERE" height=HEIGHT NUMBER width=WIDTH NUMBER > Example: To link an image: < a href="URL HERE" > < img src="URL HERE" > < /a > Example: OTHERTo make a space: < br > This is what < br > does! To make a double space: < p > This is what < p > does! 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 |
Chinook (#212440)
Sweetheart View Forum Posts Posted on 2020-10-18 17:26:05 |
Keira (#216750)
King of the Jungle View Forum Posts Posted on 2020-11-01 02:51:00 |
Thank you so much for this!!! 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... 0 players like this post! Like? |
Emily (#186724)
Confused View Forum Posts Posted on 2020-12-26 21:26:29 |
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" 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 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 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 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? 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 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 :) 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 |
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? 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 0 players like this post! Like? |