XXX - MEDIA PAGE 2013


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





About
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.

XXX - MEDIA PAGE 2013

- Live Preview: Version #1Version #2 (with About and Tags)Version #3 (No Frills Edition)Customized Example
- Download: Ver. 1 + Ver. 2 + Ver. 3
- Last Update: 03 January 2014 
- Help: InstallingCustomizingFAQ

About

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.

January 02 2014, 08:06 PM   •   542 notes
#themes   #pages   #*   #page: media2014   
XXIX - SCRAPBOOK 2013 (VERSION 2)


Basics
- Live Preview: Codes Only • Example (temp)
- Download 
- Last Update: 02 January 2014 
- Help: Original Version & Help Page / Installing • Customizing • FAQ





About
So as promised, first thing is the current scrapbook page I’m using. As I’ve mentioned before it’s based very much on the original version’s coding; just with a simpler look. 
The sidebar and sorting function is exactly the same and it still uses the same icon font for the ratings (please read the original help page for more details on that). 
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 all wasted our time.

XXIX - SCRAPBOOK 2013 (VERSION 2)

Basics

- Live Preview: Codes OnlyExample (temp)
- Download
- Last Update: 02 January 2014 
- Help: Original Version & Help Page / InstallingCustomizingFAQ

About

So as promised, first thing is the current scrapbook page I’m using. As I’ve mentioned before it’s based very much on the original version’s coding; just with a simpler look.

The sidebar and sorting function is exactly the same and it still uses the same icon font for the ratings (please read the original help page for more details on that).

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 all wasted our time.

December 17 2013, 11:17 PM   •   151 notes
#themes   #*   #pages   #page: scrapbook   
XXIV - CURRENTLY WATCHING #2 PAGE


Basics
- Live Preview: Codes Only • Example (with greyscale) • Customized Example (without images)
- Download 
- Last Update: 14 September 2013 
- Help: Help File / Installing • Customizing • FAQ





About
So here’s a newer, cleaner and hopefully easier to use version of my previous currently watching page. This version uses the plugin, Isotope, rather than just CSS and you can choose to use or not to images. It can also double up as a tags page if you want (empty links already added). I have also included a greyscale option, so only when you hover on images, the colours pop out.
I have also included a very customized example of this page from my own blog (it doubles up as my TV schedule) and will not be releasing this version because a) there’s so much extra coding it’ll be be hard to make customizable and b) it requires intermediate knowledge on HTML/CSS/Isotope.

XXIV - CURRENTLY WATCHING #2 PAGE

Basics

- Live Preview: Codes OnlyExample (with greyscale)Customized Example (without images)
- Download
- Last Update: 14 September 2013 
- Help: Help File / InstallingCustomizingFAQ

About

So here’s a newer, cleaner and hopefully easier to use version of my previous currently watching page. This version uses the plugin, Isotope, rather than just CSS and you can choose to use or not to images. It can also double up as a tags page if you want (empty links already added). I have also included a greyscale option, so only when you hover on images, the colours pop out.

I have also included a very customized example of this page from my own blog (it doubles up as my TV schedule) and will not be releasing this version because a) there’s so much extra coding it’ll be be hard to make customizable and b) it requires intermediate knowledge on HTML/CSS/Isotope.

September 14 2013, 07:38 PM   •   936 notes
#themes   #pages   #page: watching   #*   
XXII - CHARACTER MASTERLIST #002


Basics
- Live Preview
- Download 
- Originally posted at RP Theme Helper 




About
So this masterlist was based on the idea of technology/computer documents. It will probably work best with sci-fi or spy/espionage type roleplays but with a little customization, should be able to fit all. 
In the Pastebin file, I have included one set of codes which you can just copy and paste everytime you want to add a new character. You literally just replace (or add/remove) all the relevant information. If you need more help, just ask. 





Help Customizing Colours
The image size should be 160px in width. I will suggest not going over 210px in height. 
Fonts used: Vollkorn (body text), Exo (headings/links text)
Main Background Colour: #F3F3F3
Character Name Background Colour: #A1D0BE
Links: #75A29D
Link Hover: #517A76
Background image already included, credits to PremiumPixels.

