Coding Resource Megathread

test
#43

@ChocoBerryScotch Check out the following thread for instructions on how to code:

#44

thank you so much

#45

How did you type a gradient?

#46

oh jeez, what happened to threads
everything is so different lol what

#48

Throwing this coding cheatsheet in the mix.

#49

Is it possible to open an image in the background?? I have tried all codes for the same but it is not workingā€¦helpā€¦anyone???

#50

What do you mean? Open an image in a new tab when someone clicks on it?

You can try wrap an <a> tag around your <img>. By default it should open the image in a new link if the user has the ā€œOpen all external links in a new tabā€ option enabled on in their settings (enabled by default).

Edit: And your image must be uploaded from another website.

Settings Screenshot

ScreenClip
ScreenClip.png1335Ɨ624 78.6 KB

Demo 

<a href="https://via.placeholder.com/350x150">
  <img src="https://via.placeholder.com/350x150">
</a>
#51


Not that, I mean can I open an image in the background and place text over it??? like in this case there is a gray background, Is it possible for me to write over an image instead??

#52

Try using the background-image: url(ā€™ā€™); property. Here for more information.

Text

<span style="font-size:; display: block; width: 350px; height: 150px; background-image: url('https://via.placeholder.com/350x150');">
  <span style="font-size: 50px; display: block; width: 100%; text-align: center; line-height: 150px; color: red;">
    Text
  </span>
</span>
Help Making An Image as a Background?
#53

THANKS YOU

#54

keren. tapi sebenarnya ane gak faham

#55

I tried resizing how you do it but I still canā€™t get it to work, idk what Iā€™m doing

#56

I presume you copied and pasted the code directly from their post however theyā€™ve escaped their quotation marks which means you have to replace the quotation mark character ā€œ with " instead (see below).

<img src="https://78.media.tumblr.com/39868fceec64ffe3affe32e99b25b648/tumblr_nve04sIvSg1spv4k4o3_500.png" width="500px" height="500px">
#57

thank you!!

#58

Does any coding work in the ABOUT ME section on wattpad.com? I see it puts special characters in HTML but you canā€™t input HTML? Iā€™m not learned in this so Iā€™m a little confused.

#59

Yes, anything which is available for use in a forum post also words for the ā€œAbout Meā€ section in your profile.

#60

I canā€™t seem to get any to work

#61

Try pasting this into your ā€œAbout Meā€:

<span style="font-size: 1.5157rem; display: block; width: 100px; height: 100px; background: gray;">Test</span>
What it should look like

Test

#62

Test

#63

thanks!:smiley: