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)

Aubz (#358330)

Horse Whisperer
View Forum Posts


Posted on
2023-03-10 15:20:32
What’s a normal height and width for an image? Also how would I do this while also linking an image? Is it possible to have all 3 of those in a code? The image, the link, and the size?



Hrt Icon 0 players like this post! Like?


Edited on 10/03/23 @ 15:21:31 by Aubz (#358330)

✧|Tacatto|✧ Haze
RLC (#25830)


View Forum Posts


Posted on
2023-03-10 15:27:58
Any sizing is ok for an image but i personally use the code
<*img src="IMG URL" width=400*> you can do the height as well but only having the width will auto resize the image. I found that 400 is a good size for mobile and desktop!

You can also add codes together like linking an image to a lion. You just put the image code inside where it says 'TEXT HERE'



Hrt Icon 0 players like this post! Like?

Aubz (#358330)

Horse Whisperer
View Forum Posts


Posted on
2023-03-10 15:39:38
Oh thanks!



Hrt Icon 0 players like this post! Like?

✧|Tacatto|✧ Haze
RLC (#25830)


View Forum Posts


Posted on
2023-03-10 15:41:43
No problem!!



Hrt Icon 0 players like this post! Like?

Aubz (#358330)

Horse Whisperer
View Forum Posts


Posted on
2023-03-10 15:44:21
Wait so where do I put it? You said put it where it says “text here” but it doesn’t say that anywhere



Hrt Icon 0 players like this post! Like?

Aubz (#358330)

Horse Whisperer
View Forum Posts


Posted on
2023-03-10 15:44:33
And if you meant url then which one?



Hrt Icon 0 players like this post! Like?

✧|Tacatto|✧ Haze
RLC (#25830)


View Forum Posts


Posted on
2023-03-10 15:45:55
The code to make clickable links is listed above. It is
<*a herf=LINK>TEXT HERE<*/a>
You would put <*img src="IMG URL"> where it says TEXT HERE to make a clickable image.



Hrt Icon 0 players like this post! Like?

Aubz (#358330)

Horse Whisperer
View Forum Posts


Posted on
2023-03-10 15:50:23
Thank you so much it’s perfect now!



Hrt Icon 0 players like this post! Like?

✧|Tacatto|✧ Haze
RLC (#25830)


View Forum Posts


Posted on
2023-03-10 15:51:53
No problem! Glad to help.



Hrt Icon 0 players like this post! Like?

♡~Lachi~♡ (#222393)

Pervert
View Forum Posts


Posted on
2023-03-13 17:57:51
b



Hrt Icon 0 players like this post! Like?

♡~Lachi~♡ (#222393)

Pervert
View Forum Posts


Posted on
2023-03-20 11:21:45



Hrt Icon 0 players like this post! Like?


Edited on 20/03/23 @ 11:23:37 by - Lachimolala - (#222393)

♡~Lachi~♡ (#222393)

Pervert
View Forum Posts


Posted on
2023-03-20 11:24:25



Hrt Icon 0 players like this post! Like?

🔥❄️TabbyBri
️🔥 (#430441)

Special Snowflake
View Forum Posts


Posted on
2023-04-14 15:24:56
I am really, really unfamiliar with this sort of thing. I want to post an image from a PNG to the suggestions area, a suggestion for a new base for lionesses, and I have NO IDEA how to correctly convert this PNG into an image format that will be accepted by the message board area. How do I do this? Sorry to bother you!



Hrt Icon 0 players like this post! Like?

Cocytus|G2 Piebald
clean (#371963)

King of the Jungle
View Forum Posts


Posted on
2023-04-25 20:53:20
TYSMMMMMM NEED THISSSSSS



Hrt Icon 0 players like this post! Like?

Honey (#330641)


View Forum Posts


Posted on
2023-04-26 13:31:30
I’m so stupid I just don’t get this. I copy and pasted hat it says to add an image and added my URL and nothing is showing up. I removed the spaces… I just don’t get it



Hrt Icon 0 players like this post! Like?







Memory Used: 628.36 KB - Queries: 2 - Query Time: 0.00059 - Total Time: 0.01340s