Themes I Use - Blog Posts

Discord invite widget

Discord has its own widget for servers, but there’s a lot going on when all I wanted was a widget for people to be able to join the server. 

So, I decided to take the invite link and use HTML and CSS to customize it until it looked like what I wanted it to look like. I’ve been using it for a while so I decided to share the code!

View the install guide here

Page #14 -  Directory

(can be used as: icons page, family page, favorites page, character page, network page, birthday page, books directory, tv shows directory, theme directory, fic directory etc.)

preview 1 // code

preview 2 // code

Notes:

- Do not redistribute this page and claim it as your own. - Do not remove the credit or move it to another page. - Minor changes to this page are allowed. - Please like/reblog if using.

If you like my designs, but you would like to have an unique theme you can commission me.

Features:  (under the cut)

Keep reading

Using on The Eclipse Defaults Blog.

static preview // pastebin

Theme 08 Eurydome  by Copenhagen Themes | terms | credit

Features:

custom reblog + like buttons

sidebar image (width:134px)

pagination below sidebar

un-nested captions

tags when hovering posts

Options:

font-size, font colour, and accent colour

post width: 400px/500px/540px

4 custom links + index,ask and about links.

Using on My CC Finds.

static preview // pastebin

Theme 11 Freyja by Copenhagen Themes | terms | credit

Features:

custom reblog + like button

pagination below sidebar

un-nested captions

optional sidebar image: 210px. (toggle the image option twice if it doesn’t show up when you upload it. Tumblr’s funny like that.)

Options:

optional sidebar image

font-size: 10-14px

colour options: accent+hover, navigation, icons, 3 gradient colours

border-radius: rounded or sharp

post width: 400px/500px/540px

4 custom links (+ index and message link)

Changing navigation icons: If you want to change the icons on the navigation links, you can easily do so. I’m using the HoneyBee font by the amazing @suiomi . Go to the link and copy the icon code. For example, if you wish to use the heart icon, simply copy “heart-1“ into the space for that link you want.. say it’s link one, paste into the space that says “link 1 icon”. If you have any questions don’t hesitate to shoot me a message.

Notes: the like button works, you just can’t like your own posts be it main or side blogs. Yes, I know it’s basically my thrymr theme but with colour :) If you are having trouble finding the right colours for the gradients I would recommend checking out this colour palette site.

Linen (Preview, Terms of Use, Code: Pastebin/Pasted)

A simple FAQ page. 

Features:

topbar with links

intro/text section

q&a section with 60px icons 

inbox located below q&a section

A like or reblog would be appreciated if you are planning to use this page! Please direct all your questions and feedback here.

Using Network Page 1

PAGE PACK 01 / MATCHING THEME :

tags page 01 - preview / code

this is a tags page that makes use of isotope filtering!! it has three custom links, a 900x200px banner, and multiple tags sections with custom filters.

features

- tags with isotope filtering + relevant links on the navigation bar

- 900x200px banner

- 3 custom links

notes: i would highly recommend you only use this tags page if you have a secure knowledge of html editing. i’ve tried to put thorough instructions in the code as well, but i wouldn’t advise you use this page if you don’t feel comfortable with html (you don’t need to be an expert by any means, but if you don’t know what div classes are or how they work at a basic level then this tags page isn’t for you). the filtering works like this: you click on one of the navigation links, and certain tags are filtered out. you can view all tags by clicking on the “all tags” link.

credits: isotope filtering tutorial used is by themesbyzsu

network page 01 - preview / code

this is a network / members page with three custom links, a 900x200px banner, and 150x150px member icons with hover descriptions.

features

- 150x150px member icons

- member descriptions on hover

- 900x200px banner

- 3 custom links

notes: you only need basic css/html knowledge for this page (enough to edit colours and edit the html content). make sure to upload your member icons somewhere else and paste the urls into the network page code in the relevant sections. if the descriptions for each member get too long a scrollbar will appear.

blogroll page 01 - preview / code

this is a blogroll page with three custom links, a 900x200px banner, and 96x96px icons for the blogs you follow.

features

- 96x96px blogroll icons

- 900x200px banner

- 3 custom links

notes: same as the networks page, you only need basic css/html knowledge to use it. this page will not work for side blogs but will of course work for main blogs or multiple blogs on different accounts.

if you have any problems let me know, read the rules, and please like/reblog if using, thank you!!

for more themes go here.

tutorial: removing tumblr app button on mobile themes

for anyone making responsive themes, the tumblr app button popping up on mobile devices and then having to manual close it each time can be annoying, so i figured out a way to remove it.

just copy and paste the following to your css section (can be through the ‘Add Custom CSS’ feature in your tumblr theme editor or between the <style> and </style> tags in your code)

.tmblr-iframe--app-cta-button {     display: none!important; }

and that’s it, you’re done!

peppermint : preview / download

a bookshelf page - finally! this page can be used to showcase book or fic recs and has space for the name, author, a description, a link to the book’s goodreads (or a link to the fic) and a star rating; there are instructions in the code for basic customisation as well as editing books and filters. 

page 01 – hello, goodbye a simple redirect page

preview, code (alt.), more info

options: 5 colors, 2 fonts + font sizes, automatic redirect/loading bar, hidden tumblr controls, custom moved message

don’t steal/copy/repost/claim as yours and don’t remove the credit! likes/reblogs are appreciated, let me know if there are any problems

Using on This Blog.

Thistle by cyantists  [ preview / code / terms of use ]

a flexible, easy to use fansite theme

guidance notes are inluded in the code.

sidebar features:

sidebar sticks to bottom of page when post scroll past it.

search bar, back to top link, and pagination in sidebar.

ability to highlight admin(s) in the members section.

post features:

400px, 450px, 500px, 540px or 500/540px wide posts.

traditional or ‘dashboard style’ text posts and captions.

show or hide post authors, tags and like/reblog buttons.

Please like/reblog this post is using; credits, commissions.