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)

{Leaving} (#43698)


View Forum Posts


Posted on
2017-10-10 10:48:09



As far as I am aware you can't directly save an image from wardrobe like you could with a google image




Hrt Icon 0 players like this post! Like?


Edited on 10/10/17 @ 10:49:07 by 🌅 Nocturnal (Sunset) {LOff} (#43698)

Bizarre King (#81586)

Deathlord of the Jungle
View Forum Posts


Posted on
2017-10-10 18:10:33
how do you take an image from the wardrobe and put it in a thread as an image? every time i right click to save it it says the image is blank, and the link doesn't work. im confused



Hrt Icon 0 players like this post! Like?

{Leaving} (#43698)


View Forum Posts


Posted on
2017-10-19 14:21:59



like mentioned above, you can't simply save them from the wardrobe like a google image, you will need to use snipping tool (on windows) or a similar app to save them - then you will need to upload them to imgur (or a similar site)

hope this helps ~




Hrt Icon 0 players like this post! Like?

🌵 | zoinked (#88158)

Terrifying
View Forum Posts


Posted on
2017-11-22 15:08:20
I’m doing the right HTML and the URL ends in .png yet the picture won’t show... can anyone help me?



Hrt Icon 0 players like this post! Like?

{Leaving} (#43698)


View Forum Posts


Posted on
2017-11-22 16:21:15



PMed :)




Hrt Icon 0 players like this post! Like?

L.e.x || G1 14/15
wine [M] ♡ (#129733)

Heavenly
View Forum Posts


Posted on
2017-12-02 06:47:19
That was soo helpful !
ive added some of this to my den and branch xD



Hrt Icon 0 players like this post! Like?

{Leaving} (#43698)


View Forum Posts


Posted on
2017-12-02 08:33:12



Glad to hear! :D




Hrt Icon 0 players like this post! Like?

Cinnamon Roll (#55600)


View Forum Posts


Posted on
2017-12-03 17:23:57
For some reason, none of the images I'm posting are going through >.<



Hrt Icon 0 players like this post! Like?

{Leaving} (#43698)


View Forum Posts


Posted on
2017-12-03 17:26:54



make sure to remove spaces + add .png at the end if necessary. I am PMing you :)




Hrt Icon 0 players like this post! Like?

GoldQueen (#108964)


View Forum Posts


Posted on
2017-12-04 03:51:51
I can't put the words in color. :(



Hrt Icon 0 players like this post! Like?

{Leaving} (#43698)


View Forum Posts


Posted on
2017-12-04 05:56:43



Can you explain more? Are you trying to put e.g. green into where it says #HEXCODE, if so you need to remove it completely, so it would just be =green. But I recommend using the website I have put in the bottom of the thread to put an exact HEXCODE color :) edit: this way you can get nicer and more specific colors




Hrt Icon 0 players like this post! Like?


Edited on 04/12/17 @ 05:58:15 by 💩 Nocturnal (Sunset) (#43698)

moon_star_pack (#126239)

Usual
View Forum Posts


Posted on
2017-12-05 22:26:30
Very helpful, thanks for making this :P



Hrt Icon 0 players like this post! Like?

☆Slurg☆ (#73628)

Notable Lion
View Forum Posts


Posted on
2017-12-07 20:18:55
DSC_3390.jpg'

i'm not sure why it wont work... i'm doing it like this

< img src=''http://www.sobi.org/photos/Cat/Selcuk/DSC_3390.jpg'' >

with obviously no spaces, can someone help please?



Hrt Icon 0 players like this post! Like?


Edited on 07/12/17 @ 20:20:43 by kittypurry (#73628)

Lord Scar (#97384)

Holy
View Forum Posts


Posted on
2017-12-19 18:02:41
wJuhb05.png testing Oh yay thank you



Hrt Icon 0 players like this post! Like?


Edited on 19/12/17 @ 18:05:46 by Lord Sheogorath (#97384)

Loomf :) (#129906)

Divine
View Forum Posts


Posted on
2017-12-22 11:42:30
It didn't work for me



Hrt Icon 0 players like this post! Like?







Memory Used: 634.06 KB - Queries: 2 - Query Time: 0.00042 - Total Time: 0.00568s