#multimuse theme

[retrcmoon]

POOKIE - BLOG & PAGE THEME SET !!!

These themes are completely free. Please support me and my work by liking and reblogging this post!

  [ GENERAL GUIDELINES ]

Do not claim as your own.

Do not remove the credit!

Do not use as a base code or take parts of this code for your theme.

Feel free to edit as much as you want!

All credits are mentioned in the codes!

[ BLOG THEME INFORMATION ]

The theme comes in 2 versions which only differ in how the muse tab will be handled, all functions are still the same!

Version 1: Contained theme

Version 2: Non-contained theme

Options for 450px, 500px and 540px posts & Custom Body Font sizes (11px - 14px)

Up to 3 custom topbar links

Navigation Tab & Muse Tab are optional

6 extra links in the navigation tab

Link buttons will automatically disappear when the URL part is left empty (remove the / in the design panel)

Fully supports NPF posts.

The theme adjusts to different screen sizes and is mobile friendly.

The code doesn't need to be touched to edit the design! Everything (excluding the muse tab) is editable in the design panel!

5 different background options: plain color, checkboard, grid, gradient or background picture. Pattern opacity of the background (for everything but plain color) & pattern sizes freely adjustable.

Sidebar can be on the left or the right side on both versions.

Border corners can be rounded or square.

The container can have a solid color or be transparent/blur (also on version 2 for the blur around the sidebar and posts)

Mun and blog information goes in the sidebar. The muse (and thread) counter in the sidebar can be replaced by 4 pictures on click in the design panel

Shadow can be turned off in the design panel

ONLY the muse boxes of the muse tab have to be edited in the theme code. Explanations can be found in the code.

BLOG THEME - STATIC PREVIEW (OF VERSION 1) AND BOTH CODES

[ MULTIMUSE PAGE THEME INFORMATION ]

This code is JAVASCRIPT FREE!!!!!!!!

Adjusts to different screen sizes automatically.

Comes in 2 versions (with and without filters)

All colors are easily editable in the css root!

Basic HTML knowledge necessary when editing the page.

Many different styling options for the muse boxes.

Different styling options in the root (backgrounds, grayscale, border corners, container blur, container shadow)

PAGE THEME - PREVIEW AND CODE

[dreamycodes]

⸺ theme 01: the girl in the bubble ☁️

hello! after a nearly three year break - (i was previously niievethemes!) - i am finally delving back into the world of theme making, starting with this fun little number right here! i'm a bit rusty (and was far from an expert to begin with), so if you have any issues with this theme please message me and i'll try my best to help! (honestly i'd also just love to see how you guys customize it, so if you do use this theme feel free to message me to let me know! i'd love to take a peek!)

features:

container background image ( sized 505 x 600 )

sidebar background image ( sized 345 x 600 )

animated bubble sidebar image ( sized 200 x 200 )

navigation tab with six links & animated bubble image ( sized 130x130 )

muse tab with images ( sized 105 x 175 )

muse popups with three links & two images ( sized 215 x 215 )

rules:

you may not: • claim as your own • take parts of this theme and put them into others • use as a base • remove credit

credits:

base code by @gordonramsei​

icons: tabler

animation: animista

please reblog if using or to show support !

click on the source link to be directed to the preview and code!

[synindoodles]

Surtr - a single & multimuse page

