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)

Shay G4 Opal
Pie(Natural) (#107158)


View Forum Posts


Posted on
2017-11-12 02:36:48
Mouru




*Just testing



Hrt Icon 0 players like this post! Like?


Edited on 15/11/17 @ 16:56:03 by Shan (#107158)

🅱️oneless (#123346)


View Forum Posts


Posted on
2017-11-12 07:45:19
Wait, how did you do that, @Shan?



Hrt Icon 0 players like this post! Like?

Shay G4 Opal
Pie(Natural) (#107158)


View Forum Posts


Posted on
2017-11-15 16:55:59
Like this:

<*a href="*https://www.lioden.com/lion.php?mid=6647*">Mouru

except remove the *

Look at the text at the very top because it's there lol just have a good look ^-^



Hrt Icon 0 players like this post! Like?


Edited on 15/11/17 @ 16:58:41 by Shan (#107158)

lunafire (#127838)

King of the Jungle
View Forum Posts


Posted on
2017-11-25 20:43:55
how do you set the tables next to each other?



Hrt Icon 0 players like this post! Like?

Olive (#102635)

Toxic
View Forum Posts


Posted on
2017-12-09 01:17:25
Is there any way to colour the table outlines?



Hrt Icon 0 players like this post! Like?

Coffee Cup ☕ (#133288)

Majestic
View Forum Posts


Posted on
2017-12-21 14:38:47
These posts have been here for a while but maybe someone will find this useful:

@Majestic
I believe you have to put the tables in a row of another table, meaning you put each of them inside two <*td> tags of the main table, like so:f4c284fba2.png


@Usual
You can color the outlines of the table, row or cell with css:
<*td style="border:1px solid black;">
this will color the border of a single cell with black and make the border 1 pixel wide. If you put it in a tr tag, the entire row will have that border, like it did in my first answer.



Hrt Icon 0 players like this post! Like?

Ash (#102832)

Impeccable
View Forum Posts


Posted on
2018-01-16 07:55:05
How do you make the collapsing boxes that you put stuff in?



Hrt Icon 0 players like this post! Like?

Lady Scarlet of
Shadows (#77352)

Deathlord of the Jungle
View Forum Posts


Posted on
2018-01-16 07:56:47
i broke my coding can someone tell me how to fix it?



Hrt Icon 0 players like this post! Like?

Glitch (#135668)

Pervert
View Forum Posts


Posted on
2018-01-16 22:52:27
just testing! will delete after


Eris



Hrt Icon 0 players like this post! Like?


Edited on 16/01/18 @ 23:19:40 by Glitch (#135668)

LazyLeni [8.5k
Elysian svelte] (#122385)

Deathlord of the Jungle
View Forum Posts


Posted on
2018-01-23 12:09:32
Quick question - Are you able to resize an image and also link it to whatever or can you only do one or the other? And if so, what would the coding look like? (struggling to get my head around that one a bit)



Hrt Icon 0 players like this post! Like?

druidicmage (#118187)

Renowned
View Forum Posts


Posted on
2018-02-04 12:52:03
do colored words work on titles for boards?



Hrt Icon 0 players like this post! Like?

Jewel Wildmoon (#127341)

Deathlord of the Jungle
View Forum Posts


Posted on
2018-02-25 18:24:22
Bookmarked. Thanks so much! I've always been stuck figuring out how to add an image or a link to one :'D



Hrt Icon 0 players like this post! Like?

LiffonWolf (#138132)

Majestic
View Forum Posts


Posted on
2018-03-07 17:52:40
is there a way to code a thread and if there is how????



Hrt Icon 0 players like this post! Like?

Jewel Wildmoon (#127341)

Deathlord of the Jungle
View Forum Posts


Posted on
2018-03-16 18:53:48
I was making a thread and I tried to insert a clickable image. You can click on it to go to the correct page, but it doesn't post as an image. It posts as a link and EVERY sentence after it has turned into clickables as well, all leading to the same page. How do I fix this?? I want for the image to be clickable and not turn all the other sentences into links too... X'D


Here is the thread: https://www.lioden.com/topic.php?id=304429305321

I'm confused as heck X'D Plz help me be less confuzzled



Hrt Icon 0 players like this post! Like?


Edited on 16/03/18 @ 18:55:54 by Jewel Fazbear (#127341)

🌺Maple Phox🌺 (#138280)

King of the Jungle
View Forum Posts


Posted on
2018-03-18 10:07:41
< i > test < /i >



Hrt Icon 0 players like this post! Like?


Edited on 18/03/18 @ 10:10:31 by 🌺Maple Phox🌺 (#138280)







Memory Used: 627.23 KB - Queries: 2 - Query Time: 0.00070 - Total Time: 0.01457s