XXII - CHARACTER MASTERLIST #002

Basics

- Live Preview
- Download
- Originally posted at RP Theme Helper

About

So this masterlist was based on the idea of technology/computer documents. It will probably work best with sci-fi or spy/espionage type roleplays but with a little customization, should be able to fit all.

In the Pastebin file, I have included one set of codes which you can just copy and paste everytime you want to add a new character. You literally just replace (or add/remove) all the relevant information. If you need more help, just ask.

Help Customizing Colours

  • The image size should be 160px in width. I will suggest not going over 210px in height.
  • Fonts used: Vollkorn (body text), Exo (headings/links text)
  • Main Background Colour: #F3F3F3
  • Character Name Background Colour: #A1D0BE
  • Links: #75A29D
  • Link Hover: #517A76
  • Background image already included, credits to PremiumPixels.
August 10 2013, 10:51 PM   •   751 notes   •   Source
XX - CHARACTER MASTERLIST #001


Basics
- Live Preview
- Download 
- Originally posted at RP Theme Helper 




About
This masterlist was made with the original character graphics in mind. So the image size is 245px with no predetermined height. Your images will need to have a set height if you don’t want the rows to run out of line. 
n the Pastebin file, I have included one set of codes which you can just copy and paste everytime you want to add a new character. You literally just replace (or add/remove) all the relevant information. If you need more help, just ask. 





Help Customizing Colours
The image size should be 245px in width.
Fonts used: Vollkorn (body text), Montserrat (headings/links text)
Main Background Colour: #DDDDDD
Bio Background Colour: #033649
Navigation Links Background Colour: #036564
Link Colour: #E8DDCB
Link Hover Colour: #036564
Profile Details Background: #000000 (hover over image to display)
Inside Scrollbar Border: #033649

XX - CHARACTER MASTERLIST #001

Basics

- Live Preview
- Download
- Originally posted at RP Theme Helper

About

This masterlist was made with the original character graphics in mind. So the image size is 245px with no predetermined height. Your images will need to have a set height if you don’t want the rows to run out of line.

n the Pastebin file, I have included one set of codes which you can just copy and paste everytime you want to add a new character. You literally just replace (or add/remove) all the relevant information. If you need more help, just ask.

Help Customizing Colours

  • The image size should be 245px in width.
  • Fonts used: Vollkorn (body text), Montserrat (headings/links text)
  • Main Background Colour: #DDDDDD
  • Bio Background Colour: #033649
  • Navigation Links Background Colour: #036564
  • Link Colour: #E8DDCB
  • Link Hover Colour: #036564
  • Profile Details Background: #000000 (hover over image to display)
  • Inside Scrollbar Border: #033649
August 04 2013, 11:50 PM   •   959 notes   •   Source
XIX - CHARACTER ABOUT PAGE #002


Basics
- Live Preview
- Download 
- Originally posted at RP Theme Helper 




About
This one is a little more complicated the the first but it’s fairly easy to use; just replace appropriate parts of text with your own information. There are three “tabs” - one for the character biography, one for your application/in-character sample and one that can be used as a para masterlist. Feel free to edit and changes the colours, just don’t remove the credits. 
To add the horizontal break (the double line border) you will have to add this: <div class=”cut”></div>





Help Customizing Colours
The image size should be 250x500px.
Fonts used: Roboto Condensed (body text), Old Standard TT (headings/tabs text)
Main Background Colour: #CBE86B
Left-Border Colour: #1C140D
Tabs Colour: #1C140D
Bio Background Colour: #FAFAFA
Profile Title Background: #000000 (hover over image to display)

XIX - CHARACTER ABOUT PAGE #002

Basics

- Live Preview
- Download
- Originally posted at RP Theme Helper

About

This one is a little more complicated the the first but it’s fairly easy to use; just replace appropriate parts of text with your own information. There are three “tabs” - one for the character biography, one for your application/in-character sample and one that can be used as a para masterlist. Feel free to edit and changes the colours, just don’t remove the credits.

To add the horizontal break (the double line border) you will have to add this: <div class=”cut”></div>

