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 30 players like this post! Like?

Edited on 23/03/13 by Kay (#3445)

Pelmel (#24402)

Impeccable
View Forum Posts


Posted on
2014-05-24 11:25:13
Don't mind me, just making sure I can find it again!



Hrt Icon 0 players like this post! Like?

ChickenScratch (#33216)

Mean
View Forum Posts


Posted on
2014-05-25 16:52:24
Does the picture HTML stuff also work with GIFS



Hrt Icon 0 players like this post! Like?

mace (#30862)

Aztec Knight
View Forum Posts


Posted on
2014-05-28 07:21:07
How do you do headings?



Hrt Icon 0 players like this post! Like?

Cloudshreik (#35096)

Independent
View Forum Posts


Posted on
2014-05-30 21:24:04
So, just a bit confused... If you could help me out with this, I would be very grateful. So, apparently I have to get rid of some spaces, yadiada. So, what spaces would I have to alter in this;

< h1 >HEADER HERE < /h1 > Do < h2 >




Hrt Icon 0 players like this post! Like?

πŸ’€ Maladi {Jedi}
G2 Rift πŸ’€ (#4467)

Interstellar
View Forum Posts


Posted on
2014-05-31 04:44:49
The ones between the various < > and their h1/h2's

And for my own question, whenever I try to link to something offsite right now it sends it through a lioden server so that whatever it is is www.lioden.com/URL

for exaple, a picture I was using for a roleplay;
http://www.lioden.com/www.stepbystep.com/wp-content/uploads/2013/01/How-To-Accessorize-Your-Wedding-Dress.jpg

And I had used the coding up there to make this, so,

< a href="www.stepbystep.com/wp-content/uploads/2013/01/How-To-Accessorize-Your-Wedding-Dress.jpg" > MESSAGE < /a >



Hrt Icon 0 players like this post! Like?

.falling. (#35594)

Recognizable
View Forum Posts


Posted on
2014-06-04 08:57:55
Question: what does cell padding and cell spacing mean for the column table?



Hrt Icon 0 players like this post! Like?

.falling. (#35594)

Recognizable
View Forum Posts


Posted on
2014-06-04 09:00:30



Hrt Icon 0 players like this post! Like?


Edited on 04/06/14 by .falling. (#35594)

Coconut [G4 x3ros
croupe bast] (#9448)

Lone Wanderer
View Forum Posts


Posted on
2014-06-09 09:05:52
Please... I must know what I did wrong:

< img src="http://fc06.deviantart.net/fs71/i/2014/152/f/d/kirro_chibi_by_caitlinthefurry-d7kp4mo.png" >

Please...

Edited: Nevermind, guys, I figured it out XD. FYI, ur supposed to take out the spaces after the < and >



Hrt Icon 0 players like this post! Like?


Edited on 10/06/14 by Coconut (#9448)

Cookie (#29353)

Pervert
View Forum Posts


Posted on
2014-06-18 14:19:50
Testing Something



Hrt Icon 0 players like this post! Like?

Cookie (#29353)

Pervert
View Forum Posts


Posted on
2014-06-18 14:20:15
Double sorry



Hrt Icon 0 players like this post! Like?


Edited on 18/06/14 by TinyNinja {T.F.F.}{L.L.C.} (#29353)

Green Okido (#35715)

Sweetheart
View Forum Posts


Posted on
2014-06-21 03:44:29
How do you make the background a picture?



Hrt Icon 0 players like this post! Like?

Felicat (#24395)

King of the Jungle
View Forum Posts


Posted on
2014-06-24 20:04:20
So, how can we post images of our lions for sales or stud adverts?



Hrt Icon 0 players like this post! Like?

Meepsy (#36196)

Notable Lion
View Forum Posts


Posted on
2014-06-25 07:48:57
Can you color headers?



Hrt Icon 0 players like this post! Like?

GummyGabe [6k
Hoarfrost Breed] (#4695)

Nightmare
View Forum Posts


Posted on
2014-06-26 16:03:29
I need a center that works in the forums...

This >>> ,center> TEXT HERE < / center >

Doesnt work... AND I DELETE SPACES so do not tell me I don't....

PM it to me because I do not check forums often.



Hrt Icon 0 players like this post! Like?


Edited on 26/06/14 by Revenge (#4695)

Tau (Possibly
Leaving) (#32160)

Majestic
View Forum Posts


Posted on
2014-06-28 07:22:51
Hmm...this is incredibly useful! One question- do you know how to change the box colors on the profile, and how to make them semi transparent?



Hrt Icon 0 players like this post! Like?







Memory Used: 626.12 KB - Queries: 0 - Query Time: 0.00000 - Total Time: 0.00602s