|
||||
---|---|---|---|---|
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) |
Egg (#119522)
Luscious View Forum Posts Posted on 2018-05-28 14:25:57 |
I used the table code provided, removed spaces, and changed the size so it would fit the way I wanted it to in my clan description to make a table, and I read on one of the comments on the second page that it should automatically add a scroll bar once the text exceeds length limit, but mine hasn't? This is what it looks like, and this is the exact code I used (without spaces of course) < div style="width:820px;height:100px;overflow:auto;border:1px solid;background:#EBD27D;" >(text)< /div > but after saving it, the page reloads and this is the code it shows in the clan description < div style="width:820px;height:100px;border:1px solid;background:#EBD27D;" >(text)< /div > Can anyone help? 0 players like this post! Like? |
koura. #brockhampton (#117887)
Fearsome View Forum Posts Posted on 2018-05-28 16:19:27 |
Hey, Savannah! Some of this code in this HTML guide is a bit outdated. There was an update for HTML and CSS, so i think that's why it's not working. Use this code instead: <*div style="width:820px;height:100px;border:1px solid;background:#EBD27D;" class="scrollBox"*>Text<*/*div> Just remove the *s and it'll work! 0 players like this post! Like? |
Gone (#133586)
Usual View Forum Posts Posted on 2018-05-28 17:09:11 |
Not sure if anyone already had help me to this But I want to know how to make a background for like a adopt/art thread And the color too Plus when posting a images that is clickable or that just shows without a link 0 players like this post! Like? |
koura. #brockhampton (#117887)
Fearsome View Forum Posts Posted on 2018-05-28 17:17:43 |
Hey, Deathkeeper! use this code for the background: <*p style="width:630px;background:#HEXCODE;"*> -insert all of the text here!- <*/*p> if you're talking about code for clickable images, use this: 0 players like this post! Like? |
Egg (#119522)
Luscious View Forum Posts Posted on 2018-05-28 18:58:18 |
Gone (#133586)
Usual View Forum Posts Posted on 2018-05-28 19:31:09 |
-testing!- Ok so I do I make it go downward instead of it just going straight to the right ? 0 players like this post! Like? Edited on 28/05/18 @ 19:35:19 by Deathkeeper (#133586) |
koura. #brockhampton (#117887)
Fearsome View Forum Posts Posted on 2018-05-28 19:42:46 |
Sol (#146730)
King of the Jungle View Forum Posts Posted on 2018-05-29 18:43:57 |
Narvala hibikis bird <3 (#117743) Wicked View Forum Posts Posted on 2018-05-30 05:34:54 |
THANKS LOVE 0 players like this post! Like? Edited on 30/05/18 @ 05:37:50 by Narvala hibikis bird <3 (#117743) |
Irbarnu (#144564)
Aztec Knight View Forum Posts Posted on 2018-05-31 14:40:33 |
koura. #brockhampton (#117887)
Fearsome View Forum Posts Posted on 2018-05-31 16:07:45 |
<*img src="INSERT DIRECT IMG URL"*> make sure to erase the *s when putting it into your den!! 0 players like this post! Like? |
Coral 🐚 (#103065)
Phoenix View Forum Posts Posted on 2018-06-04 07:10:30 |
< img src="https://www.dropbox.com/s/dhzhlg3noyu8fvx/Hoard%202.png?dl=0" > (without spaces) it works in preview but others cant see it?? someone please help 0 players like this post! Like? |
Cheshire S. (#137007)
King of the Jungle View Forum Posts Posted on 2018-06-04 11:50:22 |
Tasha, I am not sure what the problem is since it is also not working for me. But try using imgur. I always use imgur and it seems to work the best for me. Anyways, here's the results when I used imgur 0 players like this post! Like? Edited on 04/06/18 @ 12:00:06 by Cheshire S. (#137007) |
Sol (#146730)
King of the Jungle View Forum Posts Posted on 2018-06-05 11:34:49 |
koura. #brockhampton (#117887)
Fearsome View Forum Posts Posted on 2018-06-05 16:24:35 |