writerthemes

Goodies — Updates Tab Preview/Download

Notes:

I can’t gif so oof. It looks better on the preview, I promise.

The text would adapt to your current theme’s styling.

Add div[title] on your tooltips script. It should look like “a[title], div[title]” after you add it.

Please like or reblog if using. Message me if you found coding bugs aka a mistake caused by my sleepiness.

all about that base | download

a base code pack!

I haven’t seen any page base codes recently so I decided to make these. There are no scripts in any of these so they can be used without requesting a javascript exception from tumblr. There is little/no styling here since it’s meant to be a starter for your own design. Since these are all bases, the credit can be removed/changed if you make it into your own page.

WIP page: Vincent - by aresanglant (bloodynovak)

A simple and responsive works in progress page that has plenty of room for descriptions, three header styles, two link sections for tags/chapters and optional images for stories. Can also work as a character or about page. I’ve included lots of notes in the code to help but don’t hesitate to send me any questions. 

Please don’t remove the credit and reblog if you use! 

Credits: Icons - Image

A simple about page with 6 custom links and a section to write about yourself. Featuring Sayu from Genshin Impact.

↳   SINGLE   MUSE   PAGE   —   𝐓𝐎𝐔𝐂𝐇   𝐀𝐍𝐃   𝐆𝐎   .

i   wanted   to   release   something   special   for   hitting   1k   followers   a   while   ago   and   to   say   thank   you   for   all   the   support   ,   so   welcome   to   my   first   public   code   🤠   if   there’s   any   issues   /   bugs   ,   please   feel   free   to   send   an   ask   /   im   me   .   this   is   a   free   code   .   click   the   source   link   for   accessibility   and   as   always   ,   a   like   or   reblog   is   appreciated   !

↳   CONDITIONS   .

*     THEME 077 : WILD YOUTH.

— FEATURES:

fansite theme for rp mains. location + staff popups. posts width: 540px. optional navigation doodles. different font size and options. visible source link. best viewed on chrome.

— INFO:

by clicking the source link u’ll find the theme’s preview, sizes & links to get the code. if there’s any issue with the code please send me an im to help u with it. this is a PREMIUM THEME.

— TERMS OF USE:

please don’t remove the credit. this is not a base code. do not take parts of the code without my permission. do not buy / use if i have u blocked. do not repost.

— CREDITS:

SPIN THE RECORD by melancholytown

click the source link to gain access to the page preview & code !

FEATURES

a network theme with filters for people to show off their music taste and make their very own little virtual record collection <3 can be used as a muse page as well !

hovering over each record reveals the album name, the artist, as well as three links. instructions on how to edit the information and add more records are present in the code itself.

please note that as of may 2022, you will have to email tumblr support to enable javascript use on your blog(s) before you can use this page.

TERMS OF USE

don’t remove / move my credit or obscure it in any way.

don’t use this theme as a base code

don’t take parts of this code to put into other themes

do edit for personal use

do message me with any issues @melancholytown

Page 03: “Heart of Cards” Character Page

Preview 1 | Preview 2 | Preview 3 | Code

On July 6, 2022, Kazuki Takahashi was found dead off the shore of Nago, Okinawa, Japan. He was the mangaka behind the universe of Yu-Gi-Oh! and creator of the trading card game. 

This page is a tribute to commemorate and celebrate his work, as the trading card game made an huge impact on millions of people in the beginning on the millenium and I myself I’m a huge fan of franchise and the game. Hope you enjoy this work! 

Be sure to read the instructions guide before using this page.

Features:

Show off your characters in a fun way with Yu-Gi-Oh! cards!

Dynamic card generator: All cards are dynamically generated, no html knowledge needed!

Customize your card however you want: you can choose card type (based on real Yu-Gi-Oh! cards), attribute, level, stats (attack and defense).

Add rarities to your cards: You can choose from 3 rarities effects that will show up when you mouse over your cards. Based on actual effects of card rarities from the Yu-Gi-Oh! trading card game.

Use spell and traps cards to display items and locations.

Card Filtering: filter your cards by any attribute!

Light and Dark version: choose the style you like best.

Mini about section.

Responsive layout.

Notes:

Remember to have Javascript enabled on your blog to use this page.

The page includes all types of Yu-Gi-Oh! cards that exist in the actual format except Tokens, Pendulum and Link cards, because these cards have different attributes than regular monster cards.

If you have questions send me a message.

Credits on code.

SAVE MY CAT!

Hello my name is J, and I’m in desperate need of help to pay my cat’s vet bill.

