|
||||
---|---|---|---|---|
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! TEXTTo 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 > TABLESTo 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 >
[ all codes posted on this topic work within tables. ] IMAGESTo make an image: < img src="URL HERE" > Example: To make a resized image: < img src="URL HERE" height=HEIGHT NUMBER width=WIDTH NUMBER > Example: To link an image: < a href="URL HERE" > < img src="URL HERE" > < /a > Example: OTHERTo make a space: < br > This is what < br > does! To make a double space: < p > This is what < p > does! 43 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 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 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: 0 players like this post! Like? |
Aubz (#358330)
Horse Whisperer View Forum Posts Posted on 2023-03-10 09:03:58 |
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 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. 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 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 :) 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 0 players like this post! Like? |
Aubz (#358330)
Horse Whisperer View Forum Posts Posted on 2023-03-10 11:01:10 |
Aubz (#358330)
Horse Whisperer View Forum Posts Posted on 2023-03-10 11:02:22 |
✧|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. 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? 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! 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 0 players like this post! Like? Edited on 10/03/23 @ 15:17:07 by Aubz (#358330) |