hate hate hate how sites are increasingly trying to make right click saving images impossible. facebook, instagram, reddit (app), pinterest*, etc... all make you jump through hoops just to save an image. can you guys not please. how ddo i make them stop. can we get one of those EU regulations or whatever that makes them all comply, or are we going to have to wait for global socialism for that. ugh
A couple people expressed interest in this template (used here) after I showed it in a server. I want to give everyone access to it, so rather than have others suffer as I did, you can now find it here!
What you'll need:
- Basic understanding of giffing w/ timeline
- Basic understanding of using keyframes
If you're uncertain about anything with this template, my ask is always open. I am happy to help however I can. My one ask is that you please provide proper credit if using (aka link back to here in the caption of your post). Happy giffing!
to celebrate 100 followers i promised to share the code i’m using for my fantasy wip! that follower count has now doubled, so thanks for following, friends! <3 this page is pretty simple to fill out, and all the colors and the font can be easily changed in the root section near the top of the code.
preview / code
includes sections for details, synopsis, themes/tropes, a quote, links, and scrollable boxes for characters, and extra info/world building.
you can check out more of my codes on my themes blog!
please like/reblog if you use! also please let me know if you come across any bugs and i’ll be happy to fix them. :)
features: a parallax featured image, sections for stats, progress, progress bar, themes, synopsis, links, worldbuilding/additional info, quote, and characters. character icons are 50x50 (images used in preview via alydae). for the featured image, i suggest grabbing an image url from an image on unsplash.com. check out font awesome for more icons.
you can remove certain sections if you don’t want to use them (although i’d definitely make sure to save your code in case you delete something and it ends up looking wonky.) the preview might look funny, but everything should look correct on the actual page!
let me know if you run into any bugs. pls like/reblog if you use, and pls don’t remove credit. thanks! <3
several people have asked for this one, so sorry it took me so long to release it!
featured image and sections for synopsis, themes/tags, links, project details, major characters, minor characters, and general sections like 'locations' and 'terms to know' which can be use for anything
footer section for additional info, but you can delete it if you don't want it
slide out menu with a second image, can be used for additional information or to feature an excerpt
pls like/reblog if you use, let me know if you run into any bugs, and pls don’t remove credit. thanks! ♥
additional info under the cut :)
if you'd like to change any of the icons, you can find more at phosphoricons.com
scripts are noted in the code so you can delete them if you want a javascript-free theme. without the javascript, the slide out menu will not work, just an fyi! delete the slide out menu at the top of the html section, and delete the script at the bottom of the code.
all images in preview via unplash.com. i recommend using unsplash or similar websites for images because they're free and high-res. (to create the character icons, i just crop the images into a square, upload into a tumblr post, save as a draft, and then right click the images for the url.)
wip page 02 - by @bebewrites
a tabbed wip page code to celebrate 500 600 followers! ♥
preview / code
this code has five tab pages. one for details, characters, additional information/q&a section, links + tags, and a short excerpt. all colors and the font should be changed in the root section near the top of the code.
please let me know if you come across and bugs or have any questions! i’d be happy to answer them:) i’d also appreciate a like/reblog if you use!
Sevens — a minimalistic and responsive, single-column theme
Static previews: - Preview (1) - Preview (2)
Download code: GitHub
This is a single-column Tumblr theme with a sidebar (header or right or left positioning), with a Google fonts of your choosing. Full support of npf posts. Optional dark/light mode toggle available.
Read features and notes below the cut
Customize colours for dark and light mode
Customizable post margin
Custom title
Custom description
Select font-size (11-18px)
Select Post-width (350-540px)
Select photoset gutter (1-4px)
Select post info displayed as text or icons
Toggle tags hidden behind a toggle
Toggle to hide tumblr controls behind icon
Toggle between sharp or round corners on content and/or photos
Toggle between displaying or hiding Tumblr controls behind an icon.
Toggle optional update tab
Navigation: An unlimited display of native Tumblr pages within a dropdown.Learn how they work in my FAQ here. Custom home archive + ask titles. If you wish to just display all links, delete the text in the toggle label text field.
Search bar: The search bar will automatically be hidden if you have the option to discourage searching your blog from search results enabled. Go to your blog’s settings to do so.
Sidebar Image: Choose between the sizes 60px, 80px or 100px. Choose a shape between shapes square, rounded, circle or blob. Separate icons for light and dark mode! But If you want the same icon, simply upload it twice.
Dark Mode: If you decide to offer dark mode, it detects if visitor’s operating system is on dark mode, and displays that choice at the first visit - of course with the option to toggle the other mode on/off.
Update tab icon change: To change the icons in the update tab, go to phosphoricons.com and simply copy the name of the icon like so:
Into the corresponding field:
Notes:
Via/source links are on permalink pages
to hide the archive link, simply delete the text in the field.
Submit-link and ask-link only shows if toggled on in your blog's settings.
Suburban— a responsive, single-column theme with a full-length sidebar
Static previews:
- Preview (1)
- Preview (2)
Download code: GitHub
This is a single-column Tumblr theme with a full-length left sidebar and two Google fonts of your choosing. Full support of npf posts. Optional dark/light mode toggle and update tab available.
Read features and notes below the cut
Customize colours for dark and light mode
Customizable post margin
Custom vertical text
Custom title
Custom description
Custom statistics (in sidebar)
Select font-size
Select Post-width (350-540px)
Select photoset gutter (1-4px)
Select post info displayed as text or icons
Toggle to hide Tumblr controls behind icon
Toggle between sharp or rounded corners on content
Toggle between sharp or rounded corners on photo(sets)
Toggle optional update tab
Navigation: An unlimited display of native Tumblr pages.. Learn how they work in my helpdesk here. Custom home + ask + archive link labels.
Search bar: The search bar will automatically be hidden if you have the option to discourage searching your blog from search results enabled. Go to your blog’s settings to do so.
Sidebar header image: 290x250px. This header image is also optional. Separate image for light and dark mode, but If you want the same photo, simply upload it twice.
Sidebar Image icon: 50x50px. Choose a shape between shapes square, rounded, circle or blob. Separate icons for light and dark mode! But If you want the same icon, simply upload it twice.
Dark Mode: If you decide to offer dark mode, it detects if the visitor’s operating system is on dark mode, and displays that choice at the first visit - of course with the option to toggle the other mode on/off.
Icon change for update tab and sidebar statistics: To change the icons, go to https://tabler.io/icons and simply copy the name of the icon like so:
Into the corresponding field:
Notes:
Via/source links are on permalink pages
to hide the archive link, simply delete the text in the field.
Submit-link and ask-link only shows if toggled on in your blog's settings.
This coloring was made in Photoshop CC, and it will work better on it!
CONTENT
1 Photoshop file (PSD) with the coloring.
TERMS
Like and/or reblog to help a creator.
Don’t repost, re-upload or put it on packs and/or google drive. Don’t claim my resources as your own.
Don’t use my resources as a base or copy them.
Credits are not mandatory, although I’d love to see your edits!
My resources are free for personal/non-commercial use only. For commercial use, you must pay for the download. If you paid for the download, you are authorized to use it commercially. Reach out to me for more info or if you have questions about my resources license.
Follow me for more resources! ♡
This is a free resource, but you can buy it with points on DeviantArt to help out a creator or download it for free on Ko-Fi. Thank you!
I don’t own any of the pictures used to make the preview and I have no intention to violate the copyright rules. If any picture in the preview belongs to you and you want me to remove it, please, contact me!
Bloomy— a responsive, single-column theme with a sidebar
Static previews:
- Preview: left sidebar
- Preview: right sidebar
Download code: GitHub
This is a single-column Tumblr theme with an option between a left or right sidebar, with a Google font of your choosing. Full support of npf posts. Optional dark/light mode toggle available. With 3 tabs included in the sidebar - show info, navigation and updates tab.
Read features and notes below the cut
Customize colours for dark and light mode
Customize 2 gradient colours (home button in the sidebar)
Customizable post margin
Custom title + description field boxes
Select font-size (11-18px)
Select Post-width (350-540px)
Select photoset gutter (1-4px)
Select displayed tags or upon a toggle
Select post info displayed as text or icons
Toggle between shadows or no shadows
Toggle between sharp or round corners on content
Toggle between displaying or hiding Tumblr controls behind an icon.
Toggle to center post column
Navigation: An unlimited display of native Tumblr pages within a dropdown. Learn how they work in my FAQ here. Custom home archive + ask titles.
Search bar: The search bar will automatically be hidden if you have the option to discourage searching your blog from search results enabled. Go to your blog’s settings to do so.
Sidebar Image: 60x60px. Choose a size between shapes square, rounded, circle or blob. Separate icons for light and dark mode! But If you want the same icon, simply upload it twice.
Dark Mode: If you decide to offer dark mode, it detects if visitor’s operating system is on dark mode, and displays that choice at the first visit - of course with the option to toggle the other mode on/off.
Tabs in sidebar: to hide a tab in the tab sidebar, delete the text in the corresponding field. Example: "Tab 3 Title" for the update tab. Learn about how to change icons further down under icon change.
Icon change: To change the icons in the tabs sidebar or in the update tab, go to phosphoricons.com and simply copy the name of the icon like so:
Into the corresponding field:
Notes:
Via/source links are on permalink pages
to hide the archive link, simply delete the text in the field.
Submit-link and ask-link only shows if toggled on in your blog settings.
