Posted by HTML GUIDE :: Basics, Images and Tables

{Leaving} (#43698)


View Forum Posts


Posted on
2015-06-16 07:04:48



Hello! This is a HTML Guide I made from other HTML Guides, I couldn't find one with all the info on so I created my own. I do no know a lot about HTML but I know the basics.

Feel free to ask for help on this thread and me or someone else will help

Before we begin, this is really important or the HTML will not work, remove all the spaces! If you don't do this the code will not work



qNfBj4T.png



○○○ Making your text Bold ○○○

< b > TEXT HERE < /b >

line2.png

○○○ Making your text italics ○○○

< i >TEXT HERE< /i >

line2.png

○○○ Making your text underlined ○○○

< u >TEXT HERE< /u >

line2.png

○○○ Making your text striked ○○○

< s >TEXT HERE< /s >

line2.png

○○○ Making your text highlighted ○○○

< span style="background-color:#HEXCODE" > TEXT HERE < /span >

line2.png

○○○ Making your text colored ○○○

< font color=#HEXCODE >TEXT HERE< /font >

line2.png

○○○ Making your text a link ○○○

< a href="URL HERE" >TEXT HERE< /a >

line2.png

○○○ Making your text a different size ○○○

< font size=1-7 >TEXT HERE< /font >

line2.png

○○○ Making a header ○○○

Biggest: < h1 >TEXT HERE< /h1 >
Medium: < h2 >TEXT HERE< /h2 >
Smallest: < h3 >TEXT HERE< /h3 >

line2.png

○○○ Making a block-quote ○○○

< blockquote >TEXT HERE< /blockquote >

line2.png

○○○ Making your text a font ○○○

< p style="font-family:FONT HERE;" >TEXT HERE< /p >

line2.png

○○○ Aligning your text ○○○

< p style="text-align:cener/right/left;" >TEXT HERE< /p >

line2.png

○○○ Color, Align and Font your text! ○○○

< p style="font-family:FONT HERE;color:#HEXCODE;text-align:center;">TEXT HERE< /p>



STVHa0P.png



○○○ Normal Image ○○○

< img src="URL HERE" >

icon-time-night.png


line2.png

○○○ Changing the image size ○○○

< img src="URL HERE" height=HEIGHT NUMBER width=WIDTH NUMBER >

icon-time-night.png


line2.png

○○○ Making the image clickable ○○○

< a href="URL LINK HERE" > < img src="IMAGE URL HERE" > < /a >

icon-time-night.png

line2.png

○○○ Making the image clickable + re-size ○○○

< a href="LINK URL" > < img src="IMAGE URL" height=NUMBER width=NUMBER > < /a >

line2.png

○○○ Making an image 'float' ○○○

< img src="URL HERE" style="float:ALIGN;width:HEREpx;height:HEREpx;" >

line2.png

○○○ Making space(s) between the images/text/etc ○○○

< br >
will make a space

< p >
will make a double space



lScjWm3.png



Tables have changed on LD from the 08-11, here is the news post about it, right near the bottom is all you need to know. Scroll boxes no longer work and have to be implemented in CSS.

line2.png

○○○ This thread table ○○○

< table style="background:#HEXCODE;width:630px;height:70px;border:1px solid;">< tr >< td >TEXT HERE< /td >< /tr >< /table >

Can also be used for dens (example with mine)

line2.png

○○○ Stuff for tables ○○○

Font - ;font-family:HERE;
Color - ;color:#HEXCODE;
Background color - ;background-color:#HEXCODE;
Width & Depth - ;width:HEREpx; | ;height:#HEREpx;
Alignment - ;text-align:center/right/left;





○ Google is amazing, use it! Google stuff and teach yourself HTML
This is my favorite website to find a color
This is my favorite website to find color groups
This thread is amazing for HTML Tables
This is an amazing website, it's basically everything HTML if you want to know more
○ If anyone has anymore HTML I can add let me know through PM or post on here, as well as help others that may post for help if you can
○ Remember: REMOVE the spaces!

Thank you if you use and bookmark






Hrt Icon 43 players like this post! Like?

Edited on 27/09/17 @ 09:20:35 by 🌅 Nocturnal (Sunset) (#43698)

🌸 Dawnstar 🌸 (#106814)

Heartbreaker
View Forum Posts


Posted on
2019-10-27 00:01:15
Ohhhh okay thanks so much! Also, is there a way I can have a font, font size, and text-align? I've been struggling to put them all in the same area since it cancels out each other



Hrt Icon 0 players like this post! Like?

Seltsamer Hase (#188072)

Spicy
View Forum Posts


Posted on
2019-10-27 11:09:34
Just testing

Boyyy



Hrt Icon 0 players like this post! Like?


Edited on 27/10/19 @ 11:10:29 by 👑 Fynale 👑 (#188072)

AstroRey (#125443)

Bone Collector
View Forum Posts


Posted on
2019-10-30 14:26:31
How can I make spoilers?
Like.. The thing you have to press to open up and display all inside



Hrt Icon 0 players like this post! Like?

Sicarian (#86672)

King of the Jungle
View Forum Posts


Posted on
2019-10-30 19:05:15
@AstroRey

It would be [*spoiler] Text Here [*/spoiler]
Test


Removing the * - It doesn't show up in the preview the first time you use it



Hrt Icon 0 players like this post! Like?

speedwagon (#183427)


View Forum Posts


Posted on
2019-11-03 20:17:27

test

test



Hrt Icon 0 players like this post! Like?


Edited on 03/11/19 @ 20:17:40 by speedwagon (#183427)

Kaiser (#70765)

Ruthless
View Forum Posts


Posted on
2019-11-05 23:14:40
Thhanks for this amazing guide! Helped me make my Store much more attractive!



Hrt Icon 0 players like this post! Like?

Olive (#206602)

UwU
View Forum Posts


Posted on
2020-06-17 04:17:18
do these still work for you're rules in your studding description?
Because I've been doing it all but it's not making the words that I want bold :/

Test: TEXT HERE
Cause If that works then I know it won't apply in the 'studding rules' box

Edit: Since that works I assume that these don't work in the 'Studding Rules' box on your lions page



Hrt Icon 0 players like this post! Like?


Edited on 17/06/20 @ 04:17:55 by Dallie (#206602)

tae 🦐 [PFM] cl
cracked demi (#134334)

Punk
View Forum Posts


Posted on
2020-06-17 04:23:02
Yeah, that won't work in Studding Rules, text above studding box says no HTML allowed.



Hrt Icon 0 players like this post! Like?

Olive (#206602)

UwU
View Forum Posts


Posted on
2020-06-17 04:24:01
Oh thanks
What does HTML mean? xD



Hrt Icon 0 players like this post! Like?

tae 🦐 [PFM] cl
cracked demi (#134334)

Punk
View Forum Posts


Posted on
2020-06-17 04:29:01
HTML stands for Hypertext Markup Language. It's all these codes (and more) listed in post, u know, to make your text bold, italic etc. So since studding boxes says no HTML allowed, you won't be able to create your text bold in them.



Hrt Icon 0 players like this post! Like?

Olive (#206602)

UwU
View Forum Posts


Posted on
2020-06-17 04:29:53
Thanks a bunch



Hrt Icon 0 players like this post! Like?

tae 🦐 [PFM] cl
cracked demi (#134334)

Punk
View Forum Posts


Posted on
2020-06-17 04:37:18
You’re welcome. <3



Hrt Icon 0 players like this post! Like?

AstroRey (#125443)

Bone Collector
View Forum Posts


Posted on
2020-06-24 13:28:31
Is tehre a reason why this wont work on gifs?
Ive seen people posting them on the site...

23806646_HdnqwX4UM62UjVx.gif



Hrt Icon 0 players like this post! Like?

technique [g1 ebony
subtle] (#210284)


View Forum Posts


Posted on
2020-07-06 14:12:30



Hrt Icon 0 players like this post! Like?


Edited on 13/07/20 @ 08:15:46 by Lynxy🐛 (#210284)

Olive (#206602)

UwU
View Forum Posts


Posted on
2020-07-14 08:59:22
I have a question, so on one of your comments you did this:
< img src="http://static.lioden.com/images/items/Other/vultureegg.png">
So I tried it without the space and to my amazement it worked! But whenever I try with the image I want It doesn't work :/
Can you help with that?



Hrt Icon 0 players like this post! Like?







Memory Used: 633.08 KB - Queries: 2 - Query Time: 0.00060 - Total Time: 0.00798s