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)

Fennekin (#23318)

Pervert
View Forum Posts


Posted on
2014-01-13 14:05:12
What are all the hex codes? I NEED TO KNOW D:



Hrt Icon 0 players like this post! Like?

Fuzzy Keldeo (#24256)

Vicious
View Forum Posts


Posted on
2014-01-13 14:47:09
^ you can get one from colorpicker.com



Hrt Icon 0 players like this post! Like?

Camo (#23821)

Sweetheart
View Forum Posts


Posted on
2014-01-14 12:29:02
Great help!



Hrt Icon 0 players like this post! Like?

redpineapple1
(hiatus) (#24181)

Maneater
View Forum Posts


Posted on
2014-01-21 08:02:17
Can tables also be scroll boxes?



Hrt Icon 0 players like this post! Like?

Eris (#6468)

Prince of the Savannah
View Forum Posts


Posted on
2014-01-25 10:07:18
how do you make pictures links?



Hrt Icon 0 players like this post! Like?

Gacheru (#12060)


View Forum Posts


Posted on
2014-02-01 11:14:03
Can I change the font itself? If so, how?

EDIT: Thanks to the help of some buddies, I was able to learn that this would help to change the font. I'm not exactly sure how it works since I don't see the font name in the code.
< div class="top" >text< /div >



Hrt Icon 0 players like this post! Like?


Edited on 05/02/14 by Rigaldo (#12060)

BellaBit (#21869)

Merciful
View Forum Posts


Posted on
2014-02-04 05:21:39
Ok, how do you change the font in the tables? I put a table in my den, and the background of the table is black and the font is white, but i want to reverse it, but it only changes the background color, not the text.



Hrt Icon 0 players like this post! Like?

Gacheru (#12060)


View Forum Posts


Posted on
2014-02-12 18:50:32
Belle2, I think this might help.
< div style="width:497px;height:29px;overflow:auto;border:1px solid #62391B;background:#62391b;" > < font color="#ffffff" > < /font> < div class="top">Info.< /div > < /div >
Remove spaces, replace the desired hex codes, & height/width.



Hrt Icon 0 players like this post! Like?


Edited on 13/02/14 by Rigaldo (#12060)

Eureka (patrol)
Imperialnight (#26900)

Wicked
View Forum Posts


Posted on
2014-02-15 07:34:37

Mod Reset (#27678)

Usual
View Forum Posts


Posted on
2014-02-21 12:38:09
Just have to say, thank you so much for this list, it has helped out a LOT!

heart___free_by_kawiku_d760ry0_by_phanto



Hrt Icon 0 players like this post! Like?

Priderock{Leaving,
bye guys..} (#20458)

Usual
View Forum Posts


Posted on
2014-03-07 11:57:45



Hrt Icon 0 players like this post! Like?


Edited on 07/03/14 by Priderock{.:[normal]:.} (#20458)

Priderock{Leaving,
bye guys..} (#20458)

Usual
View Forum Posts


Posted on
2014-03-08 01:24:51
Strikeout



Hrt Icon 0 players like this post! Like?


Edited on 08/03/14 by Priderock{.:[normal]:.} (#20458)

🌻sunflowerbutter (#27121)

King of the Jungle
View Forum Posts


Posted on
2014-03-10 11:36:31



Hrt Icon 0 players like this post! Like?


Edited on 10/03/14 by RainyDayz (#27121)

Priderock{Leaving,
bye guys..} (#20458)

Usual
View Forum Posts


Posted on
2014-03-13 10:44:08
Chicken Butt
Chicken Butt
Chicken Butt
Chicken Butt
Chicken Butt
Chicken Butt
Chicken Butt
Chicken Butt
Chicken Butt



Hrt Icon 0 players like this post! Like?

Bloo (#28608)

Recognizable
View Forum Posts


Posted on
2014-03-24 08:41:11
How do you change the Image of the MAIN den area?
I want to make the design as the background of my Den ;o;



Hrt Icon 0 players like this post! Like?







Memory Used: 628.84 KB - Queries: 2 - Query Time: 0.00080 - Total Time: 0.00663s