Lucia's Resource Blog

Tumblr themes, patterns, tutorials collection

[mephistia-themes]

serpens cauda theme by Mephistia

A minimalist theme focused on photo posts. (Inspired by Agalloch songs)

preview 1 | preview 2 | get the code

Features:

Responsive / mobile friendly

Header or sidebar menu with pages as links

Up to 4 max columns

4 colors

5 font sizes

Google Fonts

Select header aligment (left, center or right)

Custom post gutter & rounded corners radius

Toggles: Show archive link, show avatar, show photos only, horizontal menu, infinite scroll

Terms of use:  

Don’t remove/edit the credits pls 💗

Don’t use as base code

Don’t steal parts of the code

Edit only for personal use (don’t redistribute!)

Don’t claim as yours (you can state you made modifications)

Please like/reblog if you’re willing to use it!

Don’t hesitate to send an ask if you have any doubts!

Credits and guide below the cut!

Keep reading

[pillowthemes]

Torschlusspanik (Theme 22): Static Preview | Code

Torschlusspanik is a combination of three German words, and literally translated means “gate-shut-panic.” The word describes the fear, usually as one gets older, that time is running out and important opportunities are slipping away.

This is the second theme of Pillow Themes’ theme series titled Mezurashii.

Rules:

Do not steal snippets or all of my codes.

Do not claim the theme as yours.

Do not remove my credits.

Features:

Infinite scroll and pagination

One column theme with 500px post size

Hover on the post for permalinks and other effects (once you hover on a post, the post’s left border becomes your accent color to mark where you are)

300px sidebar width (shows your description and check list)

Links on top (line icons from https://linearicons.com/)

One accent color for permalinks, links, and other features

The theme’s codes has built-in guides for you to fully customize your theme. The check-list is really important in this theme because it helps list down the things you need to do to have a more structured life. It can also be a means for you to explore your interests and grab those opportunities as they come!

Thank you @silbrigthemes for the theme name suggestion! :>

Please like or reblog if you’re using the theme!

[nuclearthemes]

✿ PAGE PACK 001 ✿

about page >> preview // download nav page >> preview // download story page >> preview // download character page >> preview // download writing page >> preview // download support me on ko-fi?

>> features

five matching pages with semi-responsive layout

square images with smooth animations

enough space for any content

clean and structured layout

colorful color scheme

check out the preview for all features!

>> notes

list of credits in the code! please do not remove it, thank you :)

i added comments in the code to help you out, but some basic html/css knowledge is always good to have!

please dm me or send me an ask if you have any questions or run into problems :D

these pages are supposed to be semi-responsive, which means they will resize with your laptop screen but aren’t compatible with mobile, and they should be compatible with all browsers. if something doesn’t work or seems off, don’t hesitate to let me know!

likes and reblogs are much appreciated! if you like my work and want to support me, please consider donating to my ko-fi, it’s much appreciated :D

[glenthemes]

Theme [20]: Wanderlust by glenthemes

Previously known as ‘Destiny’, this theme has been revamped into ‘Wanderlust’, and features Star Guardian Ezreal from League of Legends.

► PREVIEW | CODE | CREDITS

Theme features:

top bar: icon image, 2 textboxes, decorative arrows & borders

extra info panel: hover to reveal banner

music player: 1 song only, with song name

sidebar: character image, custom glow, description, 5 custom links

posts: 1 column, multiple width options [400px, 450px, 500px, 540px]

in general: lots of options for sizes, positioning, gaps, spacing etc

Be sure to follow the terms of use and like/reblog if you’re using this theme! Please contact me if you have any questions/problems with the theme and I’ll try to help you as much as I can! ♥

[cactusthemes]

Theme 11 - Prism by cactusthemes Preview | Code

A fully responsive, rainbow-coloured theme

