11.11.13 - Heartless Theme 10.18.13 - Andare Theme 09.14.13 - Mayonaka (Redo)

PAGE 03: ABOUT ME (2)

UPDATED: 9.17.12
LIVE PREVIEW [ HERE ]  / CODES [ HERE ] 

HOW THIS PAGE WORKS:

Second ‘About Me’ page! Allows for FOUR LINKS on top, and four links only. Please don’t ask me for help in adding more links, it’s really not meant to hold that many, only to direct your viewers back to your main blog or to three other pages, per say.

The description box will expand based on what you write, but try to keep it minimal so that it doesn’t bleed off the page! Also, the top image MUST be 500x300, otherwise it will be cropped down. If you really want a longer description, you can add a scrollbar to the “about” section of the code. Just add this:

overflow-y: scroll;
height:200px; 

All of the places where you can change images and text are marked in the code (just look for the HEX values and experiment… all of the codes are clearly named according to their function!). Enjoy!!!

PAGE 02: ABOUT ME PAGE

UPDATED: 9.03.12
LIVE PREVIEW [ HERE ]  / CODES [ HERE ] 
CREDIT: GYAPO for the music player on live preview page.

HOW THIS PAGE WORKS:

This page allows for a longer description and has the option of adding a background, top image, and four links on the left-hand side. Could be used to direct back to your blog, etc. If you know your way around code, you could add more as well.

Top image MUST be 400x200, otherwise it will be cropped down. If your description is longer than what is shown in the previews, the box will expand to fit your text and a scrollbar will appear. :3

All of the places where you can change images and text are marked in the code. For background colors and text colors, you’ll have to change the HEX values within the CSS. Enjoy!!!

PAGE 01: TAGS LIST

UPDATED: 8.26.12
LIVE PREVIEW 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