themes by pistachi-o
Refresh Blog Updates Themes & Pages Tutorials Resources Help Desk
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


[[MORE]]

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

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

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

Hosted on Google Drive

Customize Options

Changing Colours:
Sidebar (with image) - #131410Links - #FC913ALink Hover - #EDE574Sections Background - #FAFAFAContent Background - #F7F7E4Titles - #EDD456Borders - #FC913ATags Background - #DDDStars - #FFD700How 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

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 #1Version #2 (with About and Tags)Version #3 (No Frills Edition)Customized Example
- Last Update: 03 January 2014 
- Support: InstallingCustomizingFAQ

January 02 2014, 08:06 PM #themes  #pages  #page09   Comment (632 notes)
XXIX - SCRAPBOOK 2013 (VERSION 2)

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. 


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


[[MORE]]

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
Please refer to the original, Scrapbook 2013 for more details on how to edit/customize.

Credits
Google Web Fonts: PT Serif

XXIX - SCRAPBOOK 2013 (VERSION 2)

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.

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

December 17 2013, 11:17 PM #themes  #pages  #page: scrapbook  #page08   Comment (187 notes)
XXIV - CURRENTLY WATCHING #2 PAGE

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. 


- Live Preview: Codes Only • Example (with greyscale) • Customized Example (without images)
- Last Update: 14 September 2013 
- Support: Installing • Customizing • FAQ


[[MORE]]

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 - #F3F3F3Main Links - #130912;Main Links Hovered - #F38335;Topbar - #FAFAFA;Current Shows - #EDD456;Hiatus Shows - #A0C1BA;Complete Shows - #45C0AB;Images: Each of the images are automatically resized to 200px (width). As long as your image sizes are consistant you have have any height. You may need to increase the height under “.stylewrap” if you have large portrait images. In my live previews I use screencaps that are 200x112px. 

How To Add More Shows: This is not formatted like a table so there are no columns and rows and no need to stick to a structure. 
You may notice the way a show is changed from “Current” to “Hiatus” to “Complete” is by the first line of code in each show: <div class=”stylewrap hiatus”> - you just have to change the world ater “stylewrap” to either “current”, “hiatus” or “complete” to change the status of each show. 
For those who are having difficulty with this method, everytime you want to add a new show just copy/paste the code and keep adding to the list. 

To Add A New Current Show
Title of Show
Extra Details




To Add A New Hiatus
Title of Show
Extra Details




To Add A New Complete
Title of Show
Extra Details


Greyscale: To delete the greyscale function find this code and delete it:

.grey {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
-webkit-filter: grayscale(100%); 
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}

.stylewrap:hover .grey {
filter: none;
-webkit-filter: grayscale(0%);  
}


Credits
Google Web Fonts: Open Sans, Istok Web and Arvo
Isotope

XXIV - CURRENTLY WATCHING #2 PAGE

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.

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

September 14 2013, 07:38 PM #themes  #pages  #page07   Comment (1,186 notes)
XVII - TV SCHEDULE


Basics
- Live Preview: Codes Only • Customized Example (temp)
- Download 
- Last Update: 04 August 2013 
- 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’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>

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>
XIV - TAGS PAGE #1

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. 


- Codes Only • Example (Temp)  
- Last Update: 28 February 2013&#160;
- Support: Installing • Customizing • FAQ


[[MORE]]

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 - #F3F3F3Main Heading - #602749Border - #DDDDDDSection Title Bg - #F6921DSection Title - #FFFFFFIcon Bg - #554236Links - #602749Normal Tags - #602749Listed Tags - #602749Adding &#8220;Normal&#8221; Tags Mostly just like how you would normally make links, just a bit more coding (copy and paste if you&#8217;re unsure): 
Normal Tag
Adding &#8220;List Tagged/Tagged Item&#8221; Tags A mixture of adding normal links and unordered lists. Make sure you open and close all the HTML tags (copy and paste if you&#8217;re unsure): 
List Header Tag
	» Tagged Item 1 
	» Tagged Item 2 
	Credits
Google Web Fonts: Open Sans, Istok Web and Arvo
Icon Font SOSA
Images:  *edited by me

XIV - TAGS PAGE #1

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.

- Codes OnlyExample (Temp)
- Last Update: 28 February 2013 
- Support: InstallingCustomizingFAQ

February 28 2013, 07:53 PM #pages  #page06  #themes   Comment (592 notes)
XIII - SCRAPBOOK/FILM PAGE 2013

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.


- Live Preview: Codes Only • Example (temp) 
- Last Update: 06 January 2013&#160;
- Support: Installing • Customizing • FAQ


[[MORE]]

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 - #3E1C33Links - #130912Links Hovered - #DDDDDDBold Type - #F6921DSidebar - #F3F3F3Sidebar Title - #3E1C33Sidebar Links - #602749Sidebar Links Hover Bg - #F7F7F7Background of Each Film/Book/TV - #F3F3F3Links in Each Film/Book/TV - #F15A23Stars - #FFD700Add A New Film: &#8220;Looper&#8221; 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: &#8220;Gone Girl&#8221; 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: &#8220;Leverage&#8221; 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): &#8220;Stephen Chbosky&#8221; 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&#8217;s here if you want to use it. 

“THE-QUOTE”
AUTHOR/S, TITLEGoodreads - 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 &#8220;Sort by Media&#8221;). That&#8217;s where &#8220;categories&#8221; come in. I&#8217;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 &#8220;stars&#8221; you&#8217;ll see &#8220;e&#8221; and &#8220;f&#8221; instead. The &#8220;e&#8221; is the equivalent of a gold-ish coloured star, and &#8220;f&#8221; is an empty star. If you have no idea what I just explained&#8230; just delete the e&#8217;s and f&#8217;s and use HTML stars. 

Credits
Google Web Fonts: Open Sans, Istok Web and Arvo
Icon Font SOSA
Images: Teen Wolf Screencaps *edited by me

XIII - SCRAPBOOK/FILM PAGE 2013

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 OnlyExample (temp)
- Last Update: 06 January 2013 
- Support: InstallingCustomizingFAQ

January 06 2013, 10:15 PM #pages  #page05  #themes   Comment (554 notes)
IX - FAQ PAGE #1

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. 


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


[[MORE]]

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

Full Tutorial: I made this tutorial for a better understand of how this FAQ page works and how to customize it. 

Changing Colours: 
Main Background - #F9F9F9Links - #F77825Links Hovered - #60B99ABold Type - #F15A23Navigation Bar Background - #FFFFFFNavigation Bar Border - #DDDDDDMain Headings - #F9B71CQuestions Section Background - #F3F3F3Links in Questions Section - #554236Answer Section Question Bg - #F3F3F3Answer Section Answer Bg - #FFFFFFAdding Questions/Answers: I think the whole thing is pretty self explanatory - if using the codes, just replace the questions with your questions and replace the answers with your answers. To add more questions/answers just keep following the number order. 

Adding the Askbox: Please make sure you remember to replace &#8220;YOUR-TUMBLR-USERNAME&#8221; with your actual username or the askbox will not work. 

Credits
Google Web Fonts: Open Sans, Istok Web and Arvo

IX - FAQ PAGE #1

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.

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

December 23 2012, 05:46 PM #pages  #page04  #themes   Comment (290 notes)
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 #pages  #page: bookshelf   Comment (2,033 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 #pages  #page: family   Comment (1,010 notes)