Nyctophilia; a coding thread (new/old coders are encouraged to join!)

The Artists' Showroom Coding Wizards
,
49

woahhh that’s around the same time I discovered WP as well- :eyes:

ooooh :eyes: the codes also work in Google Docs?
Thank you!! :grin:

3 Likes
50

Nope, but I use it to save codes in the case that I lose them somehow (or just to look back:)

4 Likes
51

This text is being tested.

Raw HTML

<span style="font-size:12pt; display: block; border: 5px groove aqua; padding: 12px 25px 12px 25px; border-radius: 10px; background: purple; font-family: Garamond, serif; color: white;">This text is being tested.</span>

5 Likes
52
Trying something out.
how do you get raw code to display without letting it work as html.... and how do you get characters to display in html
raw code 
<div align=center><span style="font-size: 15pt; display: block; background: lavender; font-family: Titania; color: black; ">Trying something out.</span>
</div>
<div align=center><span style="font-size: 10pt; display: block; background: lavender; font-family: Goldoni; color: black;"> how do you get raw code to display without letting it work as html.... and how do you get characters to display in html</span>
5 Likes
53

Use [CODE] [/CODE] Around the HTML

4 Likes
54

<div align=center>

image
image2048×438 123 KB

4 Likes
55
Got it!! thanks! @TheMidnightAssassin @48lexR

(why are your names not tagging?!)

raw 
  <div align="center"><span style="font-size: 13pt; display: block; font-family: Goldoni; color: pink">Got it!!
thanks! </span>
@TheMidnightAssassin @48lexR 

<span style="font-size: 9pt; color: pink; font-family: goldoni">(why are your names not tagging?!)</span>
5 Likes
56

YESSS we had it too, very early. But I’ve forgotten all of it, sadly. Now I’m relearning coding sites, and I’m using skillshare. It’s pretty fun!

5 Likes
57

You would have to do it on another line, different type of codes don’t work unless you separate them:)

<div align="center"><span style="font-size: 13pt; display: block; font-family: Goldoni; color: pink">Got it!!
thanks! </span>

@TheMidnightAssassin @48lexR 

<span style="font-size: 9pt; color: pink; font-family: goldoni">(why are your names not tagging?!)</span>

It would work now ^^

And no problem!

3 Likes
58

Ah alright thanks!

3 Likes
59

Q @TheMidnightAssassin: What’re the differences in uses between <div> and <span>?

4 Likes
60

If I remember correctly, <div> is for a section while <span> is for a single line.

This link can help.

5 Likes
61

Thanks!

4 Likes
62

I’m testing <div> for the first time. Is it working?

I’m testing <div> for the first time. Is it working?

I’m testing <div> for the first time. Is it working?


⭐︎ ✧ coded by stella_vigo ✧ ⭐︎

raw code 
<div align="center">

<span style="font-size: 12px; font-family: Garamond; display: block; background-color: #801212; color: #ffefef; padding: 10px; margin-left: 20%; margin-right: 20%;">I'm testing `<div>` for the first time. Is it working?</span>

<div align="left">

<span style="font-size: 12px; font-family: Garamond; display: block; background-color: #801212; color: #ffefef; padding: 10px; margin-left: 20%; margin-right: 20%;">I'm testing `<div>` for the first time. Is it working?</span>

</div>

<div align="right">

<span style="font-size: 12px; font-family: Garamond; display: block; background-color: #801212; color: #ffefef; padding: 10px; margin-left: 20%; margin-right: 20%;">I'm testing `<div>` for the first time. Is it working?</span>

</div>

</div>

<br>

<span style="font-size: 12px; font-family: Garamond; display: block; margin: auto; text-align: center; color: #e08080; letter-spacing: 1.2px;">`⭐︎` ✧ coded by stella_vigo ✧ `⭐︎`</span>
4 Likes
63

Pfft how do I do the multiple boxes on one line again?

3 Likes
64

I used the flex box like this:

<span style="font-size: 50px; font-family: Garamond; display: flex; border: 3px transparent; color: #ffffff; padding: 12px; margin-left: 5%; margin-right: 5%; text-align: center; background-image: url('https://i1.wp.com/windowscustomization.com/wp-content/uploads/2018/10/falling-stars.gif?resize=600%2C367&quality=80&strip=all&ssl=1'); background-size: cover; background-position: top;"><span style="font-size: 15px; font-family: Garamond; display: inline-block; border: 3px solid; color: #ef6060; padding: 10px; background-color: white; margin-left: 10%; margin-top: 10%; margin-bottom: 10%; text-align: center; width: 35%; line-height: 1.5; height: 120px; overflow-y: scroll">**playlist**<br>
insert link
insert link
insert link</span><span style="font-size: 15px; font-family: Garamond; display: inline-block; border: 3px solid; padding: 10px; margin-left: 10%; background-color: white; margin-bottom: 10%; border-color: #F17978; margin-top: 10%; margin-right: 10%; text-align: center; color: #F17978; height: 120px; width: 35%; overflow-y: scroll; line-height: 1.5;">**taglist**<br>
insert some random
usernames here
</span>
</span>

The result is like this:

image
image785×371 71.8 KB

So the main span is display: flex and the two sub spans are display: inline-block

5 Likes
65

Ahh it worked! Thank you :blush:

4 Likes
66
Me code this 
 <div align="center"> <span style="font-size:; display: block; border: 1px solid invisible; border-radius: 5px; background: aquamarine; padding: 12px 12px 12px 12px; font-family: Times New Roman, serif"> <span style="font-size: 25pt">Bibliotecha Legis</span> </span></div>

<div align="left"><span style="font-size:; display: flex"><span style="font-size:12pt; display: inline-block; margin: auto; border: 1px solid invisible; border-radius: 5px; padding: 2px; background: navy; color: white;"> Welcome to Lex's Library! I'll be doing read-for-reads per your request. I can do more serious read-for-reads, also. Please fill out the form completely, and wait for your acceptance before you begin reading! The password is: <em>Lex maris, mei liber lege.</em> The book I'd like you to read (once you're accepted) is <a href="https://www.wattpad.com/story/261432174-meiste">Meiste</a>. I am willing to go up to five chapters.</span>

<span style="font-size:; display: inline-block;  border: 2px solid black; margin: 5px 5px 5px 5px;"> ``` Username: <br> Book Title: <br> Blurb/Summary: </br> Type of Feedback (Serious/Casual): <br> Amount of Chapters you would like me to read: <br> Password: <br> Any other comments?:``` </span></div>

<div align="center"> <span style="font-size:12px; border: 2px solid black; display: block;"> <span style="font-size:15px">Blurb and Logline of Meiste:</span><br> <strong> Logline: </strong> Join Eheste Lozerief–Hero of Earth–and the other six Heroes as they unlock the secrets of Meiste and themselves together. Though they fail over and over again, nothing will stop their courageous determination… right?<br> <br><strong> Blurb:</strong> Eheste Lozerief–the Hero of Earth–is no stranger to failure. Since the Hero of Life’s death, she’s tried countless times to explain how magic works, but she always winds up with more questions than answers. That was true until she met In Iziser, the King of Zeneste and Hero of Cognition. Together, Lozerief, Iziser, Taguchif (Hero of Doom), and Hotautebz (Hero of Mind) all work together to uncover the mysteries behind the Magic of Meiste: what happened when the Hero of Life died? 
</span> </div>

Bloop

4 Likes
67

Oooh, that’s so cool!

3 Likes
68

-+++-
INTRODUCTION

NAME: flyx
PRONOUNS: use any and all of them
TAGLIST: no
WHAT AM I HERE FOR? I’m here to remember/practice coding

note: is it alright if I don’t do all the activities?
-+++-


raw code

<span style="font-size:16px; display: block; border: 1px dotted;padding:15px;margin:auto;text-align:center;border-radius:200px;color:yellow;height:80px;width:250px;overflow-y:scroll;text-shadow:0px 0px 5px ivory;font-family:serif;background-color:grey;">-+++\-<br>INTRODUCTION<br><br><small>NAME: flyx<br>PRONOUNS: use any and all of them<br>TAGLIST: no<br>WHAT AM I HERE FOR? I'm here to remember/practice coding<br><br>note: is it alright if I don't do all the activities?</small><br>-+++\-</span>

6 Likes