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)

Destiny (#269645)


View Forum Posts


Posted on
2024-03-31 16:20:44
[*spoiler]image[*/spoiler] just delete the *



Hrt Icon 1 player likes this post! Like?

Exodus // G1 Ra
MNRLC (#470556)

Bone Collector
View Forum Posts


Posted on
2024-03-31 16:39:58
Thank you!



Hrt Icon 0 players like this post! Like?

♡~Lachi~♡ (#222393)

Pervert
View Forum Posts


Posted on
2024-04-07 10:43:32
Thank you so much for this!!



Hrt Icon 0 players like this post! Like?

Maeve (#137308)

Heavenly
View Forum Posts


Posted on
2024-05-10 12:37:28
Just testing

Column 1 Column 2



Hrt Icon 0 players like this post! Like?

Exodus // G1 Ra
MNRLC (#470556)

Bone Collector
View Forum Posts


Posted on
2024-05-21 09:29:45
Which css/html is to center text?



Hrt Icon 0 players like this post! Like?

TheArtistLazlain (#363137)

Unholy
View Forum Posts


Posted on
2024-06-15 11:32:00
So... how do you guys like.. do fancy fonts?

I can do basic things as shown here but I've been trying to get a specific font down and my friend went to help but the file he tried to use corrupted and exploded into confetti ( it vanished ) so now I.. well.. am suffering

If anyone can message me on discord or here either explaining how or doing it for me I'd be the most thankful!



Hrt Icon 0 players like this post! Like?

Frey@♕ [Alt]| DM
the word Pie (#461141)

King of the Jungle
View Forum Posts


Posted on
2024-06-29 16:31:39

Test



For those trying to get something like this, I took this code someone posted:

< h1 > < font color=blue > Example < /font > < /h1 >

Then added in the italics code:

< h1 > < i > < font color=blue > Test < /font > < /i> < /h1 >

I put it in symmetrical format on each side, but it works even if you don't do it like that (Remember to get rid of the spaces)



Hrt Icon 0 players like this post! Like?

Jo (#252493)

Unholy
View Forum Posts


Posted on
2024-07-18 15:15:43
how do u add teh lil gb and sb beetles i see in posts for sales

edit- never mind im rly dumb and dident see the sticker thing



Hrt Icon 0 players like this post! Like?


Edited on 18/07/24 @ 15:17:22 by Jo (#252493)

Chi (#111089)

Maneater
View Forum Posts


Posted on
2024-07-31 12:21:43

I can't get spoilers to work in threads with the command. Is there a new code?



Hrt Icon 0 players like this post! Like?

L. Corporal Quiqi
☂️ ✈ (#371719)


View Forum Posts


Posted on
2024-07-31 13:18:56
[*spoiler] TEXT [*/spoiler] (minus the asterisks).
I have no clue what might be going on with your end



Hrt Icon 0 players like this post! Like?


Edited on 31/07/24 @ 13:19:38 by L. Corporal Quiqi ☂️ ✈ (#371719)

TheEyesOfJay (#409947)


View Forum Posts


Posted on
2024-08-19 17:01:56
I don't know if anyone will reply but can someone help me? I am trying to link this lion design I made in wardrobe in a den where the chat box is and its not showing up for some reason??

https://www.lioden.com/wardrobe.php?c=vzWNVOddcV
or
https://www.lioden.com/wardrobe.php?eyJiIjoiTXVyayIsIm0iOiJJbmN1YnVzIiwiYyI6Ik1vc3MgQWdhdGUiLCJlIjoiRm9nIiwibiI6IkFwcmljb3QiLCJrIjoiOTc2IiwieCI6W251bGwsIkZlbGluZSA1IE5vY3RpcyIsIk11cmsgQ3JhY2tsZSIsIkZlbGluZSA5IEVib255IiwiQ2l0cm9uIENyYWNrbGUiLCIiLCIiLCIiLCIiLCIiLCIiXSwibyI6W251bGwsIjM1IiwiMjAiLCIxMDAiLCI2NyIsIjEwMCIsIjEwMCIsIjEwMCIsIjEwMCIsIjEwMCIsIjEwMCJdLCJkIjpbbnVsbCwiTG9jdXN0IFdpbmcgRGVjb3IgLSBHdXN0IG9mIFdpbmQiLCIiLCIiLCIiLCIiLCIiLCIiLCIiLCIiLCIiLG51bGwsbnVsbCxudWxsLG51bGwsbnVsbCxudWxsLG51bGwsbnVsbCxudWxsLG51bGwsbnVsbCxudWxsLG51bGwsbnVsbCxudWxsLG51bGwsbnVsbCxudWxsLG51bGwsbnVsbCxudWxsLG51bGwsbnVsbCxudWxsLG51bGwsbnVsbCxudWxsLG51bGwsbnVsbCxudWxsLG51bGwsbnVsbCxudWxsLG51bGwsbnVsbCxudWxsLG51bGwsbnVsbCxudWxsLG51bGxdLCJnIjoiTWFsZSIsImEiOiIyNCIsInAiOiJtdXRhdGlvbnMvcHJpbWFsZmVydXMiLCJpIjoiIiwidSI6IiJ9



Hrt Icon 0 players like this post! Like?


Edited on 19/08/24 @ 17:02:24 by TheEyesOfJay (#409947)

Samsung
refridgerator (#218596)

Divine
View Forum Posts


Posted on
2024-08-22 17:24:47
How do I put an image? Like.. how to get an image url



Hrt Icon 0 players like this post! Like?

CodSpike (#339892)

Deathlord of the Jungle
View Forum Posts


Posted on
2024-09-05 14:13:04
@Samsung refrigerator for image urls you need a website to "host" the image, for example I personally use Imgur (Imgur esspecially works well with images with no background)

Create post-->upload your image

Once your image is added to the post

Right click image-->copy image address. make you you click copy image ADDRESS and not copy image

Then you paste that into the code and volla! Also a thing to note with Imgur specifically, when you upload an image to a post a little green pop up saying your image was uploaded will show after a few seconds. I found that if you dont wait to copy the address til after seeing that it can screw up the url. IDK if its a me thing or just a lil bug but I wanted to lyk. Hope this helps!



Hrt Icon 0 players like this post! Like?

Quil (they/he) (#235966)

King of the Jungle
View Forum Posts


Posted on
2024-09-06 20:51:46
Is there a way to create a table/box of text with a vertical scrollbar that works with the site's current build? I tried the one listed here, but it's not working :/



Hrt Icon 0 players like this post! Like?

PINTOPOSSUM (#172861)


View Forum Posts


Posted on
2024-09-14 09:00:09
Are headers just unable to be colored? Every time I've tried to color a header text it just pushes the font end code all the way back before the header code...

EDIT: Never mind I scrolled up and found a solution, thank you @Frey@♕!



Hrt Icon 0 players like this post! Like?


Edited on 14/09/24 @ 09:01:53 by PINTOPOSSUM (#172861)







Memory Used: 627.51 KB - Queries: 2 - Query Time: 0.00035 - Total Time: 0.01376s