I feel like changing the look of my personal thread’s first post. I need a little help deciding the layout though 
all the things under “Hide Details” are live code btw, because idk if using screenshots will do them justice.
So this is what it looks like right now. It has a menu icon in the corner
Now I’m thinking of changing it. Below are some ideas I have (I’m too lazy to come up with new code so I’ll be using past examples)
Idea 1: Simple Background + Quote + Scroll Box
“For my part I know nothing with any certainty, but the sight of the stars makes me dream.”—Vincent van Gogh Summer Stars
Hello and welcome to Summer Stars, a chat thread hosted by your resident semicolon lover. Here we can talk about anything—our favorite books to read, our favorite stories to write, the music we love to listen to, or anything that springs to mind. Don’t be shy; everyone is welcome here! That includes you too, lurkers.
Before we begin, there are a few rules to follow:
✩ Don’t forget to introduce yourself! It doesn’t have to be anything fancy; a simple “Hi, my name is (insert)!” would do the trick. There’s no introduction form, but you can make your own or ask me to code one for you.
✩ Follow the Code of Conduct. We’d love to hear about your stories! However, don’t post a link to them here—send a private message instead. Also, let’s keep it clean and PG-13 for the younger peeps around here.
✩ Be nice! Tone can be a bit hard to tell over the internet; with that being said, let’s keep this a fun place for everyone!
✩ Have fun! Make some new friends, talk about your day—whatever floats your boat.
What are you waiting for? Grab your favorite pillow and sit with me under the sky. I can’t wait to stargaze with you.
Taglists
General Taglist:
(insert usernames here)
Taglist for Song of the Day:
(insert usernames here)
Idea 2: Scroll Boxes + Pictures + Text
⭐︎ ✧ starry sky ✧ ⭐︎
intro...
Hello and welcome to starry sky, a graphics thread where I offer custom covers and code for free! I can make simple covers, vector covers, manip covers, coded threads, and coded playlists, among others. Please note that I'm still a beginner in coding and I only use free tools and resources—such as Canva, Photoscape X, and Pixabay—so I apologize in advance if I don't meet your expectations, hehe.
I'm mostly doing this out of fun, so request away! I like making graphics for other people :D
rules... ✭ Be nice and abide by the Code of Conduct.
✭ Giving credit is a must. If you're using my cover, please credit me (cover by stella_vigo) in the description of your story or in an appropriate part of your book. If you're using my code, please don't remove my watermark.
✭ Thread-hopping is allowed as long as the other designer is okay with it. If you prefer another designer's work, don’t hesitate to let me know.
✭ Don’t steal my graphics. I put a lot of time and effort into making these, no matter how simple they look.
✭ If you unpublish/delete your story, use another cover, or delete your account, I have the right to turn your cover into a premade. This also goes to covers that you end up not choosing if I offer more than one design.
things to note... ✭ Your story doesn't have to be published for you to request a cover.
✭ Though I accept most requests, it's not a guarantee that I will accept yours.
✭ All my code is desktop-friendly, mobile-friendly, light-mode-friendly, and dark-mode-friendly by default.
✭ This shop is only for custom orders. I offer premade covers on the 𝖌𝖗𝖆𝖓𝖉𝖊𝖚𝖗 graphics thread.
✭ Highly-manipulated covers (also known as "manip" covers) are covers that take much more time and editing than simply putting text on a picture. Many fantasy covers can be considered "manip" covers.
✭ I'll always show prototypes before I deliver the final product, whether it be a cover or some code. You're allowed to request a complete redo after I show the prototype, but not after delivery. After delivery, I can only accept reasonable edits.
✭ I can code playlists, but I'd prefer if you tell me what songs you want me to include. I can put my own songs but my music taste is, uh, unconventional to say the least.
payment... Payment is optional. Since I'm very much a novice, I'm doing this for free. If you want, though, you can complete one of the following payments:
✭ One comment each on any three poems from my poetry collection, from the depths of my mind, they flutter free.
✭ One inline comment each on the first three chapters of The Secret Land of Otrâlmondé
✭ Three inline comments on any story from my anthology, First and Final
✭ Three inline comments on one of the following short works: I'm Sorry, Word Paintings, or Missing
form... To copy the form, please click on the icon located in the upper-right corner.
I'm mostly doing this out of fun, so request away! I like making graphics for other people :D
rules... ✭ Be nice and abide by the Code of Conduct.
✭ Giving credit is a must. If you're using my cover, please credit me (cover by stella_vigo) in the description of your story or in an appropriate part of your book. If you're using my code, please don't remove my watermark.
✭ Thread-hopping is allowed as long as the other designer is okay with it. If you prefer another designer's work, don’t hesitate to let me know.
✭ Don’t steal my graphics. I put a lot of time and effort into making these, no matter how simple they look.
✭ If you unpublish/delete your story, use another cover, or delete your account, I have the right to turn your cover into a premade. This also goes to covers that you end up not choosing if I offer more than one design.
things to note... ✭ Your story doesn't have to be published for you to request a cover.
✭ Though I accept most requests, it's not a guarantee that I will accept yours.
✭ All my code is desktop-friendly, mobile-friendly, light-mode-friendly, and dark-mode-friendly by default.
✭ This shop is only for custom orders. I offer premade covers on the 𝖌𝖗𝖆𝖓𝖉𝖊𝖚𝖗 graphics thread.
✭ Highly-manipulated covers (also known as "manip" covers) are covers that take much more time and editing than simply putting text on a picture. Many fantasy covers can be considered "manip" covers.
✭ I'll always show prototypes before I deliver the final product, whether it be a cover or some code. You're allowed to request a complete redo after I show the prototype, but not after delivery. After delivery, I can only accept reasonable edits.
✭ I can code playlists, but I'd prefer if you tell me what songs you want me to include. I can put my own songs but my music taste is, uh, unconventional to say the least.
payment... Payment is optional. Since I'm very much a novice, I'm doing this for free. If you want, though, you can complete one of the following payments:
✭ One comment each on any three poems from my poetry collection, from the depths of my mind, they flutter free.
✭ One inline comment each on the first three chapters of The Secret Land of Otrâlmondé
✭ Three inline comments on any story from my anthology, First and Final
✭ Three inline comments on one of the following short works: I'm Sorry, Word Paintings, or Missing
form... To copy the form, please click on the icon located in the upper-right corner.
form for covers
<span style="font-size: 1.8vmin; display: block; font-family: Tahoma, Verdana, sans serif; margin: auto; width: 80%; padding-right: 15px; padding-left: 15px; border: 3px solid; box-shadow: 5px 5px 0px #8994bc; color: #8994bc; background-color: white;">
<span style="font-size: 3vmin; display: block; letter-spacing: 2.2px; text-align: center; margin-top: 15px; margin-bottom: 15px;">☆ requesting a cover ☆</span>
<span style="font-size:; display: flex; margin: auto;">
<span style="font-size:; display: inline-block; margin: auto; margin-right: 15px; padding: 10px; background-image: url('https://cdn140.picsart.com/330583801047201.gif?to=crop&type=webp&r=310x310&q=75'); background-repeat: no-repeat; background-size: 20vmin 20vmin; height: 20vmin; width: 20vmin; background-position: center"></span>
<span style="font-size:; display: inline-block; margin: auto; width: 75%; padding-right: 10px; height: 20vmin; overflow-y: scroll">
✬ <b>Cover Type (simple/vector/manip/other):</b> INSERT TEXT HERE<br>
✬ <b>Title:</b> INSERT TEXT HERE<br>
✬ <b>Subtitle (optional):</b> INSERT TEXT HERE<br>
✬ <b>Tagline (optional):</b> INSERT TEXT HERE<br>
✬ <b>Author Name:</b> INSERT TEXT HERE<br>
✬ <b>Ideas (please be specific):</b> INSERT TEXT HERE<br>
✬ <b>Genre (optional):</b> INSERT TEXT HERE<br>
✬ <b>Other (optional):</b> INSERT TEXT HERE
<details><summary>Short Summary (optional)</summary>
(type a short summary of your story below if you want)
</details>
<details><summary>inspo pics (optional)</summary>
(insert inspo pics below if you want)
</details>
</span></span>
<span style="font-size: 1vmin; font-family: Garamond; display: block; margin: auto; text-align: center; color: #8080a0; letter-spacing: 1.2px; margin-bottom: 10px;">⭐︎ ✧ coded by stella_vigo ✧ ⭐︎</span>
</span>
form for code
<span style="font-size: 1.8vmin; display: block; font-family: Tahoma, Verdana, sans serif; margin: auto; width: 80%; padding-right: 15px; padding-left: 15px; border: 3px solid; box-shadow: 5px 5px 0px #04097d; color: #04097d; background-color: white">
<span style="font-size: 3vmin; display: block; letter-spacing: 2.2px; text-align: center; margin-top: 15px; margin-bottom: 15px;">★ requesting code ★</span>
<span style="font-size:; display: flex; margin: auto;">
<span style="font-size:; display: inline-block; margin: auto; margin-right: 15px; padding: 10px; background-image: url('https://cdn73.picsart.com/194513109000202.gif?to=min&r=640'); background-repeat: no-repeat; background-size: 20vmin 20vmin; height: 20vmin; width: 20vmin; background-position: center"></span>
<span style="font-size:; display: inline-block; margin: auto; width: 75%; padding-right: 10px; height: 20vmin; overflow-y: scroll">
✪ <b>Code Type (thread/playlist/slideshow/other):</b> INSERT TEXT HERE<br>
✪ <b>Title:</b> INSERT TEXT HERE<br>
✪ <b>Subtitle/Tagline (optional):</b> INSERT TEXT HERE<br>
✪ <b>Ideas (please be specific):</b> INSERT TEXT HERE<br>
✪ <b>Other (optional):</b> INSERT TEXT HERE
<details><summary>inspo pics (optional)</summary>
(insert inspo pics below)
</details>
</span></span>
<span style="font-size: 1vmin; font-family: Garamond; display: block; margin: auto; text-align: center; color: #8080a0; letter-spacing: 1.2px; margin-bottom: 10px;">⭐︎ ✧ coded by stella_vigo ✧ ⭐︎</span>
</span>
Idea 3: Scroll Boxes Inside Scroll Box + Pictures + Text
⭐︎ ✧ starry sky ✧ ⭐︎
▼ scroll down to see more ▼
intro...
Hello and welcome to starry sky, a graphics thread where I offer custom covers and code for free! I can make simple covers, vector covers, manip covers, coded threads, and coded playlists, among others. Please note that I'm still a beginner in coding and I only use free tools and resources—such as Canva, Photoscape X, and Pixabay—so I apologize in advance if I don't meet your expectations, hehe.
I'm mostly doing this out of fun, so request away! I like making graphics for other people :D
rules... ✭ Be nice and abide by the Code of Conduct.
✭ Giving credit is a must. If you're using my cover, please credit me (cover by stella_vigo) in the description of your story or in an appropriate part of your book. If you're using my code, please don't remove my watermark.
✭ Thread-hopping is allowed as long as the other designer is okay with it. If you prefer another designer's work, don’t hesitate to let me know.
✭ Don’t steal my graphics. I put a lot of time and effort into making these, no matter how simple they look.
✭ If you unpublish/delete your story, use another cover, or delete your account, I have the right to turn your cover into a premade. This also goes to covers that you end up not choosing if I offer more than one design.
things to note... ✭ Your story doesn't have to be published for you to request a cover.
✭ Though I accept most requests, it's not a guarantee that I will accept yours.
✭ All my code is desktop-friendly, mobile-friendly, light-mode-friendly, and dark-mode-friendly by default.
✭ This shop is only for custom orders. I offer premade covers on the 𝖌𝖗𝖆𝖓𝖉𝖊𝖚𝖗 graphics thread.
✭ Highly-manipulated covers (also known as "manip" covers) are covers that take much more time and editing than simply putting text on a picture. Many fantasy covers can be considered "manip" covers.
✭ I'll always show prototypes before I deliver the final product, whether it be a cover or some code. You're allowed to request a complete redo after I show the prototype, but not after delivery. After delivery, I can only accept reasonable edits.
✭ I can code playlists, but I'd prefer if you tell me what songs you want me to include. I can put my own songs but my music taste is, uh, unconventional to say the least.
payment... Payment is optional. Since I'm very much a novice, I'm doing this for free. If you want, though, you can complete one of the following payments:
✭ One comment each on any three poems from my poetry collection, from the depths of my mind, they flutter free.
✭ One inline comment each on the first three chapters of The Secret Land of Otrâlmondé
✭ Three inline comments on any story from my anthology, First and Final
✭ Three inline comments on one of the following short works: I'm Sorry, Word Paintings, or Missing
form... To copy the form, please click on the icon located in the upper-right corner.
I'm mostly doing this out of fun, so request away! I like making graphics for other people :D
rules... ✭ Be nice and abide by the Code of Conduct.
✭ Giving credit is a must. If you're using my cover, please credit me (cover by stella_vigo) in the description of your story or in an appropriate part of your book. If you're using my code, please don't remove my watermark.
✭ Thread-hopping is allowed as long as the other designer is okay with it. If you prefer another designer's work, don’t hesitate to let me know.
✭ Don’t steal my graphics. I put a lot of time and effort into making these, no matter how simple they look.
✭ If you unpublish/delete your story, use another cover, or delete your account, I have the right to turn your cover into a premade. This also goes to covers that you end up not choosing if I offer more than one design.
things to note... ✭ Your story doesn't have to be published for you to request a cover.
✭ Though I accept most requests, it's not a guarantee that I will accept yours.
✭ All my code is desktop-friendly, mobile-friendly, light-mode-friendly, and dark-mode-friendly by default.
✭ This shop is only for custom orders. I offer premade covers on the 𝖌𝖗𝖆𝖓𝖉𝖊𝖚𝖗 graphics thread.
✭ Highly-manipulated covers (also known as "manip" covers) are covers that take much more time and editing than simply putting text on a picture. Many fantasy covers can be considered "manip" covers.
✭ I'll always show prototypes before I deliver the final product, whether it be a cover or some code. You're allowed to request a complete redo after I show the prototype, but not after delivery. After delivery, I can only accept reasonable edits.
✭ I can code playlists, but I'd prefer if you tell me what songs you want me to include. I can put my own songs but my music taste is, uh, unconventional to say the least.
payment... Payment is optional. Since I'm very much a novice, I'm doing this for free. If you want, though, you can complete one of the following payments:
✭ One comment each on any three poems from my poetry collection, from the depths of my mind, they flutter free.
✭ One inline comment each on the first three chapters of The Secret Land of Otrâlmondé
✭ Three inline comments on any story from my anthology, First and Final
✭ Three inline comments on one of the following short works: I'm Sorry, Word Paintings, or Missing
form... To copy the form, please click on the icon located in the upper-right corner.
form for covers
<span style="font-size: 1.8vmin; display: block; font-family: Tahoma, Verdana, sans serif; margin: auto; width: 80%; padding-right: 15px; padding-left: 15px; border: 3px solid; box-shadow: 5px 5px 0px #8994bc; color: #8994bc; background-color: white;">
<span style="font-size: 3vmin; display: block; letter-spacing: 2.2px; text-align: center; margin-top: 15px; margin-bottom: 15px;">☆ requesting a cover ☆</span>
<span style="font-size:; display: flex; margin: auto;">
<span style="font-size:; display: inline-block; margin: auto; margin-right: 15px; padding: 10px; background-image: url('https://cdn140.picsart.com/330583801047201.gif?to=crop&type=webp&r=310x310&q=75'); background-repeat: no-repeat; background-size: 20vmin 20vmin; height: 20vmin; width: 20vmin; background-position: center"></span>
<span style="font-size:; display: inline-block; margin: auto; width: 75%; padding-right: 10px; height: 20vmin; overflow-y: scroll">
✬ <b>Cover Type (simple/vector/manip/other):</b> INSERT TEXT HERE<br>
✬ <b>Title:</b> INSERT TEXT HERE<br>
✬ <b>Subtitle (optional):</b> INSERT TEXT HERE<br>
✬ <b>Tagline (optional):</b> INSERT TEXT HERE<br>
✬ <b>Author Name:</b> INSERT TEXT HERE<br>
✬ <b>Ideas (please be specific):</b> INSERT TEXT HERE<br>
✬ <b>Genre (optional):</b> INSERT TEXT HERE<br>
✬ <b>Other (optional):</b> INSERT TEXT HERE
<details><summary>Short Summary (optional)</summary>
(type a short summary of your story below if you want)
</details>
<details><summary>inspo pics (optional)</summary>
(insert inspo pics below if you want)
</details>
</span></span>
<span style="font-size: 1vmin; font-family: Garamond; display: block; margin: auto; text-align: center; color: #8080a0; letter-spacing: 1.2px; margin-bottom: 10px;">⭐︎ ✧ coded by stella_vigo ✧ ⭐︎</span>
</span>
form for code
<span style="font-size: 1.8vmin; display: block; font-family: Tahoma, Verdana, sans serif; margin: auto; width: 80%; padding-right: 15px; padding-left: 15px; border: 3px solid; box-shadow: 5px 5px 0px #04097d; color: #04097d; background-color: white">
<span style="font-size: 3vmin; display: block; letter-spacing: 2.2px; text-align: center; margin-top: 15px; margin-bottom: 15px;">★ requesting code ★</span>
<span style="font-size:; display: flex; margin: auto;">
<span style="font-size:; display: inline-block; margin: auto; margin-right: 15px; padding: 10px; background-image: url('https://cdn73.picsart.com/194513109000202.gif?to=min&r=640'); background-repeat: no-repeat; background-size: 20vmin 20vmin; height: 20vmin; width: 20vmin; background-position: center"></span>
<span style="font-size:; display: inline-block; margin: auto; width: 75%; padding-right: 10px; height: 20vmin; overflow-y: scroll">
✪ <b>Code Type (thread/playlist/slideshow/other):</b> INSERT TEXT HERE<br>
✪ <b>Title:</b> INSERT TEXT HERE<br>
✪ <b>Subtitle/Tagline (optional):</b> INSERT TEXT HERE<br>
✪ <b>Ideas (please be specific):</b> INSERT TEXT HERE<br>
✪ <b>Other (optional):</b> INSERT TEXT HERE
<details><summary>inspo pics (optional)</summary>
(insert inspo pics below)
</details>
</span></span>
<span style="font-size: 1vmin; font-family: Garamond; display: block; margin: auto; text-align: center; color: #8080a0; letter-spacing: 1.2px; margin-bottom: 10px;">⭐︎ ✧ coded by stella_vigo ✧ ⭐︎</span>
</span>
Idea 4: Simple Picture + Scroll Box + Background
Summer Stars: The Playlist
1:15 ━━━|━━━━━━━━ 4:27⇆ ◁ ❚❚ ▷ ↺
now playing: Lost Stars – Adam Levine Queue: ≡ All The Stars – Kendrick Lamar and SZA
≡ A Sky Full of Stars – Coldplay
≡ Rewrite The Stars – Zac Efron and Zendaya
≡ Jumpy Star – Yuk-cheung Chun, Jeff Li, and Justine Lu
≡ City of Stars – Ryan Gosling and Emma Stone
≡ Waltz of the Rising Star – Lionel Yu
≡ Nocturne in E Flat Major, Op. 9 No. 2 – Chopin
⭐︎ ✧ coded by stella_vigo ✧ ⭐︎
Idea 5: Slideshow Style
Which of the three ideas should I go for?
- Idea 1
- Idea 2
- Idea 3
- Idea 4
- Idea 5
- Stick to the original post
0 voters