|
||||
---|---|---|---|---|
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) |
Shay G4 Opal Pie(Natural) (#107158) View Forum Posts Posted on 2017-11-12 02:36:48 |
🅱️oneless (#123346)
View Forum Posts Posted on 2017-11-12 07:45:19 |
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 ^-^ 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 |
Olive (#102635)
Toxic View Forum Posts Posted on 2017-12-09 01:17:25 |
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
@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. 0 players like this post! Like? |
Ash (#102832)
Impeccable View Forum Posts Posted on 2018-01-16 07:55:05 |
Lady Scarlet of Shadows (#77352) Deathlord of the Jungle View Forum Posts Posted on 2018-01-16 07:56:47 |
Glitch (#135668)
Pervert View Forum Posts Posted on 2018-01-16 22:52:27 |
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) 0 players like this post! Like? |
druidicmage (#118187)
Renowned View Forum Posts Posted on 2018-02-04 12:52:03 |
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 0 players like this post! Like? |
LiffonWolf (#138132)
Majestic View Forum Posts Posted on 2018-03-07 17:52:40 |
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 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 > 0 players like this post! Like? Edited on 18/03/18 @ 10:10:31 by 🌺Maple Phox🌺 (#138280) |