Help Customizing Colours

  • The image size should be 250x500px.
  • Fonts used: Roboto Condensed (body text), Old Standard TT (headings/tabs text)
  • Main Background Colour: #CBE86B
  • Left-Border Colour: #1C140D
  • Tabs Colour: #1C140D
  • Bio Background Colour: #FAFAFA
  • Profile Title Background: #000000 (hover over image to display)
August 04 2013, 11:50 PM   •   504 notes   •   Source
#pages   #page: about   #*   
XVIII - CHARACTER ABOUT PAGE #001


Basics
- Live Preview
- Download 
- Originally posted at RP Theme Helper 




About
I think it’s fairly easy to use, just replace the labels with your information, but if you have any questions just ask me. Feel free to edit and changes the colours, just don’t remove the credits. 





Help Customizing Colours
The image will automatically resize to 300x300px
Fonts used: Old Standard TT (body text), Didact Gothic (quote)
Background Colour of Name: #2D231E
Colour of Name: #EED8C3
Background Colour of Quote: #C44D33
Background Colour of Bio/Text: #DDDDDD
Colour of Links: #5A4A41
Colour of Links Background on Hover: #C44D33

XVIII - CHARACTER ABOUT PAGE #001

Basics

- Live Preview
- Download
- Originally posted at RP Theme Helper

About

I think it’s fairly easy to use, just replace the labels with your information, but if you have any questions just ask me. Feel free to edit and changes the colours, just don’t remove the credits.

Help Customizing Colours

  • The image will automatically resize to 300x300px
  • Fonts used: Old Standard TT (body text), Didact Gothic (quote)
  • Background Colour of Name: #2D231E
  • Colour of Name: #EED8C3
  • Background Colour of Quote: #C44D33
  • Background Colour of Bio/Text: #DDDDDD
  • Colour of Links: #5A4A41
  • Colour of Links Background on Hover: #C44D33
August 04 2013, 11:49 PM   •   578 notes   •   Source
#pages   #page: about   #*   
XVII - TV SCHEDULE


Basics
- Live Preview: Codes Only • Customized Example (temp)
- Download 
- Last Update: 04 August 2013&#160;
- Help: Installing • Customizing • FAQ





About
I hate when we change to summer season shows because I can never remember when something returns, or on what day it is. That&#8217;s where the idea of this page comes from. It can be used for whatever you want and is installed just like other normal pages. If you need help with installing pages, it&#8217;s the same as the movie table page. Also, I have not forgotten how many days of the week there are - there are only six columns for reason. No one watches TV on a Saturday unless it&#8217;s football or reality.





How To Add Shows
Copy either and paste it right under the day it&#8217;s on. As you may have noticed there are two parts to the schedule. If you copy the first link below, defined by class &#8220;one&#8221;, it will add a &#8220;Current&#8221; show (darker box). If you copy the second link, defined by class &#8220;two&#8221;, it will add a &#8220;Future&#8221; show (lighter shade). 
&lt;a class="one" href="/"&gt;Title&lt;/a&gt;
&lt;a class="two" href="/"&gt;Title&lt;/a&gt;

XVII - TV SCHEDULE

Basics

- Live Preview: Codes OnlyCustomized Example (temp)
- Download
- Last Update: 04 August 2013 
- Help: InstallingCustomizingFAQ

About

I hate when we change to summer season shows because I can never remember when something returns, or on what day it is. That’s where the idea of this page comes from. It can be used for whatever you want and is installed just like other normal pages. If you need help with installing pages, it’s the same as the movie table page. Also, I have not forgotten how many days of the week there are - there are only six columns for reason. No one watches TV on a Saturday unless it’s football or reality.

How To Add Shows

Copy either and paste it right under the day it’s on. As you may have noticed there are two parts to the schedule. If you copy the first link below, defined by class “one”, it will add a “Current” show (darker box). If you copy the second link, defined by class “two”, it will add a “Future” show (lighter shade).

<a class="one" href="/">Title</a>
<a class="two" href="/">Title</a>
VIIII - TAGS PAGE #1


Basics
- Codes Only • Example (Temp)  
- Download 
- Last Update: 28 February 2013&#160;
- Help: Help File / Installing • Customizing • FAQ