Made this page quite quickly recycling part of another page that turned out badly, but as I still liked this part figured I could edit it to make it work (;

Single version has the same "muse tab" from the multimuse page, but without the section where you can pick a different muse - Multi version is the one shown in the gif above and the live preview!

Left a lot of notes inside the code this time so it should be quite easy to use and edit, should you have any question feel free to send me a dm and I'll help you (:

live preview // free download on patreon

[ttenvely]

ONLY HUMAN — THEME 004

I've always wanted to be able to create a multi-muse theme with tabs for more information, and after a lot of trial and error, I've finally managed to do that. Everything is as customizable (and accessible!) as possible. But of course, if you come across any issues or have any questions, feel free to message me!

FEATURES

contained theme with 500px posts.

multi-muse tab with navigation.

accessible source link and scrollbars.

compatibility with beta posts.

GUIDELINES

do not claim as your own.

do not touch or remove any credits.

do not use as a base code or take parts of this code.

feel free to edit and have fun!

CREDITS

base code is made by octomoosey

text font is from google fonts

icons are cappuccicons by suiomi

tabs styling base & script is by valcntines

Click the SOURCE LINK to preview and get the code!

[vampiremakes]

* simplistic flower  /  free non-contained all-in-one multimuse theme.

This is a simplistic / non-contained version of the flowered sky theme. This theme includes:

A tab for the askbox.

A tab for rules.

A tab for a canon muse list with short summaries of each muse, including links to a tabs page for each individual muse page, with stats, verses, and mains / exclusives.

A tab for ocs with the same tabs pages for each individual muse.

A tab for links and tags.

I used various free base codes to make this, so I do not claim to have made this from scratch. You can see the credits below, as well as in the code of the actual theme! I have, however, put a lot of time to customize all the base codes to make it functional for a multimuse blog, and I have made the background and links and the PSD I used on those myself.

You’re going to need a bit of html coding knowledge to customize / use this theme, although I have tried to leave in enough tutorials within the code to help you with the most important things. If you’re still having trouble, I recommend checking out the plenty of tutorials on how to customize themes and html coding created by others! On the off-chance that I should’ve forgotten to give credit to someone, or have credited the wrong person, please kindly let me know so I can update the code as fast as possible to include the right credits! Same goes if you find any errors with the theme that makes it not work as it should.

BASE CODE AND TUTORIAL CREDITS:  

All-in-One Base Code by neonbikethemes

Customizing tutorials and bouncing links from octomoosey

Basic tooltips tutorial from this post

Editing of base codes / design, creation of the theme background and bouncy link images and creation of the PSD by yours truly, @vampiremakes​

TERMS OF USE:

Do not remove any of the credits at the top of the code.

Don’t remove the credits in the bottom right corner of the theme.

Do not claim as your own.

Other than that, feel free to customize and use as you wish! Have fun!

LIVE PREVIEW.   |   CODE.

[hyruleshop]

THEME  #STARRYNIGHT HYRULESHOP

IM ME AT EXFIREFLY / SICAREA FOR PAYMENT DETAILS.  // LIVE PREVIEW HERE !

perfect for roleplay purposes with plenty of popups for you to customize.

THEME, FULLY EDITED - $45

THEME + PROMO - $50 =  5$ the promo

THEME + PROMO + MOBILE HEADER - $55  =  5$ the promo + 5$ mobile header

THEME + PROMO + MOBILE BANNER + DASH ICON + PSD - $60  =  5& the promo + 5$ mobile header + 2$ dash icon + 3$ psd.

[jennyslcte]

PAGE THEME 01: FAST TIMES.

MULTIMUSE VERSION LIVE PREVIEW  +  PURCHASE HERE FOR $5.50.

SINGLE MUSE VERSION LIVE PREVIEW  +  PURCHASE HERE FOR $5.50.

THEME FEATURES.

316x475 images

1 custom link at the top

all colors are customizable within the html

scroll boxes for each version, so you can write as much as you want

you can put as many characters as you want in the multimuse version

GUIDELINES.

you can edit it to your liking but please don’t make it unrecognizable

please don’t remove credit

please DO NOT redistribute

if there’s any issues, please let me know and i’ll try to fix them asap or give you a full refund. this is my first time making a page theme so there might be some issues!

please like or reblog if you use and i hope you enjoy!!!!!

BUY ME A COFFEE!

[kalipinna]

back at it to try out what I learned about java and jquery, my sorta-free theme number 10:

multimuse videogame-style theme!

sorta free because the suggested price is one ko-fi (2 euro) but if you can't spare it you can use the theme anyway! usual disclaimers: don't remove credits nor claim as yours, edit as you please, like or reblog if you take (or just if you like it <3) and the link with static preview and pastebin is in the source of this post.

this blog was thought for multimuses but you can use it for whatever you want - could be about your favorite things or about your other blogs, but in any case your readers will get a big preview of whatever you want to showcase straight from your homepage.

the main point of this theme is that if you click on any of the square images in the navicolumn then the corresponding bigger image and description will appear in the preview column, see the first gif!  explanations are after the read more and all over the html editor, my script does everything, you just need to type in what you want. 

my thanks yous and credits go to:

@eggdesign for the night-button mode (this blog is in dark mode by default so I ended up making it a day-button!) and the aksbox button colors

@glenthemes for npf posts fix and optional searchbar

@bychloethemes for blockquotes with alternating colors

@shythemes for minimal soundcloudplayer, video resizing fix, pxu photosets, lightboxes

@octomoosey for tooltips and (a modified) tumblr music player styling (in this blog you can type in the background colors for dark and light mode)

@annasthms for the unnested captions look (which I made optional and divided them in textposts ones and all other posts so roleplayers can pick what works best for them)

and fontawesome, cappuccicons, 1001fonts, googlefonts.

also: the blog is very responsive (down to the smallest screens) as you can see on the third gif, and has animated titles - the animation of the blog title changes depending on the screen size because the typing look can’t happen if there isn’t enough space for it. If you add custom pages their links will automatically show under the navigation ones. Tumblr controls are semitransparent and small until hovered. More under read more!

you'll need some knowledge of html to edit this theme: many things can be edited from the customization page, like enabling the searchbar and the unnested captions, or picking colors, font for the body (a long list so you know what’s already in the blog and can be used if you want to edit more fonts in the html editor) and the base font-size (most fonts will resize accordingly, for example the title of your post will always be double the size of your post text), select the post-width, write the temporary description and temporary image in the third column and more, BUT you need to go to the html to: -write the description of each of your characters and their two images: one that will appear as a 100x100 icon in the navicolumn and a bigger one (250x350) for the preview column. See example below. -write your navigation links (right now they are home, ask and link 3), this way you can add as many as you want. they are in the "navilinks" section, just search for "/ask".

there are plenty explanations all over the code and examples, so it's a lot easier than it looks. 

I also added templates to make editing easier so here's an example of what you'll find in the code:

       <!-- start of character four  -->        <img class="square" src="/"  style="background-image:url('REPLACE THIS with the url of the image you want to appear in the big preview');" >                 <div>write here the text you want to make appear in the preview column, which shows when you click on the corresponding image. If you want to add links remember to keep them and everything else inside these div tags, the script will ONLY copy what's inside the first div (technically whatever is inside the first 'sibling' of the class square). <br>To style the potential links like I did in the previous example you can use the class="minilinks" inside the a href="" tag, like this:                     <br> <a href="/" class="minilinks">another example link</a>     </div>                 <!-- end of character four -->

you can see this if you click around when in the static preview too!

-optionally you can go and change font-families and font-size for whatever element you don't like and add more specific color-choices if you don't like the default ones or you can keep what you have. This because I chose some main colors that repeat around the blog, like columnsbg is the background for both columns, or mainborders is the color for the borders of your container and columns, and maybe you want to make everything different.