➜ Forum: Creative corner

A speech bubble enclosing an ellipsis Thread: Stamp collector HTML template

Posted by MisspelledFox
The cooler Jalid, a cerulean and silver chicken with a lace pattern Ectoplasm, a teal and spring chicken with a head pattern Magma, a yellow and vermilion chicken with a speckle pattern THE orange, a orange chicken
5 months ago (edited 5 months ago )

Stamp collector HTML template

I like stamps and think everyone should look at them :D
Seems to work well on mobile from testing on my own phone's screen, but please let me know if you find any weird layout errors and I'll try to fix them!

Layout design:


Get code here


Live preview:

Baby, a cream and pink chicken with a speckle pattern
#2333 Baby
MisspelledFox
5 months • ZZ A pink camera

Notes:
  • This is just a template! Feel free to use as-is, use as inspiration, or completely modify it. You can do whatever you want with it smile emoji
  • 100% Mobile friendly (??)
  • Template's color is 100% customizable using all available site colors
  • To add more stamps simply copy & paste any of the placeholder empty sections!! You can delete unused ones as well :D
  • Although this code's intended for stamps, you could also just make really cute custom buttons and use them as clickable links :D
How to change template's color:
  1. Find "badge col-grey" in the template
  2. Replace "grey" with your preferred color
    • You can use any text editor that has the "Replace" feature to do this in 2 seconds!
    • You can use different colors for each box and as many colors as you like.
    • If you're having trouble changing the color, feel free to ping me and I'll do it for you! smile emoji
Click me to see all available colors
.col-pink .col-maroon .col-rose .col-crimson .col-red .col-russet .col-brown .col-vermilion .col-bark .col-cream .col-beige .col-orange .col-honey .col-gold .col-ochre .col-yellow .col-lemon .col-lime .col-apple .col-chartreuse .col-olive .col-leaf .col-grass .col-gluppy .col-viridian .col-spring .col-mint .col-turquoise .col-teal .col-aqua .col-sea .col-cerulean .col-sky .col-sapphire .col-ultramarine .col-tumblr .col-navy .col-indigo .col-lilac .col-blurple .col-overcast .col-violet .col-amethyst .col-lavender .col-orchid .col-plum .col-fuchsia .col-wine .col-black .col-sable .col-grey .col-ash .col-silver .col-mist .col-white

Replies

No replies found.