Navigation Pages - Blog Posts

Accioloki’s first theme pack!

rules:

Please don’t move, remove or alter the credit

Please don’t redistribute as your own or take snippets from this

Edit away! but please don’t use it as a base code

I think that’s everything, enjoy! if you have any questions, just ask me and I’ll help you!:D

Theme 15: {live preview} + {code} + {code: with random image script}

up to 6 custom links

500px post size

main sidebar image must be 200x450px

the two other sidebar images must be 130x130px

hover on sidebar to show links and description (uses tooltip)

reblog and like button included

random image script can be included

Tags Page 2.0: {live preview} + {code}

4 columns

you can add however many rows you want by copying and pasting a whole row, it’s all clearly labelled in the code

border and scrollbar can be a pattern

hover on sidebar to show links 

sidebar must be 200x200px

Moved Page: {live preview} + {code}

images must be 600x200px or if it’s a pattern, it doesn’t matter

when putting urls, just put the actual url, for example just put ‘accioloki’

PAGE 01: TAGS LIST

UPDATED: 8.26.12 LIVE PREVIEW [ HERE ] & [ HERE ] / CODES [ HERE ]  CREDIT: Referred to LMTHEME’S tutorial for transitions in order to figure out how the hover effect works.

HOW THIS PAGE WORKS:

This page features a really cool hover effect! When you hover over the picture, the dropdown menu slides in from the bottom to reveal your tag list. I really suggest checking out the live preview, just because the static picture doesn’t really do it any justice XD

This page is a lot of fun and is definitely easy to customize if you know your way around code. 

NOTE: Main image MUST be resized to 500px x 300px in order for this to work! Otherwise image will be cropped or shrunken down awkwardly.

Directions on how to change images & color to follow below:

Read More