He contracted a UTI and they started treatment right away, he’s been at the vet in hospitalisation for a few nights now and we miss him at home. We’re hopeful the treatment will be a success, but I’m unfortunately stuck with a huge vet bill and have no way of paying it all, and have no assistance.

My fandom friends have helped me put together an emergency raffle to raise funds for Misfit the cat’s vet bill. Please read on for details!

ENTER THE RAFFLE

Buying just one ticket for this fandom raffle puts you in the running to win some unique and amazing prizes of Bucky & Alpine and Steve/Bucky fanfic & fanart!

There are two tiers of tickets

$20 TIER DRAW

One raffle ticket for this tier costs $20.00USD

The prize: one stucky moodboard and headcanon writing post from @cable-knit-sweater, one fic from roe87 @jro616 (choice of marvel characters available).

Purchase via the links below! A $20 donation = one entry. Yes, one winner will receive BOTH prizes!

GRAND PRIZE DRAW

One raffle ticket for the grand prize costs $50.00USD

The prizes: writing from (alphabetically): @bugsandcoffee, @christywantspizza, @gfawkesphoenixchokingonashes, @howdoyousleep3, @musette22, @myexplosion pandafish, @silverstcloud-says , @smolderingflame , @voylitscope . Plus art and pic edits from (alphabetically): 33_conachiyo_33, @blanket-burrito-bucky, @cynefinhome , @hansel-gg , @murkycrush , @vesen-art , @wintersoldierawesomeness, @buckymilf . Plus Beta reading from @zenaidamacrouras1

Yes, one winner will receive ALL of these in the grand prize draw! A $50 donation = one entry.

How to enter the draw

Please make your donation via PayPal, using the link below, and please mark the donation as 'friends and family'.

A $20 USD donation qualifies for the TIER 20 raffle only.

The Grand Prize raffle requires a min. $50 USD donation per entry.

Yes, you may buy MULTIPLE TICKETS to increase your odds at winning. Just note which tier you are entering upon purchase! E.g ‘raffle tier 20’ or ‘raffle grand prize’.

Your name will be added into a draw, and 2 winners picked by random selection.

PayPal link

All proceeds go toward Misfit the cat’s huge vet bill.

As we’re in a hurry, the raffle will take place soon. Snap up your chance to buy a ticket now for a chance to win stucky fanfic and art!

For full event details please visit the Google Doc

And to make your own choice* of donation toward Misfit the cat, please use the same PayPal listed. Thank you for your generosity! Every dollar helps.

*by choosing to make your own donation amount, you are not entering the raffle.

apple juice | preview , code

a multi characters page

features:

responsive design

introduction section with image, description and links

unlimited number of characters

Theme #12: Chances

Preview  | Install

Chances is a writing-focused/text-heavy theme equipped. As such, it allows for a custom google font along with customizable font size, line height, letter spacing, and font weight. There’s a story section where you can showcase your work, choosing from two different styles. Styling the story section, though, requires some knowledge of HTML though I’ve also tried to clearly explain things in the code itself.

Features:

Responsive design

Story section (bookmark button)

Requires some HTML knowledge. Guides and examples in the code. Just press CTRL + F on Windows or CMD + F on Mac and type “story” (w/o the quotation marks)

Story section has two styles: Original and Fanfiction in the examples

While the examples are set a certain way (Original to link to posts on your blog and Fanfiction to link to outside websites), they can be used the same way. It just depends on how you want the info formatted

Day/night mode

Post size: 500px, 540px, 600px, 650px, 700px

Gap Between Posts: 32px - 96px

Photoset Gaps: 0px - 10px

Color options: Post, Backgrounds, Fonts, Accents, etc (30+)

Font Size: 12px - 20px

Line Height: 12px - 30px

Popup menu (more links button)

Optional: 4 customizable links, use Tumblr pages, post shadow, rounded corners on posts, header

Custom google font

Theme credits in the code. Feel free to message me with any questions!

Other credits:

Icon from @deardaichi​

Fics from:

dearly departed by @kingburu

seafoam about | about page by sage

preview & code / active preview inspired by mac os, all sections are draggable! (more info below the cut)

features:

made to match my seafoam theme

header that matches seafoam, includes day/night toggle, follow button, an updates tab, search bar, & scroll to top

chat section for quotes, testimonials, or an faq/etc.

projects with adjustable percentages & a list section for to-do’s or rules/etc.

main section with an image, blog url/title, 4 info stats, links/blogs/socials, a description, and likes/dislikes

