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

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: