▲
Give Me Love theme
like if you’re using it.
preview / code - main blog theme
- 200px width for sidebar image (any height)
- 4 customizable links
- poster should be 180 x 260 px (it will resize automatically)
- a tutorial on how to customize is provided after the cut
Film Table (Simple) | Live Preview | Code or Alt
Posting a “simple” version of my film table since I notice a. people aren’t utilizing the pop up box (aka me cause I got lazy) and b. people have been asking me a lot for half starts up to five. Enjoy!
PS. I promise actual new themes are coming up. <3
Instructions to install / customize are at the top of the code itself.
- No pop up box
- Hover over film title & date watched
- Now with half stars up to five
- Lazy load images
Please like or reblog if you intend on using! ♥
Live Preview | Code *the movies i put will be in the code, to help you understand where to put stuff
- Display your favorite movies/books with this theme!
- You can use it for whatever you want but you MUST keep the credit intact.
- Movie posters are default around 100x148px so thats what the imgs are set to be. you will have to change those if you are using it for another purpose:
- To add a new image, copy and paste this code at the bottom:
<div class=”box” style=”margin-top:10px;”><img src=”IMG URL HERE” style=”width:100px;height:148px;”>
<div class=”boxhover”>MOVIE INFO HERE<a style=”margin-left:33px;”href=”LINK TO MORE INFO”>INFO</a>
</div></div>
- If an img you want is not showing up and you took it from a website, it is probably because it is A, not a direct link to the image, or B, the website does not allow hotlinking (ex images from imdb, amazon, etc)
please like or reblog this post if you use! enjoy!
books table #1 by ddixons
How to customize
- Every place where you’re able to make changes is marked with /* ETC */
- The ones who has /* **ETC** */ I advise you not to change or it’s probaly going to mess the code up
- You can change the colors and links if you want to
How to use
- To add/edit books copy this part from
< !—— STARTS BOOK #1 —— >
TO
< !—— ENDS BOOK #1 —— >
- these are the controls:
<img src=”http://static.tumblr.com/ac7uxzj/wM0mi9owp/none.png“> TO ADD THE 190x270 POSTER REPLACE THAT URL WITH THE URL OF YOUR POSTER (use —tumblr.com/themes/upload_static_file— to upload the poster)
<div id=”title”>Title<br> CHANGE THE “Title” BETWEEN <div id=title> & <br> TO YOUR BOOK TITLE
<div class=”author”>Author</div> CHANGE THE AUTHOR TO THE AUTHOR OF THE BOOK
<div class=”stars”>★★★★★</div> ADD OR DELETE THE STARS YOU RATE THE BOOK (MAXIMUM STARS: 5)
<div class=”about”>About the book</div> ADD THE SYNOPSIS
film table #2 by ddixons
How to customize
- Every place where you’re able to make changes is marked with /* ETS */
- The ones who has /* **ETC** */ I advise you not to change or it’s probaly going to mess the code up
- You can change the colors and links if you want to
How to use
- To add/edit movies copy this part from
< !—— STARTS FILM #1 —— >
TO
< !—— ENDS FILM #1 —— >
- these are the controls:
<img src=”http://static.tumblr.com/ac7uxzj/wM0mi9owp/none.png“> TO ADD THE 190x270 POSTER REPLACE THAT URL WITH THE URL OF YOUR POSTER (use —tumblr.com/themes/upload_static_file— to upload the poster)
<div id=”title”>Title<br> CHANGE THE “Title” BETWEEN <div id=title> & <br> TO YOUR MOVIE TITLE
<div class=”year”>(YEAR)</div> CHANGE THE (YEAR) TO THE YEAR YOUR MOVIE WAS RELEASED
<div class=”stars”>★★★★★</div> ADD OR DELETE THE STARS YOU RATE THE MOVIE (MAXIMUM STARS: 5)
How to install: Go to the Customize page, click Pages and then Add a Page. Type in a name for the page and make sure you select Custom Layout. Now you can paste the code in the box and edit it as you please.How to add films: It should be pretty straightforward how to add films. You will need to edit the HTML, but I tried to keep it as simple as possible. In the following code, I have bolded the bits you need to edit. The bolded URL needs to be replaced with the url of the film poster, which should be 200x296px big. A single film starts with <li> and ends with </li>. If you want to add a new film, you can just copy the following code, and paste it directly in front of the </ul> near the end.<li><div style=”width: 200px; height:296px;”><div class=”image-hover”><span class=”desc”><div class=”titel”>filmtitle goes here</div><div class=”linkjes”><a href=”imdb link goes here“>IMDB</a> - year - <a href=”trailer link goes here“>TRAILER</a></div>★★★★☆</span></div></div></li>Do not remove, change or move my credit in any way. Do not use it as a base. Do not repost and claim as your own. Send me an ask off-anon if you have any problems or questions. Like this post when using. Enjoy!
BOOKSHELF #1 BLOG PAGE
↳ Preview: Codes Only / Example • Help/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.
Page theme #06 “Challenge Theme 2.0”
Obviously the preview is with movie posters but you can use this theme for books, series episodes, anime, and whatever you want.
How to: change colors, change sidebar image, add links
Film Table [Live Preview | Download]
- Features include:
- Poster Sizes: 190x280px
- Hover to reveal title/rating
- Pop up box for more info on the film
- Lazy load for all the images
- Directions are at the top of the code.
If you have further questions feel free to ask, I may consider making a guide if I receive a lot of questions.- I don’t recommend embedding youtube trailers in each pop up because I had tried that and once you have more than five the loading time slows down exponentially.
- Stars & Inspiration from killerkanima
