chriscodes | Apr. 21st, 2023

SONG TITLE - ARTIST
LYRICS ONE
LYRICS TWO
LYRICS THREE
LYRICS FOUR

This is a re-do of an old code of mine, updating the code to not use tables anymore. I tried to keep it simple and no-nonsense. For when you want a playlist but you don't want anything over-the-top fancy.

INSTRUCTIONS:
Copy/Paste code below
Replace the following:
IMG_URL (optional)
YOUTUBE_URL
SONG TITLE
ARTIST
LYRICS ONE / LYRICS TWO / LYRICS THREE / LYRICS FOUR
YOUTUBE_PLAYLIST (optional)
SPOTIFY_PLAYLIST (optional)

Copy/Paste as many songs as you want
Delete whatever parts you don't need
Leave the credit as is
Comments are appreciated! I'd love to see what you do with it!

<raw-code><div style="margin:0 auto;max-width:100%;width:700px;display:flex;flex-wrap:wrap;">  <div style="width:100%;"><div style="margin:5px;padding:20px 5px;text-align:center;"> <img src="IMG_URL"> </div></div>   <div style="width:33.3%;"><div style="margin:5px;padding:20px 5px;"> <b><a href="YOUTUBE_URL">SONG TITLE</a> - ARTIST</b><br/> <small><i>LYRICS ONE<br/> LYRICS TWO<br/> LYRICS THREE<br/> LYRICS FOUR</i></small> </div></div>   <div style="width:33.3%;"><div style="margin:5px;padding:20px 5px;"> <b><a href="YOUTUBE_URL">SONG TITLE</a> - ARTIST</b><br/> <small><i>LYRICS ONE<br/> LYRICS TWO<br/> LYRICS THREE<br/> LYRICS FOUR</i></small> </div></div>   <div style="width:33.3%;"><div style="margin:5px;padding:20px 5px;"> <b><a href="YOUTUBE_URL">SONG TITLE</a> - ARTIST</b><br/> <small><i>LYRICS ONE<br/> LYRICS TWO<br/> LYRICS THREE<br/> LYRICS FOUR</i></small> </div></div>   <div style="width:100%;"><div style="margin:5px;padding:5px;text-align:right;"><small> <img src="https://i.imgur.com/gu6pJtj.png" width="15px"> <a href="YOUTUBE_PLAYLIST">youtube playlist</a>. <img src="https://i.imgur.com/vV2MEfS.png" width="15px"> <a href="SPOTIFY_PLAYLIST">spotify playlist</a>.  code by <user name=chriscodes> </small> </div></div> </div></raw-code>

Fantasy Game

REQUIREMENTS: 5 comments in 1 thread
CODE: EXEMPT • NEEDS MORE • GOOD TO GO • USING FOR AC

USAGI

Post: Description
Thread: Description (# comments)
Thread: Description (# comments)
Thread: Description (# comments)

TINTIN

Post: Description
Thread: Description (# comments)
Thread: Description (# comments)

Sci-Fi Game

REQUIREMENTS: 10 comments in 2-4 threads
CODE: EXEMPT • NEEDS MORE • GOOD TO GO • USING FOR AC

RHODEY

On hiatus MM/DD-MM/DD

BILLY

First month in game

code by

chriscodes

This is a re-do of an old code of mine, updating the code to not use tables anymore. For when you need to track AC for multiple characters in multiple games.

INSTRUCTIONS:
Copy/Paste code below
Make sure Disable Auto-Formatting is NOT checked
Replace the following:
GAME_IMG
GAME_URL
Game Name
insert requirements here
COLOR_NAME
USERNAME
NAME
THREAD_URL
Description
(# comments)
Copy/Paste games/characters and color code as necessary
Delete whatever parts you don't need
Leave the credit as is
Comments are appreciated! I'd love to see what you do with it!

<raw-code>  <div style="margin:0 auto;max-width:100%;width:600px;display:flex;flex-wrap:wrap;"> <div style="width:100%; font-size: 12pt; font-family: helvetica, futura, sans-serif; color: #000;"> <center><div style="height: 200px; width: 400px; background: url(GAME_IMG)center; background-size: cover;margin:10px;display:flex;justify-content:center;align-items:center;"><a href="GAME_URL" style="color: #fff; font-size:30pt; font-weight:bold;text-decoration:none">Game Name</a></div> <b>REQUIREMENTS:</b> insert requirements here<br/> <b>CODE:</b> <span style="color:blue;">EXEMPT</span> • <span style="color:magenta;">NEEDS MORE</span> • <span style="color:green;">GOOD TO GO</span> • <span style="color:green;font-weight:bold">USING FOR AC</span> </center></div>  </raw-code><div style="width:50%;"><div style="margin:5px;padding:20px 5px;"> <span style="color:COLOR_NAME;"> <div style="height: 100px; width: 100px; align: float; background: url(ICON_URL); background-position: center;"><div style="height: 20px; width: 100px; background: #eee; position: relative; top: 40px; opacity: 0.9;"><b><a href=http://USERNAME.dreamwidth.org/ style="text-decoration: none"><span style="color:#000;"><center>NAME</center></span></a></b></div></div> Post: <a href="THREAD_URL">Description</a> Thread: <a href="THREAD_URL">Description</a> (# comments) Thread: <a href="THREAD_URL">Description</a> (# comments) Thread: <a href="THREAD_URL">Description</a> (# comments) </span> </div></div><raw-code>   </raw-code><div style="width:50%;"><div style="margin:5px;padding:20px 5px;"> <span style="color:COLOR_NAME;"> <div style="height: 100px; width: 100px; align: float; background: url(ICON_URL); background-position: center;"><div style="height: 20px; width: 100px; background: #eee; position: relative; top: 40px; opacity: 0.9;"><b><a href=http://USERNAME.dreamwidth.org/ style="text-decoration: none"><span style="color:#000;"><center>NAME</center></span></a></b></div></div> Post: <a href="THREAD_URL">Description</a> Thread: <a href="THREAD_URL">Description</a> (# comments) Thread: <a href="THREAD_URL">Description</a> (# comments) Thread: <a href="THREAD_URL">Description</a> (# comments) </span> </div></div><raw-code>  </div> </div>   <div style="margin:0 auto;max-width:100%;width:600px;text-align:right;"><small>code by <user name=chriscodes></small></div> </raw-code>

A place for Chris to play with codes

Apr. 21st, 2023

Apr. 21st, 2023

Simple Playlist code - 2.0

Simple AC Tracker code - 2.0

Style Credit