customizable: colors & color gradient, border radius, body font, title font, & font size

responsive design

i’ve provided a customization guide below the cut but everything you need to know about editing this page is written in the code

terms:

reblog if using

do not touch the credit

view all terms

credits listed in the code / credits page

please consider supporting me ♡

cotton candy navi page preview / download / support me

features:

simple tags page to match my cotton candy theme / about page

customizable colors & box heights

boxes for links/tags & icon links

side links & blog avatar

customizable font & font size

responsive for desktop & mobile screens

credits:

phosphor icons

google fonts

all credits listed in the code

terms:

like/reblog if using and please consider supporting me!

feel free to send me an ask if you need help customizing

do not redistribute as your own

amethyst about page preview & download / preview two

features:

made to match my amethyst theme

header with 80px x 80px icon image, blog title, url, & icon link

sections for an image (automatically resizes), description, basic info stats, likes & dislikes, blogs, & quotes

day/night toggle & scroll to top buttons

customizable google fonts, font size, border radius, and colors

optional glow effect

semi-responsive

credits:

phosphor icons

day/night mode tutorial by eggdesign

all credits listed in the code

terms:

please like/reblog if using

feel free to send me an ask if you need help customizing!

do not redistribute as your own

Theme #01: Mnemosyne by @pneuma-themes​

Remember us. Remember that we once lived.

Live Preview (Temporary) / Static Preview: [Index] [Permalink] / Get the code: [pastebin] [github]

A simple theme blog with a header image aimed for all kinds of blog type. 

Features:

Customizable post size and font size. Post size can be entered on the post size field and the font size can be entered on the font size field. The live preview uses 540px post size and a font size of 13px.

A slide down menu that includes an icon, a description, an update box and a navigation box.

6 custom links, but you can have more provided you know how to do it.

One accent color and 15 color options.

Built-in light and dark mode with customizable colors for both modes. Colors can be customized on the Customize page.

Mostly NPF-friendly.

Notes:

The width of your header image should be your post size + 300px and the height is 300px. For example, if your post size is 540px then the width of your header should be 540 + 300 = 840px.

Notes to customize the update and navigation boxes are in the code. Please read it first before sending ask.

I tried my best to make this theme NPF friendly, but until the staff decides on a documentation or settle on a one-fits-all styling for both NPF and non-NPF post that works not only on Optica, things will inevitably break or look weird.

Credits:

Icon: @alydae

Fonts: Lato and Noto Sans @ Google Fonts

Dark mode tutorial: @22mm

Toggle Tumblr control: @seyche

Header image: Diana Polekhina @ Unsplash

Icon fonts: Iconsax, script written by @glenthemes

NPF fix v3.0 by @glenthemes

customaudio.js by @annasthms

photoset.css by @annasthms and @eggdesign

Theme 62: Pollux by ShuDesigns

Static Preview | Download 1 | Download 2

[ FEATURES ]

Fixed navbar

Custom navbar title (default value is blog title)

Custom navbar links (maximum 4, will only appear if links exist)

Automatically highlighting current page

Search bar

Full width banner

Optional, will only appear if banner image is uploaded

Banner blending mode: normal / multiply / overlay / screen

Custom banner image (suggested size: 1920px * 500px)

Custom banner image opacity

Sticky Sidebar

Sidebar position: left / right

Sidebar width: 175px / 200px / 225px / 250px

Custom sidebar image

Custom sidebar links (maximum 4, will only appear if links exist)

Blog posts

Post width: 540px / 500px / 400px

Custom font size

Unnest caption

Styled audio player

Reblog / like buttons

Others

Custom Tumblr controls style (light / dark, custom opacity)

Scroll to top button

Styled tooltip

[ TERMS OF USE ]

Please like or reblog if using.

Do not use as a base.

Do not republish / claim as your own.

DO NOT REMOVE MY CREDIT.

[ IMPORTANT NOTES ]

Optimistic for Google Chrome.

Check the Feather Icons list to change the sidebar icons. (e.g. “facebook”, “twitter”)

Sticky sidebar, unnest caption and some other features may NOT work on the customize page.

If something looks wrong on your customize page, please go to your blog and check if it’s working.

I do not help customizing / personalizing this theme.

You can edit the theme all you want but please DO NOT remove the credit or even republish it.

[ CREDITS ]

style-my-tooltips by malihu

Extended photoset by PixelUnion, modified by bychloethemes

Video width fix by shythemes

[ CHECK ALSO ]

Need help? | Donate | Other themes