|
||||
---|---|---|---|---|
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) |
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? 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' 0 players like this post! Like? |
Aubz (#358330)
Horse Whisperer View Forum Posts Posted on 2023-03-10 15:39:38 |
✧|Tacatto|✧ Haze RLC (#25830) View Forum Posts Posted on 2023-03-10 15:41:43 |
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 0 players like this post! Like? |
Aubz (#358330)
Horse Whisperer View Forum Posts Posted on 2023-03-10 15:44:33 |
✧|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. 0 players like this post! Like? |
Aubz (#358330)
Horse Whisperer View Forum Posts Posted on 2023-03-10 15:50:23 |
✧|Tacatto|✧ Haze RLC (#25830) View Forum Posts Posted on 2023-03-10 15:51:53 |
♡~Lachi~♡ (#222393)
Pervert View Forum Posts Posted on 2023-03-13 17:57:51 |
♡~Lachi~♡ (#222393)
Pervert View Forum Posts Posted on 2023-03-20 11:21:45 |
♡~Lachi~♡ (#222393)
Pervert View Forum Posts Posted on 2023-03-20 11:24:25 |
🔥❄️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! 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 |
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 0 players like this post! Like? |