▲
♥ 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. ^^
Any problem or questions don’t hesitate to ask.
This is a thank you for hitting
10099 followers. When I started this blog, I never imagined more than a few people who’d follow - I’m not even helpful?! - and the number of people who’ve asked for help privately is seriously surprising. So here’s “my gift” for hitting a benchmark.Character About Page #001
Live Preview // Download
I think it’s fairly easy to use, you 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.
If anyone is curious, the image I used is from Anne Vyalitsyna’s SALT magazine shoot.Let’s Play A Game!
I thought maybe we could make a little game out of this? So the first 20 people to correctly guess where the quote I use in the live preview is from, can get a fully customized version of this page.
If you’re one of the first 20, I will reply to your message within 12 hours and if you still want a customized version, you have to send me your character blog URL and a link to your bio, image is optional. And basically I will do all the hard work for you. If you want me to find you a colour scheme or you want extra features added, I can also do that (within my limits of CSS).
Page 02: Character Theme
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:
- 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.
- 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.
- 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.
- 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.
- This is in a custom HTML page. Create a new page, click standard layout and change it to custom HTML and paste it there.
- The One, Two, Three, etc. are for their names!
Tags Page: {live preview} + {code}
- up to 6 Fandoms/Sections
- Pictures MUST be 200px by 200px or bigger
- please like/reblog if you’re using so i know if it’s actually any good XD
rules:
- Please don’t remove or alter the credit
- Please don’t redistribute as your own or take snippets from this
- Edit away! but please don’t use it as a base code
- I think that’s everything, enjoy! if you have any questions, just ask me and I’ll help you! :D
How to use it
Relationships page #01 by Clotpolishness.
(live preview) + (download)
Feel free to edit the page as much as you want (as long as you feel comfortable with html), but please do not remove the credit.
It has three extra customizable links. The images are 250x250px. It works best in Google Chrome.
PAGE 01 - SIRENS
Live Preview ❖ Download: Pastebin - Freetexthost
Please leave the credits intact. Do not remove or move it to a secondary page.
Do not copy, use as a base code, or redistribute. You may edit is as much as you wish but please don’t claim it as your own.
If there’s any error in the coding, please notify me. Liking/reblogging when using is very appreciated. Thank you and enjoy.Important:
- Images are 250x500 and must be uploaded on a hosting website or static tumblr first.
- Please don’t change the height or width element as it might screw up with other things.
- It’s suggested that you tweak the code by applying it on a blog first before moving it to the actual page.
You can add as many characters as you’d like. Descriptions can be as long as you wish as well. Most instructions are included within the code. You can also add many links to your character’s info (not only links to roleplay and account). Please note that I won’t be helping with heavy-editing.
FAMILY THEME 01 BY YUKOKI
LIVE PREVIEW | RAW PREVIEW | VIEW CODE
Please like/reblog if you’re using the theme!
Read more to learn how to customize it! :D
Ryoma (Family Page)
- I mixed up left and right for the id OTL
- Pictures should be square ones (height=width)
- To change each member’s colors, it’s a bit complicate if you’re not so at ease with coding but observe how it’s done for the “coach” (put and id to the line : tr id=”linetwo” and combine it to #right #about : #linetwo #right #about etc)
- To add an other line just copy/paste from < !—line1—> to < !—end line 1—>
- To link to your member’s blog look for <a href=”/”><!—blog URL—> and replace the / by the url ex: <a href=”http://gyapo.tumblr.com”><!—blog URL—>
{Family 3} Code | Live preview
- no sidebar
- add links
- works best in google chrome & firefox
Like or reblog if you take it :)
