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

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

ZeldaWolfy [Anubis
Gilded] (#60711)

Total Chad
View Forum Posts


Posted on
2017-09-10 09:22:42
@Jerry if you're trying to do a scrollbox, they had changed the code/format on Lioden itself. Here's the news post about it. I think it's way at the bottom, but it's very easy to understand.



Hrt Icon 0 players like this post! Like?

Skydicer (#116586)

Blessed
View Forum Posts


Posted on
2017-09-18 10:39:25
just testing 2017-09-17.png



Hrt Icon 0 players like this post! Like?


Edited on 18/09/17 @ 10:55:26 by Skydicer (#116586)

Sophia (#124559)

King of the Jungle
View Forum Posts


Posted on
2017-09-25 22:54:09
hrhfhfhfhf.PNG

Like this?
just testing



Hrt Icon 0 players like this post! Like?

Sophia (#124559)

King of the Jungle
View Forum Posts


Posted on
2017-09-25 22:54:42
ugh what



Hrt Icon 0 players like this post! Like?

{Leaving} (#43698)


View Forum Posts


Posted on
2017-09-27 09:22:47



I really need to stop neglecting this thread! I have updated the main post to do about Tables

Sophia what are you trying to do? I am PMing you




Hrt Icon 0 players like this post! Like?

Bizarre King (#81586)

Unholy
View Forum Posts


Posted on
2017-09-29 15:36:13

just testing something sorry lol




Hrt Icon 0 players like this post! Like?

Blue 🐍 SP {SNUH} (#124995)

Notable Lion
View Forum Posts


Posted on
2017-10-06 17:03:18
How do I copy cubs as adults on Macbook Air?



Hrt Icon 0 players like this post! Like?

{Leaving} (#43698)


View Forum Posts


Posted on
2017-10-06 17:38:32



What do you mean, explain?:)
Do you mean how to screenshot in wardrobe?




Hrt Icon 0 players like this post! Like?

Blue 🐍 SP {SNUH} (#124995)

Notable Lion
View Forum Posts


Posted on
2017-10-06 18:09:28
I meant like in the wardrobe, I turned my cub to an adult. How would I copy the image url on Macbook? I tried, but it just copies a blank square that the image consists of.



Hrt Icon 0 players like this post! Like?

{Leaving} (#43698)


View Forum Posts


Posted on
2017-10-07 03:57:24



Yeah I know what you mean now, I use snipping tool but that's on windows, I haven't had a Macbook in yearsss but try command shift 4 or something like that? If not google how to take a screenshot or download a snipping tool app

You can directly save the image from the wardrobe, it's not like a normal image on google you have to screenshot/snip it




Hrt Icon 0 players like this post! Like?

Blue 🐍 SP {SNUH} (#124995)

Notable Lion
View Forum Posts


Posted on
2017-10-07 12:19:49
How would I directly save it?



Hrt Icon 0 players like this post! Like?

XxKittaxX (#125075)

Lone Wanderer
View Forum Posts


Posted on
2017-10-07 16:03:01
do you know how to do collapsible boxes or when you scroll over them they get bigger? If so can you help me with those?



Hrt Icon 0 players like this post! Like?

🌳 Dad 🌳 (#22988)


View Forum Posts


Posted on
2017-10-07 16:04:36
@Kitta - Expanding boxes must be done in CSS!



Hrt Icon 0 players like this post! Like?

XxKittaxX (#125075)

Lone Wanderer
View Forum Posts


Posted on
2017-10-07 16:06:28
ooh sorry I didn't know... does anybody know a person that can help me with those boxes?



Hrt Icon 0 players like this post! Like?

🌳 Dad 🌳 (#22988)


View Forum Posts


Posted on
2017-10-07 16:07:48
There is another guide here with how to do expandable boxes. PM me if you have anymore questions!



Hrt Icon 0 players like this post! Like?







Memory Used: 631.32 KB - Queries: 0 - Query Time: 0.00000 - Total Time: 0.00482s