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)

🐝🌿morristhemem
ebee🌿🐝 (#282052)

Divine
View Forum Posts


Posted on
2023-03-08 16:55:18
oop



Hrt Icon 0 players like this post! Like?


Edited on 10/03/23 @ 11:32:29 by morristhememebee (she/her) (#282052)

Aubz (#358330)

Horse Whisperer
View Forum Posts


Posted on
2023-03-10 08:53:38
for the "to link an image" is it supposed to be like this instead? < a >< href="URL HERE" >< img src="URL HERE" >< /a > I think you may have forgotten 2 of these < after the first a



Hrt Icon 0 players like this post! Like?

🕸️darkswitch
️ g3 nad ferus (#164660)

Lone Wanderer
View Forum Posts


Posted on
2023-03-10 09:00:00
hi! so the "a" is part of the coding to make the link; it has to be included for the link to work :)
so if I'm linking the little daytime icon, I'd do like this: <*a href="https://static.lioden.com/img/layout/icon-time-day.png"><*img src="https://static.lioden.com/img/layout/icon-time-day.png">
and then when I remove the *'s, it looks like this:



Hrt Icon 0 players like this post! Like?

Aubz (#358330)

Horse Whisperer
View Forum Posts


Posted on
2023-03-10 09:03:58
Thanks!



Hrt Icon 0 players like this post! Like?


Edited on 10/03/23 @ 09:04:21 by Aubz (#358330)

Aubz (#358330)

Horse Whisperer
View Forum Posts


Posted on
2023-03-10 09:07:02
I don't know what im doing wrong but its not working. Is there a website you recommend to turn an image into a link? Maybe im doing that part wrong



Hrt Icon 0 players like this post! Like?


Edited on 10/03/23 @ 09:08:27 by Aubz (#358330)

🕸️darkswitch
️ g3 nad ferus (#164660)

Lone Wanderer
View Forum Posts


Posted on
2023-03-10 09:14:24
i typically use the imgur app, or pasteboard.co! You just have to make sure you have the direct image link; typically it works by right clicking the image (or pressing and holding for mobile) and clicking open imagine in new tab; then you'd copy that link and use to embed.



Hrt Icon 0 players like this post! Like?

Aubz (#358330)

Horse Whisperer
View Forum Posts


Posted on
2023-03-10 10:12:53
Wait those websites/apps just post pictures I’m kinda confused and I need a membership for both



Hrt Icon 0 players like this post! Like?


Edited on 10/03/23 @ 10:14:04 by Aubz (#358330)

🕸️darkswitch
️ g3 nad ferus (#164660)

Lone Wanderer
View Forum Posts


Posted on
2023-03-10 10:30:02
okay, so if you go to pasteboard.co there should be an option to upload an image (tap to upload for mobile). pasteboard shouldn't require an account?
once you pick the image, you'll want to type in a title for it and save it so it's permanently hosted, and then click go to image once it's saved. (this will all be on the same screen, pictured below)

once you're on the image page, right click/press and hold until the options come up, and pick "open image in new tab". once you do that, you'll copy the link in the search bar and use that to embed it.


with that, you should be done, and able to embed the image in a post!


if you upload a lot of images, I'd suggest getting the imgur app and making an account, as it's a lot easier and your images are saved to an account, plus you can make threads of multiple images. you don't have to post your images publicly on there, you can make them hidden if you want; imgur can just be easier if you do it a lot.

if you already have your image online, you just have to open it directly in a new tab! can I see the code/link you're trying to use? maybe I can help better if I see it :)



Hrt Icon 0 players like this post! Like?


Edited on 10/03/23 @ 10:31:50 by darkswitch (g4 nadir sym) (#164660)

Aubz (#358330)

Horse Whisperer
View Forum Posts


Posted on
2023-03-10 11:00:46
I'm just trying to make an auction house so I would need lots so I guess i'll try imgur. This is the lioness im trying to do https://www.lioden.com/wardrobe.php?c=8o_e6VUONZ



Hrt Icon 0 players like this post! Like?

Aubz (#358330)

Horse Whisperer
View Forum Posts


Posted on
2023-03-10 11:01:10
Thank you so much for all that help though!



Hrt Icon 0 players like this post! Like?

Aubz (#358330)

Horse Whisperer
View Forum Posts


Posted on
2023-03-10 11:02:22
Oh also do I need the imgur app or can I just use the website?



Hrt Icon 0 players like this post! Like?

✧|Tacatto|✧ Haze
RLC (#25830)


View Forum Posts


Posted on
2023-03-10 11:29:45
If you are on mobile it will most likely try and force you. Not all browsers have this but you can try to view your page as 'Desktop Mode' which will help a lot with imgur.

I personally use Discord to host my images because it is easier. You send the image to a friend or server, click/tap it, click/tap open original. It could open a link in your browser. On mobile you might have to take it a step further if it doesnt open in a browser automatically, but all you need to do is click 'Open in (browser)' and that gets around that issue.



Hrt Icon 0 players like this post! Like?

Aubz (#358330)

Horse Whisperer
View Forum Posts


Posted on
2023-03-10 11:34:14
Oh thanks! I'm not on mobile though so can I just use imgur regularly?



Hrt Icon 0 players like this post! Like?

✧|Tacatto|✧ Haze
RLC (#25830)


View Forum Posts


Posted on
2023-03-10 12:03:20
You can go to the website and on the left top corner it will say "New Post" so you dont need an account!



Hrt Icon 0 players like this post! Like?

Aubz (#358330)

Horse Whisperer
View Forum Posts


Posted on
2023-03-10 15:16:34
Oh it works! Thank you



Hrt Icon 0 players like this post! Like?


Edited on 10/03/23 @ 15:17:07 by Aubz (#358330)







Memory Used: 624.69 KB - Queries: 0 - Query Time: 0.00000 - Total Time: 0.01180s