(Made for the #nojschallenge)

Six links (all optional)

If you want a link to disappear, just leave the corresponding ‘Title’ box blank

A second description box (optional)

Insertable: Columns (1, 2, 3), Post Width (540px, 500px, 450px, 400px), Font Family, Font Size (11 px- 14px)

The amount of columns and post width will automatically adapt to your screen size - the options you get allow you to set the maximum amount of columns and the maximum post width your theme will have

If you want to check what this theme looks like on different screen sizes, go here and select different screen sizes from the dropdowns!

THIS THEME HAS A MOBILE VERSION, to make the mobile version appear scroll down the customize window, click on ‘Advanced Options’ and disable the ‘Use default mobile theme’ option

As always, if something doesn’t work/looks weird, feel free to send me a message!

Credits

[cactusthemes]

Theme 3 - The Same Coin (REVAMPED) by isaacsthemes Preview | Code

A theme inspired by the pairing ‘Merthur’ from BBC Merlin

Left or right sidebar

Sidebar image width (rectangular): 200px

Sidebar image width (square): 125px

Four custom links

Optional: Infinite scroll, Load More Button (infinite scroll has to be enabled), Black/White Tumblr Controls, Font Family, Font Size, Square/Rectangular Sidebar Image, Sidebar Padding

Insertable: Columns (1 or 2), Post Size, Permalink Post Size, Link Icons (Already coded in)

Credits

As always, if something looks weird/doesn’t work, please don’t hesitate to message me!

[cactusthemes]

Theme 1 - Grey Clouds (REVAMPED) by isaacsthemes Preview (Right boxes) | Preview (No right boxes) | Code

A theme featuring a lot of boxes

Topbar and sidebar

All colours can be changed

Facts/Stats box (optional)

Boxes on the right (optional)

Four custom links (all optional)

Four different font sizes coded in

Searchbar

Scroll to top button

Fade in on Refresh (optional)

Credits

[artsluna]

font pack #009: disney - no need to credit, theyre from font websites. - every like/reblog is appreciated, though. - white poison - alladin - ice kingdom - poker hunters - mulan - moanas - little mermaid - basileus

[annasthms]

notifs  |  an update tab

a notification-style updates “tab” — the updates are cycled through, each “popping up” for a set duration. a list of all updates can be viewed by clicking “see all updates”.

preview & install

terms of use | likes + reblogs are appreciated! | let me know if there are any problems

[venusthms]

page 18: elara by venusthms

preview | download | alternative download

this is a simple network/members/characters page with combination filters. images are 120x120px but the size can be changed in the code. longer descriptions can optionally be cut off and revealed on click. instructions about customization are provided within the code. if you encounter any problems with the page, message me. terms of use

credits: tumblr controls fix by @cyantists ; filter tutorial by @magnusthemes ; feather icons​ ; more credits here

[pirateskinned]

code snippet #4: calendars by pirateskinned ↳ check the source link for the preview + code

5 different calendars: with and without borders, with and without background colours as well as a habit tracker

can be used on any theme or page

while there are detailed instructions in the code, it’s useful to already have some html/css knowledge when using this snippet

don’t use as base code, remove credit, take parts of the code or repost / claim as your own. do edit and make it your own. please like / reblog if you plan on using.

[taezs]

tags page by taezs

a simple tags/navigation page with a couple of customisable options, most notibly that you can either lay it out in a grid or masonry format depending on what looks best with the amount of tags listed. there is also the option of a search bar. this is my first code i’m releasing in six (!!!!!!!) years so if i’m way behind on what’s cool these days in coding that’s why. 

credit: honeybee icon font by suiomi.

note: icons and scripts (tooltips, masonry, search bar) are all ones that i stumbled upon 3-4 years ago from people that didn’t credit the original source or they’ve been lost to time - so please send me a msg if you know where they’re from.

previews: one & two, code

[cocorini-deactivated20240612]

Tags List Page: Cheri

Preview: HERE | Download: HERE How to install blog pages: Tutorial Credit: str-wrs for the sliding feature tutorial Notes: The tags are in sections so you can organise them! The coding is pretty huge but I’ve tried to include a lot of liner notes as guidance on how to use this page. (＾ω＾)

[cocorini-deactivated20240612]

Redirect Page: Doors

Preview: HERE | Download: HERE How to install blog pages: Tutorial Notes: When one door closes, another one opens… right? Well that’s the concept behind this. (´-ω-`)

[cocorini-deactivated20240612]

Blogroll: Pastel Time

Preview: HERE | Download: HERE How to install blog pages: Tutorial

[cocorini-deactivated20240612]

FAQ Page: Sumikko

Preview: HERE | Download: HERE How to install blog pages: Tutorial Notes: Please make sure to change the URL in the askbox code at the bottom of the theme’s code to your own Tumblr URL (must have the ask feature enabled).

[cocorini-deactivated20240612]

Network Page: Citrus

Preview: HERE | Download: HERE How to install blog pages: Tutorial Notes: The content is added horizontally and has two images for each section. It can be used as a family/bias/character page.