Layout: Slider


slideshow image prev | [info]tess017
static image prev | [info]tess017a


001: Informative Info
Took a tiny break between working through my sale layouts and made you guys a thing! I saw this cute ass DW navigation code and liked the visual, so I decided to make my own version in a layout. This layout features a five picture CSS slideshow (oooh, ahhh), bit I've also made a single-image option that you can view over at ~tess017a. Enjoy! <3
002: The Layout
SLIDESHOW


STATIC VERSION


003: Directions
→Make sure you have a website in your profile page.
→Go to Basics and choose S1, then save.
→Go to Look and Feel, choose Generator for all views, then save.
→Go to Custom Options and paste the layout code, then save. Make sure you've done a replace all on the following:
SLIDESHOW
journalname
ICON
TITLE HERE
IMAGE1 through IMAGE5; images must be 250x450 and you must have five.
JOURNAL TITLE

STATIC VERSION
journalname
ICON
TITLE HERE
IMAGE HERE; image must be 250x450.
JOURNAL TITLE
→All done! :D

PLEASE NOTE: The slideshow only supports five pictures; no more and no less. I could do edits but, honestly, it's really math-involved and I'm not so great with the numbers, so I do ask that y'all don't ask for edits to the picture amount. Never fear! There is another way to get more/less than five pictures in the slideshow, and I'm gonna show you how to do it!
→Install static version of layout.
→Download PhotoScape (Don't worry; it's free!)
→Follow this super quick tutorial I made just for you guys!
→And lmk in the comments if you guys want a tutorial on how to make regular gifs using this program and VLC!
004: CTRL+F This Shit
Oswald to change accent font.
#ddd url()top left repeat fixed to change background color; () for adding a background image.
helvetica,arial,sans-serif to change bulk font.
#444 to change bulk font color.
#fff to change entry background and comment link color.
#aaa to change box shadow color.
#333 to change sidebar background and scrollbar background.
#8FBC8B to change GREEN accent color in slideshow.
#CD5C5C to change PINK accent color in static.
http://i.imgur.com/XwgChoi.png if you want to recolor my credit symbol in the credit tab; do not remove.
005: Rules and Shit
→Credit me either in your link list or your profile.
→Do not remove my credit from the CSS.
→Do not redistribute in part or in whole.
→If you break something during editing don't be scared to ask me to see what happened. Yep. That's a rule.
→If you're a maker like I am and you do something cool with this I'd really like to see it, but it's not necessary.

Comments

From:
(will be screened)
(will be screened)
Identity URL: 
Username:
Password:
Don't have an account? Create one now.
Subject:
No HTML allowed in subject
  
Message:
 
Notice! This user has turned on the option that logs your IP address when posting.