→ code #009 by mcrollins
live preview | pastebin
based on my eighth code, this carousel coding with webkit scrollbar already installed is for a character page. the image on the side is actually a hover, it containing your basic information for characters.
to install, you’ll need to use the custom layout - go to the customize page of your tumblr, click on add a page and choose custom layout from the drop down menu.
you can add as many slides as you want, just be sure to leave the two div tags at the end of the slide off of the final slide. you can add a link to a background image to the carousel - dimensions being 850x452 - in the coding after the coding labeled ‘begin carousel’
edit colors/fonts etc. as you see fit. just please keep the credit on - it’s transparent after all. this may not be used as a base code.
if you have any questions or need help, just come to my ask.
please like or reblog if you’re using this!
CARARRYOFRP'S THEME 001 -- [LIVE PREVIEW] [DOWNLOAD]
- two 185px x 125px sidebar pictures (bottom and top of ribbon) on the left
- gradient ribbon and link buttons which can be edited (colour)
- 146px x 146px description with scrollbar
- one extra link
- 300px-wide, full length sidebar on the right (optional)
YOU ARE FREE TO USE AND EDIT FOR PERSONAL PURPOSES, BUT PLEASE DO NOT REMOVE THE CREDIT, REDISTRIBUTE OR CLAIM AS YOUR OWN!
please like/reblog if using.
in celebration of 800 followers, i have decided to post my first ever theme! i don’t have much experience in coding, so please bear with me. i know it isn’t the best, so sorry about that.
LIVING A FANTASY
Theme 005 by fantasieswriter
- 2 nav (home and ask) links & 8 custom links with custom coloured background inline with each other (colours invert on hover)
- Pagination below description
- No captions on audio posts
- 500px posts
- Sidebar image is 200 x 230 px
- Light gray background for sidebar
- Quote option to the right with source
- If your description is too long there’s a scrollbar
- Title with background colour above sidebar
- Sidebar is a gif created by me
- Please do not remove the credit! Also please don’t claim as yours either!
- Editing the code is allowed and if you need any help or have any questions feel free to ask me: here
- Please like/reblog if using
LIVEPREVIEW || CODE
A List of Fonts #002: Dingbats - Found some really awesome dingbat fonts that can be doubled as textures to be used in graphics! [DOWNLOAD HERE]
THEME #005 by PINKSMAN (itsphotoshop.com)
static preview & code
- Includes blog title + 4 custom links
- No sidebar image
- 3D Hover effect in blog title
- Like or reblog the post if you are planning to use it <3
How to make circle gif
SYDNEYOFRPS CREATES A MASTERLIST -- OF PHOTOSHOP TUTORIALS.
- Contains tutorials that can be helpful for graphic usage when using Photoshop.
- There are probably a few tutorials in here that are mine. So kudos to the creators, because the rest aren’t mine.
Please like/reblog if this was helpful!
Theme 000 - The First Face This Face Saw
200px wide sb image
Icon and links at right sb
Up to 4 links
Two versions with double bordered and single bordered
Live preview version 1 / version 2 / Download
Updates Tab #1
- updates display on hover
- annotated code so that you can easily adjust colors
- view instructions here
Preview + HTML/CSS