Discover Top Posts Tagged with #page09

XXX - MEDIA PAGE 2014

I know I'm slightly late but Happy New Year! So following the last two years, here's a new film table/media page for 2014. I'm also trying Google as a new way to share codes. Just hover over the version you would like and an arrow will appear, choose to 'View' (or download if you prefer to mess with the codes first).

Please note there are three slightly different versions, so please make sure you download the right codes for the one you want. Version #1 is the 'original' version. It has three sections, one each for films, books and TV shows. Version #2 is an edited version so that instead of three sections for different types of media it can be used as a multi-purpose page. The three sections includes one for overall media, an about page and a space for tags. Version #3, is the simple, no frills version of just the media section.

You don't need to worry about image sizes and positioning. I've coded it so that they will automatically resize; film posters and book covers will resize to 110px, screencaps will be 245px wide. The alternative images on either side are also coded so you do not need to wrong about that.

As always, please read through the help page first, if you need assistance with customizing the page. I have tried to add comments in the code in which will help, but there is alot of code, so work slowly. I have also noticed that the tumblr live preview when customizing pages, doesn't seem to like the way I code. So things will probably look a little messed up in the preview - but just save it and it should look fine on the actual blog.

- Live Preview: Version #1 • Version #2 (with About and Tags) • Version #3 (No Frills Edition) • Customized Example - Last Update: 03 January 2014 - Support: Installing • Customizing • FAQ

Install This Theme

Version #1

By using my themes you agree to the following:

Do not remove the credits. You can move it a different place or a secondary page but it has to be somewhere visible. Not just in the source code.

Do not use my themes or pages as a base code for your own work. Do not take major chunks of my coding (for example, the whole sidebar or all the entries) and stick it with something else to then claim as your own.

Do not redistribute any of my themes or pages. Even if the credits are still in place. And especially not as an “edited” theme.

Agree And Continue To Codes

Direct Link | Hosted on Google Drive

Version #2

By using my themes you agree to the following:

Do not remove the credits. You can move it a different place or a secondary page but it has to be somewhere visible. Not just in the source code.

Do not use my themes or pages as a base code for your own work. Do not take major chunks of my coding (for example, the whole sidebar or all the entries) and stick it with something else to then claim as your own.

Do not redistribute any of my themes or pages. Even if the credits are still in place. And especially not as an “edited” theme.

Agree And Continue To Codes

Direct Link | Hosted on Google Drive

Version #3

By using my themes you agree to the following:

Do not remove the credits. You can move it a different place or a secondary page but it has to be somewhere visible. Not just in the source code.

Do not use my themes or pages as a base code for your own work. Do not take major chunks of my coding (for example, the whole sidebar or all the entries) and stick it with something else to then claim as your own.

Do not redistribute any of my themes or pages. Even if the credits are still in place. And especially not as an “edited” theme.

Agree And Continue To Codes

Direct Link | Hosted on Google Drive

Customize Options

Changing Colours:

Sidebar (with image) - #131410 Links - #FC913A Link Hover - #EDE574 Sections Background - #FAFAFA Content Background - #F7F7E4 Titles - #EDD456 Borders - #FC913A Tags Background - #DDD Stars - #FFD700

How To Add Films "Stoker" used as an example. This is not formatted like a table so there are no columns and rows and no need to stick to a structure. Everytime you want to add another book just copy/paste the code and keep adding to the list.

Title (Year)

IMDB - Director/Cast - Date Watched

Synopsis or Plot Details

eeeee

How To Add Books "Frost Burned" used as an example. This is not formatted like a table so there are no columns and rows and no need to stick to a structure. Everytime you want to add another book just copy/paste the code and keep adding to the list.

Title

Author Name - Goodreads - Date Watched

Synopsis or Plot Details

eeeee

How To Add TV Shows "Haven" used as an example. This is not formatted like a table so there are no columns and rows and no need to stick to a structure. Everytime you want to add another book just copy/paste the code and keep adding to the list.

Title

Season/Episodes/Status Favourite Episode:

Synopsis or Plot Details

Star Rating Icon Font For the stars I am using the icon font, SOSA. The stars look a little nicer than the normal HTML ones with more control styling them. If you have a look at the codes you will notice that in the ratings space instead of "stars" you'll see "e" and "f" instead. The "e" is the equivalent of a gold-ish coloured star, and "f" is an empty star. If you have no idea what I just explained... just delete the e's and f's and use HTML stars.

Credits

Google Web Fonts: Playfair Display, PT Serif

Original movie table idea

#page09

Trending Tags

Recently Viewed Tags

#page09