Previous | Next

Gallery: Mist

But I have promises to keep, & miles to go before I sleep


Hey guys! I liked one of my last gallery codes so much that I decided to make a semi-matching one for my newest playlist, Fog!

Your header will vertically center as much content as you do or don't need, and you can put in as many images in as you like and they will automatically align and resize themselves. Enjoy! ♥

The Coding

Installation Guide

Paste into an entry and fill in the following!

BGIMAGE - Your background
҈ - Header symbol
TITLEHERE - Title line
SUBTITLEHERE - Subtitle line
URL(x6) - Each gallery image (copy/paste as needed)

Editing Guide

Paste the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!

width:800px; - Overall width
height:400px; - Header height (will auto-center to fit extra content that does not exceed 290px)
padding:30px; - Gallery padding
column-count:3 (x3) - Number of gallery columns

Add this to div id="gallery"! max-height:700px;overflow:auto;

#fff - Header text color & gallery background
#ccc - Container borders

Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♡ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!


Nov. 17th, 2017 10:59 pm (UTC)
Any chance you might make a layout to match the mist gallery and fog playlist.
Nov. 22nd, 2017 12:05 pm (UTC)
I was definitely thinking about it, yeah!
Nov. 18th, 2017 12:32 am (UTC)
This is awesome!
Nov. 22nd, 2017 12:05 pm (UTC)
Heee ty ty! ♥ I love visuals galleries so much haha.
Nov. 20th, 2017 08:57 pm (UTC)
This was perfect timing. I was just collecting images for visuals for a game. You can see what I did with it here!
Nov. 22nd, 2017 12:06 pm (UTC)
Oh hell yeah, that header looks great!
Nov. 23rd, 2017 03:44 pm (UTC)
Thank you!
Nov. 23rd, 2017 05:28 pm (UTC)
I am such a sucker for character aesthetics. I ended up collecting so many pics that I did a hybrid gallery that merged this with the Image Roll one you posted recently. Thanks for everything you do!
Nov. 28th, 2017 02:34 pm (UTC)
Oooh, hell yes! ♥ You're so welcome!
Jun. 5th, 2018 05:01 pm (UTC)
hm, I'm trying to use this on DW and it seems determined to put vertical gaps between images. any thoughts?