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)

Keet [frozen] (#67097)

Heartbreaker
View Forum Posts


Posted on
2015-10-15 07:14:08
Argh, can anyone help me with my coding??? PM me or whatever. The rainbow quiz thing is being weird. I can PM you the exact coding. Thanks!



Hrt Icon 0 players like this post! Like?

ajax (#45515)

King of the Jungle
View Forum Posts


Posted on
2015-10-19 20:48:53
Just testing

Well nevermind



Hrt Icon 0 players like this post! Like?


Edited on 20/10/15 @ 03:52:07 by ajax (#45515)

SpookSnoot (#31106)


View Forum Posts


Posted on
2015-10-20 09:10:41
What a lifesaver!



Hrt Icon 0 players like this post! Like?

{Leaving} (#43698)


View Forum Posts


Posted on
2015-10-21 04:54:42



wow I'm sorry everyone, I have totally neglected this thread but I have just updated it

just a note: if you test something and it doesn't work then say you need help, I'm sure me or someone else will gladly help :)

Edit: Espeon you can message me whenever you like, but I think it's all working now but the looks of your den :)




Hrt Icon 0 players like this post! Like?


Edited on 21/10/15 @ 11:56:42 by Banshee Lykaios [Main] (#43698)

Keet [frozen] (#67097)

Heartbreaker
View Forum Posts


Posted on
2015-10-21 07:21:07
Haha, ok, cool. I will probably today or tomorrow. Thanks! :3



Hrt Icon 0 players like this post! Like?

starting new-- under
construct (#55244)

Savage
View Forum Posts


Posted on
2015-10-21 11:52:02
So, question. How would you do a 'Scroll Box'?



Hrt Icon 0 players like this post! Like?

null (#56571)

Impeccable
View Forum Posts


Posted on
2015-10-21 11:55:12
Oh, I can put a Scroll Box code in here! However, I don't think they work in threads. It'll work on your den though!

Edit: Here you go!

<*div style="border:1px solid #000000;text-align:center;width:600px;height:200px;overflow:auto;"*>Text Goes Here<*/div*>



Hrt Icon 0 players like this post! Like?


Edited on 21/10/15 @ 18:58:39 by Soul [Lights On] (#56571)

starting new-- under
construct (#55244)

Savage
View Forum Posts


Posted on
2015-10-21 11:59:57
Thank you!
Does anyone know about drop down boxes?
Maybe scrolly drop down boxes?



Hrt Icon 0 players like this post! Like?

🦋 Trotter the
Otter 🦋 (#27811)

King of the Jungle
View Forum Posts


Posted on
2015-10-25 04:49:18
What would the coding be for making text centered, a different colour AND a different font at the same time? I'm not sure how to combine the coding you provided lol. Thanks in advance :)



Hrt Icon 0 players like this post! Like?

{Leaving} (#43698)


View Forum Posts


Posted on
2015-10-25 05:38:57



Lady: pretty sure that's CSS HTML? I found a code once but it only worked for a specific CSS and when I changed the CSS it broke and google doesn't help ahah

Trotter: I've been trying for ages, literally put them all different orders and it just doesn't work :/

Gosh I hate HTML something -.-




Hrt Icon 0 players like this post! Like?

FlygonJinn[CT] (#48031)

Pervert
View Forum Posts


Posted on
2015-10-26 00:32:07
@Trotter

You mean like this?



< p style="font-family:courier;color:#FF0000;text-align:center;">You mean like this?< / p>



Hrt Icon 0 players like this post! Like?


Edited on 26/10/15 @ 07:32:36 by FlygonJinn[CT] (Rabid!) (#48031)

{Leaving} (#43698)


View Forum Posts


Posted on
2015-10-26 02:18:48



thank you for helping, adding that to the thread :D




Hrt Icon 0 players like this post! Like?

🦋 Trotter the
Otter 🦋 (#27811)

King of the Jungle
View Forum Posts


Posted on
2015-10-26 03:02:19
Thank you so much!!



Hrt Icon 0 players like this post! Like?

starting new-- under
construct (#55244)

Savage
View Forum Posts


Posted on
2015-10-28 05:10:36
Found a few CSS that will work with Drop Down Scroll Boxes.
Look Here. It is Darklilly's Thread-- It has nice Halloween/Fall CSSs for your den, and has the code for Drop Down Boxes, as well as well as to how to put them side by side. c:

Also, I put a lot of work into my Den Page with the help of this thread. Thank you a lot. ^^



Hrt Icon 0 players like this post! Like?

{Leaving} (#43698)


View Forum Posts


Posted on
2015-11-12 03:02:18



yeah I tried them Lady, they work with the CSS on the thread but not with my CSS




Hrt Icon 0 players like this post! Like?







Memory Used: 633.93 KB - Queries: 2 - Query Time: 0.00103 - Total Time: 0.00541s