▲
LINKS

jaesoonie:

♥ bias page #2 by jaesoonie

So I decided to try something else concerning my bias page and I came up with this. The first one is a simple version, just the pictures and when you hover you get the person’s name. The second version has profiles. Basically if you click the picture the profile comes up [another picture, a title, a description and a link (or more if you want to add)].

I used the same guys I have on my page because I was too lazy to put other pictures. Sizes: 100x100px and for the profiles pictures 200x150px.

There are three rows with 6 pictures each, in total there’s 18 but you can take some off. Although if you’re thinking of putting more I wouldn’t advise you to choose the profile version. Actually if you have very few biases or too many I wouldn’t advise it either. Only if it’s in the range of 11 and 18 people. In the simple version feel free to resize the pictures if you want.

Like or reblog if using. ^^

Version one: PASTEBIN
Version two: LIVE . PASTEBIN

Any problem or questions don’t hesitate to ask.


ninpen:

[ QUIRKS  ] 

basically an about me page 

Preview | Code | Read this before asking any questions

How to install a page:
  1. Go to your customize page, scroll down the gray left sidebar until you see pages
  2. click on add a page and a screen should come up asking for the  page url and some other options
  3. Create your url. And where it says standard layout, click on it and choose custom layout
  4. Plug in the code, click create page then save page
  5. You are done.

Credit:

**hover over the boxes for the information to appear


coulsonn:

reclist page 001 ❝WRITTEN❞

[PASTE ✖ RAW]

  • home, ask, and dash links
  • +1 extra custom link, for ex.: to ficrec posts
  • sidelinks come down on hover
  • all css is labeled so you can customize easily
  • large sidebar
  • unlimited amount of ficrecs, you simply copy and paste the html to add more columns
  • quotation mark symbol!!

sourwollf:

Fanfic Rec Page by sourwollf

Live Preview
Code: pastebin

So this page theme was requested in by a user who wanted a fanfic rec theme for their tumblr. So I decided to challenge myself and try and design one and boom this came out, lmfao. Like/reblog if using so that I know you guys like it. It’ll motivate me more!


thematchgirl:

All in One #1

This is inspired by ninpen’s all in one page (obviously). I’m using tabbed content code by kismet of RPG-Directory. Contents:

  • About Me
  • Blogroll
  • Tags List
  • Links
  • Family Page

Please read here to find how to make page, add music, and add more contents.


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


thematchgirl:

Music Player Page #1

Live Preview

Codes: Pastebin | Tinypaste

For people who wants to show other people their music taste or their favorite songs but don’t want to put a music player on their main page (because honestly sometimes they’re annoying, especially when they are put on autoplay) or for artists who wants people to listen to their songs at one page. Oh well, this is for everyone \:3/

To install the page:

  1. Open the tumblr customization page (http://www.tumblr.com/customize/yourusername)
  2. Search for pages section and click add new page, in the dropdown menu choose custom layout
  3. copy and paste the code into the text box and edit what neceserally needs to be edited and then save

For the songs:

  1. Go to flash-mp3-player.net/players/mini/generator/
  2. Set the settings. You can choose whatever colour you want, but then in the code you have to search for #player in the code and change the background colour so it will have the same colour as your player.
  3. For the songs you can upload them to kiwi6.com or box.com and then search for the direct link and copy them to the generator.
  4. After you generate the code, replace ‘CODES HERE’ on the code with your song.
  5. If you want to add more than two songs, just read the instruction on my last comment on the code :D

Notes:

You have to add an album art and the album art’s size should be 100x100px.


claraosmin:

Page 02: Character Theme

Preview | Code 

Before asking any questions:

  • This isn’t as easy as just copying and pasting, so you’re probably going to have to know a little bit of HTML. If you have any questions, feel free to ask-but please stay un-anon.
  • If you’d like to change the colors of the title and go back links, please find [type=radio]:checked ~ label { z-index: 6; color:#75bfbe; } and then change color. Once you do that, you can find a fun hex on colourlovers and use that. Or the same hex as your links.
  • Please like if you use/take.
  • If you need help adding/taking out characters, please send me a message!
How to install this code:
  1. For adding the information and images, I capitalized and added stars to where you need to put the image. It needs to be uploaded on a host site for it to work. 
  2. The code has 9 characters. This is where knowing HTML kicks in. If you’d like to take out characters, take off all the codes after and including <div class=”tab”><input type=”radio” id=”tab-1” name=”tab-group-1” checked> before it hits </div><div class=”lyric”>. THE NUMBER WILL BE DIFFERENT DEPENDING ON WHAT CHARACTERS YOU WANT TO TAKE OUT. If you want to take out 7-9, start at <tab-7> (but get the stuff before it too, like <div class=”tab”> as i said earlier), and if you want to take out 5-9, you start at <tab-5> get it.
  3. If you’d like to get fancy and make the black bar shorter once you take everything out, find .top {width: 500px; height: 200px;  and change the height and after you do that, find.content { position: absolute; top: 100px;  and subtract the same amount you took out of height in top. Basically, if you change it to 150, top would have to be 50. Don’t go any shorter then 150 for height though, it’ll look weird.
  4. To add characters, it’s a lot harder. You’re going to have to do the same thing as step 2, but add height and top and then instead of taking out  tabs, you should copy and past tabs 7-9 (including <div class=”tab”> and everything in step one) but change 7 to 10, 8 to 11 and 9 to 12, etc. From that point on margin-top has to be 75px and you’re going to have to edit that.
  5. This is in a custom HTML page. Create a new page, click standard layout and change it to custom HTML and paste it there.
  6. The One, Two, Three, etc. are for their names!

yukoki:

MULTI-PAGE 01 by YUKOKI

LIVE PREVIEW | VIEW CODE

  • about, blogroll, and links page
  • music player
  • back-to-top button
  • 5+ custom links
  • 2 [48x48] icons + 1 [500px width] image
Idea inspired by ninpen’s lovely All in One page! Preview the page for info about the page, how to use it, credits, etc.

Please like/reblog if you’re using the page!


crimical:

Theme 10 (TV table)
live preview | static preview | codes | how to use