Previous | Next

Gallery: Snapshots






LET'S TAKE A TRIP
COME AWAY WITH ME
I WANNA GET LOST WITH YOU
SO MANY PLACES, SO LITTLE TIME
HOME IS WHERE THE HEART IS
CODE BY TESSISAMESS


information
Welcome to another code from Tessisamess!
Gallery codes seem to be my new crack lmfao. This gallery features large photos and unobtrusive design that allows your images to be the center of attention; with arrow navigation and small text captions overlaid in the center, there's just enough going on to keep things interesting.

You can add as many slides as you want, just remember to keep captions short, and to edit your numbering as you go. A vertical version is available below, as well as no-text versions of both horizontal and vertical galleries. Enjoy! <3
the coding
Oh, yeah. These are the goods!
Paste your code into a code tester, then follow the directions below to get your code rolling!

HORIZONTAL: WITH TEXT


HORIZONTAL: WITHOUT TEXT


VERTICAL: WITH TEXT


VERTICAL: WITHOUT TEXT
installation guide
Everything you need to know about editing this code!
INFORMATION REPLACEMENTS
IMAGE1 through IMAGE5 to insert your images; these can be any size you want, but if you want an exact crop make sure they are 500x700 or 700x500 depending on which orientation you use.
QUOTE LINE GOES HERE (x5) for your quote; these are vertically centered, so choosing quotes that are too long will make the boxes sit lower.

APPEARANCE REPLACEMENTS
#fff to change the background color.
#ccc to change the border color.
#555 to change font color.
0,0,0, to change the box shadow color.
8px to change the font size.
helvetica,arial,sans-serif to change bulk font.
&#8608; and &#8606; to change or remove textbox arrow symbols.
http://i.imgur.com/wDWPbPG.png and http://i.imgur.com/NoZH9bJ.png to change or remove navigation arrows.
terms of use
Please respect my usage agreement; thank you!
♥ Keep credit backlink in place.
♥ Do not redistribute my codes in part or in whole.
♥ 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!
notes
Just some things to keep in mind!
♥ Most of my in-entry codes utilize lj-raw, which means things like line breaks need to be done with the HTML <br> tag.
♥ Some of my codes look great without using an lj-cut! But be aware, some of them (very large codes, or any code that utilizes tables) really should be behind a cut; spare your friends' f-pages and give it a look after posting! If it stretches out your journal entry or cuts off on the side, chances are it's going to warp other people's styles as well.

Comments

Jan. 8th, 2016 04:00 am (UTC)
You're on FIRE, lady!
Jan. 8th, 2016 04:05 am (UTC)
Jan. 8th, 2016 01:57 pm (UTC)
I have absolutely loved your last few codes that you have put up! They are so gorgeous and I wish I could use them all! <3 <3
Jan. 8th, 2016 07:30 pm (UTC)
Aw, thank you so much! That means a lot! <333

Also!!! Your kitty looks so much like my kitty, hee!
Jan. 8th, 2016 04:29 pm (UTC)
Everything you do is perfect.
Jan. 8th, 2016 07:32 pm (UTC)
Oh, you stop. WHY YOU GOTTA MAKE ME SMILE SO MUCH FIRST THING AFTER I WAKE UP?
Jan. 9th, 2016 04:02 am (UTC)
UMMMMMMM WOW X2
Jan. 9th, 2016 04:02 am (UTC)
that looks like i'm going hurray the second x-men movie
Jan. 9th, 2016 04:23 am (UTC)
Omg hahahaha. DON'T WORRY I PICKED UP WHAT YOU WERE PUTTIN' DOWN. <3
Jan. 12th, 2016 10:55 pm (UTC)
This is awesome! Thank you so much!
Jan. 12th, 2016 11:22 pm (UTC)
Hee, np; glad you like it! <3
Mar. 27th, 2016 10:46 pm (UTC)
I love this but I was curious if there is a way to make it a little smaller? I realize I could play around with it but that never ends terribly well when I do. ha.