About
So I&#8217;m working on three different themes but nothing is completed and I felt bad for not sharing anything for nearly two months. Here&#8217;s a tag page that I promised. It&#8217;s a little more complicated if you&#8217;re unfamiliar with lists but please read through the help file for more details.

VIIII - TAGS PAGE #1

Basics

- Codes OnlyExample (Temp)
- Download
- Last Update: 28 February 2013 
- Help: Help File / InstallingCustomizingFAQ

About

So I’m working on three different themes but nothing is completed and I felt bad for not sharing anything for nearly two months. Here’s a tag page that I promised. It’s a little more complicated if you’re unfamiliar with lists but please read through the help file for more details.

February 28 2013, 07:53 PM   •   533 notes
#pages   #page: tags   #*   
VIII - SCRAPBOOK/FILM PAGE 2013


Basics
- Live Preview: Codes Only • Example (temp) 
- Download 
- Last Update: 06 January 2013&#160;
- Help: Help File / Installing • Customizing • FAQ





About
New year, new resolutions, new shiny film tables. So based on the original movie table idea, I&#8217;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 &#8220;Sort by Media&#8221; in the sidebar - there&#8217;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.

VIII - SCRAPBOOK/FILM PAGE 2013

Basics

- Live Preview: Codes OnlyExample (temp)
- Download
- Last Update: 06 January 2013 
- Help: Help File / InstallingCustomizingFAQ

About

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.

January 06 2013, 10:15 PM   •   530 notes
#pages   #page: scrapbook   #*   
V - FAQ PAGE #1


Basics
- Codes Only • Example (temp)  
- Download 
- Last Update: 23 December 2013&#160;
- Help: Installing • Customizing • FAQ





About
So it was requested a while ago but I have finally found the time to finish making this. It&#8217;s basically the exact same as the FAQ page I have on this blog. I have also included a tutorial if you wanted to make your own version or learn the process. 
I also strongly suggest you customize this (at least the colours) to fit your own blog or then it could feel &#8220;disconnected&#8221; as it&#8217;s made to suit this blog.

V - FAQ PAGE #1

Basics

- Codes OnlyExample (temp)
- Download
- Last Update: 23 December 2013 
- Help: InstallingCustomizingFAQ

About

So it was requested a while ago but I have finally found the time to finish making this. It’s basically the exact same as the FAQ page I have on this blog. I have also included a tutorial if you wanted to make your own version or learn the process.

I also strongly suggest you customize this (at least the colours) to fit your own blog or then it could feel “disconnected” as it’s made to suit this blog.

