# Coding Playground v.1

**URL:** <https://forum.wackywriters.com/t/coding-playground-v-1/645>\
**Category:** Coding Wizards\
**Created:** [August 1, 2020, 4:04am UTC](https://forum.wackywriters.com/t/coding-playground-v-1/645 "2020-08-01T04:04:49Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![JJJ000YYY](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/jjj000yyy/32/28011_2.png) [@JJJ000YYY](https://forum.wackywriters.com/u/JJJ000YYY)\
**Post date:** [August 1, 2020, 4:04am UTC](https://forum.wackywriters.com/t/coding-playground-v-1/645/1 "2020-08-01T04:04:49Z")

</div>

![](https://storage.wackywriters.com/original/1X/83138a1bd35abf7b8652bd6fbcdcdc6e11c46b51.jpeg)

This thread is for those who wish to practice with HTML and/or BBCode before constructing their own threads or specialized posts. Please do not use this space as a chatting thread.

For those that are new to coding or need a refresher, you may consult the [Coding Resource Megathread](https://forum.wackywriters.com/t/coding-resource-megathread/643) for common codes that work on this forum and that you can test in this thread. You are also welcome to ask questions there if you don’t understand something or need any extra coding help.

Do keep in mind that story advertising is not allowed in here, so please _do not_ include any actual story links. With that being said, have fun coding and creating new things!

---

<div class="post-metadata">

**Author:** ![lst-my-shp-sil](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/lst-my-shp-sil/32/10512_2.png) [@lst-my-shp-sil](https://forum.wackywriters.com/u/lst-my-shp-sil)\
**Post date:** [August 1, 2020, 4:21am UTC](https://forum.wackywriters.com/t/coding-playground-v-1/645/2 "2020-08-01T04:21:40Z")

</div>

WINNING MEANS FAME AND FORTUNE.

 

LOSING MEANS CERTAIN DEATH.

 

THE HUNGER GAMES HAVE BEGUN…

    
 

_coded by lst-my-shp-sil_

  

**BLURB**   
  
 In the ruins of a place once known as North America lies the nation of Panem, a shining Capitol surrounded by twelve outlying districts. The Capitol is harsh and cruel and keeps the districts in line by forcing them all to send one boy and once girl between the ages of twelve and eighteen to participate in the annual Hunger Games, a fight to the death on live TV.   
   
  
 Sixteen-year-old Katniss Everdeen regards it as a death sentence when she steps forward to take her sister’s place in the Games. But Katniss has been close to dead before—and survival, for her, is second nature. Without really meaning to, she becomes a contender. But if she is to win, she will have to start making choices that weight survival against humanity and life against love.

---

<div class="post-metadata">

**Author:** ![Forever\_D\_A](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/forever_d_a/32/26962_2.png) [@Forever\_D\_A](https://forum.wackywriters.com/u/Forever_D_A)\
**Post date:** [August 1, 2020, 12:06pm UTC](https://forum.wackywriters.com/t/coding-playground-v-1/645/4 "2020-08-01T12:06:40Z")

</div>

> **Summary**
>
> This text will be hidden  
> test
> 
> Will add more later
> 
> _thank you @Spider-Hawk  
> Beep  
> Beep_  
> Beep

---

<div class="post-metadata">

**Author:** ![Spider-Hawk](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/spider-hawk/32/5318_2.png) [@Spider-Hawk](https://forum.wackywriters.com/u/Spider-Hawk)\
**Post date:** [August 1, 2020, 5:26pm UTC](https://forum.wackywriters.com/t/coding-playground-v-1/645/5 "2020-08-01T17:26:38Z")

</div>

**Type 1**  
 LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA. UT ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCITATION ULLAMCO LABORIS NISI UT ALIQUIP EX EA COMMODO CONSEQUAT. DUIS AUTE IRURE DOLOR IN REPREHENDERIT IN VOLUPTATE VELIT ESSE CILLUM DOLORE EU FUGIAT NULLA PARIATUR. EXCEPTEUR SINT OCCAECAT CUPIDATAT NON PROIDENT, SUNT IN CULPA QUI OFFICIA DESERUNT MOLLIT ANIM ID EST LABORUM.

**Type 2**  
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA. UT ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCITATION ULLAMCO LABORIS NISI UT ALIQUIP EX EA COMMODO CONSEQUAT. DUIS AUTE IRURE DOLOR IN REPREHENDERIT IN VOLUPTATE VELIT ESSE CILLUM DOLORE EU FUGIAT NULLA PARIATUR. EXCEPTEUR SINT OCCAECAT CUPIDATAT NON PROIDENT, SUNT IN CULPA QUI OFFICIA DESERUNT MOLLIT ANIM ID EST LABORUM

**Type 3**  
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA. UT ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCITATION ULLAMCO LABORIS NISI UT ALIQUIP EX EA COMMODO CONSEQUAT. DUIS AUTE IRURE DOLOR IN REPREHENDERIT IN VOLUPTATE VELIT ESSE CILLUM DOLORE EU FUGIAT NULLA PARIATUR. EXCEPTEUR SINT OCCAECAT CUPIDATAT NON PROIDENT, SUNT IN CULPA QUI OFFICIA DESERUNT MOLLIT ANIM ID EST LABORUMLOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA. UT ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCITATION ULLAMCO LABORIS NISI UT ALIQUIP EX EA COMMODO CONSEQUAT. DUIS AUTE IRURE DOLOR IN REPREHENDERIT IN VOLUPTATE VELIT ESSE CILLUM DOLORE EU FUGIAT NULLA PARIATUR. EXCEPTEUR SINT OCCAECAT CUPIDATAT NON PROIDENT, SUNT IN CULPA QUI OFFICIA DESERUNT MOLLIT ANIM ID EST LABORUM

Type 4 ![](https://storage.wackywriters.com/original/3X/b/d/bd537d2edbd76f216d0eff2b618f7fe90f0caf8b.jpeg)  
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA. UT ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCITATION ULLAMCO LABORIS NISI UT ALIQUIP EX EA COMMODO CONSEQUAT. DUIS AUTE IRURE DOLOR IN REPREHENDERIT IN VOLUPTATE VELIT ESSE CILLUM DOLORE EU FUGIAT NULLA PARIATUR. EXCEPTEUR SINT OCCAECAT CUPIDATAT NON PROIDENT, SUNT IN CULPA QUI OFFICIA DESERUNT MOLLIT ANIM ID EST LABORUMlink

---

<div class="post-metadata">

**Author:** ![astrophile](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/astrophile/32/62363_2.png) [@astrophile](https://forum.wackywriters.com/u/astrophile)\
**Post date:** [August 2, 2020, 4:53am UTC](https://forum.wackywriters.com/t/coding-playground-v-1/645/6 "2020-08-02T04:53:19Z")

</div>

This sentence is italicized.

---

<div class="post-metadata">

**Author:** ![astrophile](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/astrophile/32/62363_2.png) [@astrophile](https://forum.wackywriters.com/u/astrophile)\
**Post date:** [August 2, 2020, 4:56am UTC](https://forum.wackywriters.com/t/coding-playground-v-1/645/7 "2020-08-02T04:56:09Z")

</div>

This sentence is in bold.

---

<div class="post-metadata">

**Author:** ![astrophile](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/astrophile/32/62363_2.png) [@astrophile](https://forum.wackywriters.com/u/astrophile)\
**Post date:** [August 2, 2020, 4:58am UTC](https://forum.wackywriters.com/t/coding-playground-v-1/645/8 "2020-08-02T04:58:24Z")

</div>

This sentence is underlined.

---

<div class="post-metadata">

**Author:** ![merinnie](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/merinnie/32/7468_2.png) [@merinnie](https://forum.wackywriters.com/u/merinnie)\
**Post date:** [August 3, 2020, 2:31am UTC](https://forum.wackywriters.com/t/coding-playground-v-1/645/9 "2020-08-03T02:31:15Z")

</div>

`hi there uwu. wait this is cool- NOTE: this is for me to test and add stuff uwu`

* * *

> **fonts**
>
> AaBbCcDdEeFfGgHhIiJjKkLlMnOoPpQqRrSsTtUuVvWwXxYyZz = verdana
> 
> AaBbCcDdEeFfGgHhIiJjKkLlMnOoPpQqRrSsTtUuVvWwXxYyZz = Tahoma
> 
> AaBbCcDdEeFfGgHhIiJjKkLlMnOoPpQqRrSsTtUuVvWwXxYyZz = Century
> 
> AaBbCcDdEeFfGgHhIiJjKkLlMnOoPpQqRrSsTtUuVvWwXxYyZz = Lucida Console
> 
> AaBbCcDdEeFfGgHhIiJjKkLlMnOoPpQqRrSsTtUuVvWwXxYyZz = Rockwell
> 
> AaBbCcDdEeFfGgHhIiJjKkLlMnOoPpQqRrSsTtUuVvWwXxYyZz = Scribble
> 
> AaBbCcDdEeFfGgHhIiJjKkLlMnOoPpQqRrSsTtUuVvWwXxYyZz = Trebuchet
> 
> AaBbCcDdEeFfGgHhIiJjKkLlMnOoPpQqRrSsTtUuVvWwXxYyZz = Cursive
> 
> AaBbCcDdEeFfGgHhIiJjKkLlMnOoPpQqRrSsTtUuVvWwXxYyZz = Script
> 
> AaBbCcDdEeFfGgHhIiJjKkLlMnOoPpQqRrSsTtUuVvWwXxYyZz = Autumn
> 
> AaBbCcDdEeFfGgHhIiJjKkLlMnOoPpQqRrSsTtUuVvWwXxYyZz = Courier New
> 
> AaBbCcDdEeFfGgHhIiJjKkLlMnOoPpQqRrSsTtUuVvWwXxYyZz = Arial
> 
> AaBbCcDdEeFfGgHhIiJjKkLlMnOoPpQqRrSsTtUuVvWwXxYyZz = Comic Sans MS
> 
> AaBbCcDdEeFfGgHhIiJjKkLlMnOoPpQqRrSsTtUuVvWwXxYyZz = Times New Roman
> 
> AaBbCcDdEeFfGgHhIiJjKkLlMnOoPpQqRrSsTtUuVvWwXxYyZz = Mistral
> 
> AaBbCcDdEeFfGgHhIiJjKkLlMnOoPpQqRrSsTtUuVvWwXxYyZz = Copperplate
> 
> AaBbCcDdEeFfGgHhIiJjKkLlMnOoPpQqRrSsTtUuVvWwXxYyZz = Herculanum
> 
> AaBbCcDdEeFfGgHhIiJjKkLlMnOoPpQqRrSsTtUuVvWwXxYyZz = Papyrus
> 
> AaBbCcDdEeFfGgHhIiJjKkLlMnOoPpQqRrSsTtUuVvWwXxYyZz = Monotype Corsiva
> 
> (some look the same on laptop [a.k.a some look the same on my laptop])

* * *

> **other**
>
> ```auto
> [b]bold text[/b]
> ```
> 
> * * *
> 
> ggueak
> 
> * * *
> 
> ggueak
> 
> [for future reference.](https://www.stuffbydavid.com/textcolorizer)
> 
> * * *
> 
> hi uwu omg this is so cool-
> 
> * * *
> 
> ggueak
> 
> * * *
> 
> @.lst-my-shp-sil tysm~ \<3
> 
> * * *
> 
> hiiiiii omG thank you @.Spider-Hawk
> 
> * * *
> 
> | **ggueak** |
> 
> * * *
> 
> > [@merinnie](#):
> >
> > ggueak
> 
> * * *
> 
> thank you @.akkiie uwu
> 
> * * *

  
-------

@Spider-Hawk how did you make the box corners rounded-

---

<div class="post-metadata">

**Author:** ![lst-my-shp-sil](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/lst-my-shp-sil/32/10512_2.png) [@lst-my-shp-sil](https://forum.wackywriters.com/u/lst-my-shp-sil)\
**Post date:** [August 3, 2020, 12:59pm UTC](https://forum.wackywriters.com/t/coding-playground-v-1/645/10 "2020-08-03T12:59:09Z")

</div>

> [@merinnie](#):
>
> how did you make it gradient-?

I used a site that you can find [here](https://www.stuffbydavid.com/textcolorizer).

> [@merinnie](#):
>
> “put your question here”

I used text here:

![image](https://storage.wackywriters.com/original/2X/4/4dc632ca92bda83d1c7d616f020a5928006d2145.jpeg)

> [@merinnie](#):
>
> changing the highlight color-

[bgcolor=red]Stuff[/bgcolor] except without the last space before the brackets.

I hope I helped 🙂

---

<div class="post-metadata">

**Author:** ![Forever\_D\_A](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/forever_d_a/32/26962_2.png) [@Forever\_D\_A](https://forum.wackywriters.com/u/Forever_D_A)\
**Post date:** [August 3, 2020, 1:39pm UTC](https://forum.wackywriters.com/t/coding-playground-v-1/645/11 "2020-08-03T13:39:45Z")

</div>

I cannot figure out how you do that

---

<div class="post-metadata">

**Author:** ![merinnie](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/merinnie/32/7468_2.png) [@merinnie](https://forum.wackywriters.com/u/merinnie)\
**Post date:** [August 3, 2020, 1:42pm UTC](https://forum.wackywriters.com/t/coding-playground-v-1/645/12 "2020-08-03T13:42:06Z")

</div>

ahhh yayyyyy~ okay tyysmmmm~~ \<3 \<3

---

<div class="post-metadata">

**Author:** ![lst-my-shp-sil](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/lst-my-shp-sil/32/10512_2.png) [@lst-my-shp-sil](https://forum.wackywriters.com/u/lst-my-shp-sil)\
**Post date:** [August 3, 2020, 1:42pm UTC](https://forum.wackywriters.com/t/coding-playground-v-1/645/13 "2020-08-03T13:42:50Z")

</div>

No problem!

---

<div class="post-metadata">

**Author:** ![Spider-Hawk](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/spider-hawk/32/5318_2.png) [@Spider-Hawk](https://forum.wackywriters.com/u/Spider-Hawk)\
**Post date:** [August 3, 2020, 1:46pm UTC](https://forum.wackywriters.com/t/coding-playground-v-1/645/14 "2020-08-03T13:46:22Z")

</div>

It’s very complicated.

---

<div class="post-metadata">

**Author:** ![Spider-Hawk](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/spider-hawk/32/5318_2.png) [@Spider-Hawk](https://forum.wackywriters.com/u/Spider-Hawk)\
**Post date:** [August 3, 2020, 1:58pm UTC](https://forum.wackywriters.com/t/coding-playground-v-1/645/15 "2020-08-03T13:58:50Z")

</div>

text  
text  
text  
**text**  
**text**  
text

---

<div class="post-metadata">

**Author:** ![merinnie](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/merinnie/32/7468_2.png) [@merinnie](https://forum.wackywriters.com/u/merinnie)\
**Post date:** [August 3, 2020, 2:12pm UTC](https://forum.wackywriters.com/t/coding-playground-v-1/645/16 "2020-08-03T14:12:28Z")

</div>

hiiiiii omG

---

<div class="post-metadata">

**Author:** ![Spider-Hawk](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/spider-hawk/32/5318_2.png) [@Spider-Hawk](https://forum.wackywriters.com/u/Spider-Hawk)\
**Post date:** [August 3, 2020, 4:53pm UTC](https://forum.wackywriters.com/t/coding-playground-v-1/645/17 "2020-08-03T16:53:51Z")

</div>

You can also take out the height and width so that the block is however long you text is.

~~might teach more later if you want~~ @merinnie

---

<div class="post-metadata">

**Author:** ![merinnie](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/merinnie/32/7468_2.png) [@merinnie](https://forum.wackywriters.com/u/merinnie)\
**Post date:** [August 4, 2020, 2:43am UTC](https://forum.wackywriters.com/t/coding-playground-v-1/645/19 "2020-08-04T02:43:23Z")

</div>

> [@Spider-Hawk](#):
>
> ~~might teach more later if you want~~ @merinnie

yes please uwu

---

<div class="post-metadata">

**Author:** ![JJJ000YYY](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/jjj000yyy/32/28011_2.png) [@JJJ000YYY](https://forum.wackywriters.com/u/JJJ000YYY)\
**Post date:** [August 4, 2020, 5:41am UTC](https://forum.wackywriters.com/t/coding-playground-v-1/645/20 "2020-08-04T05:41:40Z")

</div>

test

---

<div class="post-metadata">

**Author:** ![astrophile](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/astrophile/32/62363_2.png) [@astrophile](https://forum.wackywriters.com/u/astrophile)\
**Post date:** [August 4, 2020, 5:41am UTC](https://forum.wackywriters.com/t/coding-playground-v-1/645/21 "2020-08-04T05:41:53Z")

</div>

Hello.

---

<div class="post-metadata">

**Author:** ![SockMonster1](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/sockmonster1/32/27831_2.png) [@SockMonster1](https://forum.wackywriters.com/u/SockMonster1)\
**Post date:** [August 4, 2020, 5:43am UTC](https://forum.wackywriters.com/t/coding-playground-v-1/645/22 "2020-08-04T05:43:52Z")

</div>

text

[Next page](https://forum.wackywriters.com/t/coding-playground-v-1/645.md?page=2)
