Bell's Themes @bellsthemes-blog - Tumblr Blog

Tutorial: "Load more” buttons

Also known as manual trigger infinite scrolling, a load more button allows users to control when the next page of posts is loaded by clicking a button, rather than having the next page of posts load automatically as the user scrolls. This tutorial includes the html and scripts you will need to add this feature to a theme, given that it already includes the infinite scroll plugin by Paul Irish.

Keep reading

#text

shythemes

Tutorial: Lightboxes

This tutorial will explain how to customize the appearance of lightboxes, as well as how to use Tumblr’s built-in function to create a lightbox in the absence of a photoset.

Keep reading

#tut

aboutroleplaying

Base Code #2

This is my second base code, but this base code has a header & topbar as well as a side bar with a couple extra content boxes! I have seen a lot of people asking where to get a base code for a header theme, so here you all go!!

Theme Features

Header Image: 400px high

Fixed Navigation Top Bar (5 Links)

Full Sidebars

3 Content Boxes: A description section plus two others, but you can add as many as you’d like!

500px Posts

Customizable Color Options

Rules & Other Info

Please like/reblog if using.

Don’t claim this base as your own, redistribute or repost but feel free to remove credit and edit as much as you’d like!!!

Don’t hesitate to ask for help if something isn’t working!

Static Preview & Download Code Here

#base

sexualls-deactivated20180712

Crystallize–Theme 25 by sexualls

preview 1 (with page border)

preview 2 (without page border)

code

Features:

2 sidebar images

3 extra links

title & subtitle on each sidebar image

hover subtitles

page border (optional)

post borders (optional)

sidebar image border

cute post details

hover tags

lots of color customization

p aesthetic looking tbh

Rules:

do not steal or claim as your own

do not remove/move credit in any way

do not use as a base code

like/reblog if you are using or want to save it

If you have any questions, comments, or you just was to tell me you are using this theme, message me here! Thank you and enjoy!

#theme

nicotinell

Changing Like and Reblog button colors (revisited)

I wrote an article about this in the past and for the time and though it was a clever idea. However, it came to my attention that there is a better if not perfect solution (well to be fair it would’ve been perfect if the like button wasn’t an iFrame, but anyway…).

The Reblog Button

This is the easier of them two and is pretty straight forward.

Create a parent element (div), call it .reblog-button and put the button code inside it

<div class="reblog-button"> {ReblogButton size="14"} </div>

Now add some CSS and choose your color

.reblog-button svg path { fill: #563d7c; }

The Like Button

This is pretty much the same as the one above, except we’re going to insert an SVG image (the heart icon) inside the parent.

Keep reading

#text #tut

color-palettes

Royals - Submitted by Witchysharks

#040021 #21033A #37083A #560F36 #6D0C29

#colors

color-palettes

Queen of the Dead - Submitted by Scarletta Agni

#530711 #8D0F1B #B0242F #AD4D58 #F8C397

#colors

color-palettes

X and Y - Sorry, not sorry.

#000427 #0d0a32 #152348 #0e4874 #00629f

#2f0000 #480000 #640409 #7b0a1c #b00730

#colors

color-palettes

Mint Leaf Tea - Submitted By Sam-the-blogging-nerd

#293733 #3a4c46 #495f57 #5a736a #729186

#colors

color-palettes

Cold Day - Submitted by Qfg

#557799 #99AACC #CCCCDD #DDDDEE #AABBDD

#colors

color-palettes

A Palette for Olga - Submitted by Electricbluetempest

#F5BD04 #FEB942 #F4E2BE #F0DCA9 #F0DCA9

#colors

color-palettes

Dead and Red - Submitted by Vulpinempress

#332222 #aa6666 #cc9999 #eedddd #ddbbbb

#colors

taezsthemes

TUTORIAL » How to move things on click with Javascript.

Examples:

click “More”

Also on my current theme blog layout - Click the three lines in the bottom left corner.

Difficulty: ★ ★ ★ ★ ☆ Requested By: anonymous Notes: This isn’t for the faint-hearted because I and many others will know how tetchy coding with scripts can be so please be wary. I can only help so much if you’re not that familiar with scripts/html/css.

Feel free to request a tutorial!

I’ve received a few messages of people asking how I did the javascript effect on my theme 12: coexist, and I use this on a lot of my themes and pages because it’s so easy and can be used for virtually anything.

I’m going to be telling you specifically how to recreate THIS PAGE.

Also if you’re a theme maker please check this out!

Keep reading