December 23 2012, 05:46 PM   •   264 notes
#pages   #page: faq   #*   
BOOKSHELF #1 BLOG PAGE 
↳ review: Codes Only / Example • Help/FAQDownload: (Pastebin) CSS Sprites Stars or HTML Stars  / (Ge.tt) CSS Sprites Stars or HTML Stars
As promised, the bookshelf page I&#8217;m using on my own blog. Personally, I think there are quite a few flaws in this but alot of you still wanted it. Again, if you need help installing pages, there&#8217;s a tutorial here. If you need help using/editing anything, the help page is here. 
Please read the info carefully before you download as there are two different versions based on what rating system you want to use. 
The first uses CSS Sprites to Display Ratings (credit for tutorial) - as seen in the live preview on my own blog - it&#8217;s the red stars and you are unable to change the colour of that using HTML/CSS (you can remake them in Photoshop but I&#8217;m lazy), however this method allows half stars. 
The other version, just uses basic HTML stars - you can change the colours of these (I&#8217;ve set the default to a yellow-ish/gold) but there are no half stars. If you&#8217;re familiar with HTML/CSS you can feel free to change to whatever method you prefer. 
There are three categories at the top (bookshelf, currently &amp; to read, favourites) and each time you add a new book you will need to pay attention to what category you would like that book to be under (just like the watching page). For details on how to edit colours and add books read the FAQ here.

BOOKSHELF #1 BLOG PAGE
↳ review: Codes Only / ExampleHelp/FAQ
Download: (Pastebin) CSS Sprites Stars or HTML Stars / (Ge.tt) CSS Sprites Stars or HTML Stars

As promised, the bookshelf page I’m using on my own blog. Personally, I think there are quite a few flaws in this but alot of you still wanted it. Again, if you need help installing pages, there’s a tutorial here. If you need help using/editing anything, the help page is here.

Please read the info carefully before you download as there are two different versions based on what rating system you want to use.

The first uses CSS Sprites to Display Ratings (credit for tutorial) - as seen in the live preview on my own blog - it’s the red stars and you are unable to change the colour of that using HTML/CSS (you can remake them in Photoshop but I’m lazy), however this method allows half stars.
The other version, just uses basic HTML stars - you can change the colours of these (I’ve set the default to a yellow-ish/gold) but there are no half stars. If you’re familiar with HTML/CSS you can feel free to change to whatever method you prefer.

There are three categories at the top (bookshelf, currently & to read, favourites) and each time you add a new book you will need to pay attention to what category you would like that book to be under (just like the watching page). For details on how to edit colours and add books read the FAQ here.

November 26 2012, 08:05 PM   •   1,806 notes
FAVOURITES/FAMILY BLOG PAGE 
↳ Live Preview • Help/FAQ • Download: Pastebin / Ge.tt 

So I&#8217;m not totally sure what this is, as it started off as something else I was making. I guess you can use it for a number of things like favourite blogs, family, members/mods of a blog, maybe even one of those roleplay pages? I&#8217;ve kept it simple so you can edit and customize quite easily yourself - have a look at the preview page for some options. If you need help installing pages, check here first. If you need help finding the colours, the help page is here.

FAVOURITES/FAMILY BLOG PAGE
Live PreviewHelp/FAQ • Download: Pastebin / Ge.tt

So I’m not totally sure what this is, as it started off as something else I was making. I guess you can use it for a number of things like favourite blogs, family, members/mods of a blog, maybe even one of those roleplay pages? I’ve kept it simple so you can edit and customize quite easily yourself - have a look at the preview page for some options. If you need help installing pages, check here first. If you need help finding the colours, the help page is here.

September 18 2012, 11:41 PM   •   930 notes
#pages   #page: family   #*   
CURRENTLY WATCHING BLOG PAGE 
↳ Preview: Codes Only • Help/FAQ / Download: Pastebin
So I asked for opinions about any changes people would have wanted and taking those into consideration I have decided to share the original version of codes. I may make some changes in the future and release an “updated” version. If there are any questions about changing colours/fonts or adding shows/info please have a look here first. Any other problems just message me. Feel free to edit as much as you like.Updated: 07/09/2012 with a &#8220;Back/Home&#8221; link, can be previewed in the example. Sorry it so long as I couldn&#8217;t figure out where to put it.

CURRENTLY WATCHING BLOG PAGE
↳ Preview: Codes OnlyHelp/FAQ / Download: Pastebin

So I asked for opinions about any changes people would have wanted and taking those into consideration I have decided to share the original version of codes. I may make some changes in the future and release an “updated” version. If there are any questions about changing colours/fonts or adding shows/info please have a look here first. Any other problems just message me. Feel free to edit as much as you like.

Updated: 07/09/2012 with a “Back/Home” link, can be previewed in the example. Sorry it so long as I couldn’t figure out where to put it.

August 24 2012, 12:00 AM   •   1,506 notes
BLOGROLL #1 • PREVIEW • DOWNLOAD: Pastebin / Ge.tt 
Finally got around to making a blogroll. If you need help adding pages, have a look here. There&#8217;s nothing that you have to change part from the &#8220;Blogroll Title #1&#8221;. The background pattern is also included (no credits as I found it on Google) and colours can be changed. As always if there are any problems, just message me.

BLOGROLL #1PREVIEW • DOWNLOAD: Pastebin / Ge.tt

Finally got around to making a blogroll. If you need help adding pages, have a look here. There’s nothing that you have to change part from the “Blogroll Title #1”. The background pattern is also included (no credits as I found it on Google) and colours can be changed. As always if there are any problems, just message me.

July 14 2012, 05:21 PM   •   155 notes