New year, new resolutions, new shiny film tables. So based on the original movie table idea, I've tried to make keeping track of more than one media type easier. Using Isotope I was able to include the filter function which you can see in action when you click "Sort by Media" in the sidebar - there's your different types/categories. You can obviously use this as only a film table as well.
For those who have time or want to, you can add even more categories and keep track of more things (maybe albums, musicals, concerts even blog layouts) and hopefully at the end of the year we can all see where we wasted our time.
Please note, this may not work (properly) on screen resolutions smaller than 1200px.
- Live Preview: Codes Only • Example (temp)
- Last Update: 06 January 2013
- Support: Installing • Customizing • FAQ
Install This Theme
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
Hosted on Google Drive
Customize Options
Changing Colours:
Main Background - #3E1C33 Links - #130912 Links Hovered - #DDDDDD Bold Type - #F6921D Sidebar - #F3F3F3 Sidebar Title - #3E1C33 Sidebar Links - #602749 Sidebar Links Hover Bg - #F7F7F7 Background of Each Film/Book/TV - #F3F3F3 Links in Each Film/Book/TV - #F15A23 Stars - #FFD700
Add A New Film: "Looper" example used in live preview. 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
DATE WATCHED
eeeff
DESCRIPTION
Add A New Book: "Gone Girl" example used in live preview. 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/S - Goodreads
DATE STARTED/COMPLETED
eeeef
DESCRIPTION
Add A New TV Show: "Leverage" example used in live preview. 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 - EXTRA TEXT
Add A Quote (Advanced): "Stephen Chbosky" example used in live preview. 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.
This is something extra I coded into the scrapbook, using this is obviously optional but it's here if you want to use it.
“THE-QUOTE”
AUTHOR/S, TITLE
Goodreads - DATE COMPLETED
eeeef
Different Categories: The main idea behind this scrapbook is so you can keep track of more than one media type - so films, books, tv shows, albums, musicals, concerts, whatever you want (the drop down list is sidebar under "Sort by Media"). That's where "categories" come in. I've already added all the necessary CSS/HTML details for THREE categories: Film (cat1), Books (cat2) and TV Shows (cat3). For those who understand HTML/CSS you add more but I will not be helping with customizations. You can obviously use this as only a film table as well - and its even simpler.
Star Rating With 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.
