Tessisamess

Information

Hey, guys! Today we have a brand new scrolling gallery code! This gallery is responsive, so it should sit on smaller and larger screens well with no editing needed to the widths or image specs. Images break into three columns and sit flush with one another both horizontally and vertically, giving it a modern social media feel. New images are extremely simple to add, and you can add as many as you want! Sky's Entry limit's the... uh, limit. Enjoy! ♥

And don't forget—this is the last day of my 20% off sale!

The Coding

<lj-raw><div id="gallery" style="background:#fff;padding:15px;width:75%;min-width:800px;max-width:1100px;margin:10px auto;font-family:helvetica,arial,sans-serif;font-size:12px;border:1px solid #ccc;-webkit-box-shadow:1px 1px 5px 0 rgba(0,0,0,0.3);box-shadow:1px 1px 5px 0 rgba(0,0,0,0.3);-webkit-border-radius:5px;border-radius:5px;"> <div id="header" style="height:70px;padding-bottom:15px;"> <img src="ICONHERE" style="float:left;height:70px;width:70px;margin-right:10px;"> <h3 style="margin:0;padding-top:15px;font-size:20px;letter-spacing:3px;font-weight:normal;text-transform:uppercase;">TITLEHERE</h3> <i style="letter-spacing:1px;text-transform:lowercase;">SUBTITLEHERE</i> </div> <div id="scroll" style="height:1000px;overflow:auto;"><div id="images" style="-webkit-column-count:3;-webkit-column-gap:0;-moz-column-count:3;-moz-column-gap:0;column-count:3;column-gap:0;"> <!---YOUR IMAGES; ADD AS MANY AS YOU LIKE--> <img src="URL" style="width:100%!important;height:auto!important;"> <img src="URL" style="width:100%!important;height:auto!important;"> <img src="URL" style="width:100%!important;height:auto!important;"> <img src="URL" style="width:100%!important;height:auto!important;"> <img src="URL" style="width:100%!important;height:auto!important;"> </div></div><div id="footer" style="letter-spacing:2px;font-size:9px;padding-top:15px;text-align:center;"> <a href="http://tessisamess.insanejournal.com/" style="color:#aaa;text-decoration:none;">&copy; CODE BY TESSISAMESS</a> </div></div></lj-raw>

Installation Guide

Paste into an entry and fill in the following!

ICONHERE - Header icon
TITLEHERE - Header title
SUBTITLEHERE - Header Subtitle

Editing Guide

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

FONTS

helvetica,arial,sans-serif - Overall font

COLORS

#fff - Background color
#ccc - Border colorThing
#000 - Font color

MISC.

800px - Overall minimum width
1100px - Overall maximum width
1000px - Scrolling height
column-count:3 - Number of columns (x3 for cross-browser support)

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!