do not remove credit, or take portions of my code for your own page
do not claim as your own
do not use my code as a base
at this time, further customization support is available with a tip.
variation of my theme nausea, without javascript
Instructions on how to customize font/colors/size are within the code itself. If you have general questions please look through the coding tag first before sending me an ask. substantial edits are fine so long as you keep my credit link in and do not distribute your edited version.
Back with *another* multimuse page because being picky and creating themes whenever I'm bored is my favorite hobby lol
Another freebie I did which is meant for historical/fantasy characters mostly; has a side bar where you can pick characters and then each box has plenty of space for information and a small moodboard at the side. Everything can be edited to your liking, just keep the credit and general look so it's recognizable (;
Relevant information can be found under the cut ~
Note: I strongly recommend to test the theme on another tab as it will look pretty weird through Tumblr's customizing page.
live preview // free download on patreon
x Muse list: all pictures are automatically fitted to the available box and will have a black and white filter - also in the code each picture is linked to a character box, so make sure the "#" is the same as the id="" so it works properly. !! Note: if the character boxes (except for the first one) are not properly overlapping the first and the pictures in the list get cut by your screen's border then change the "width" value in ".muse-list" with a higher number until you see everything as it is in my preview, I tested it myself but for some reason Tumblr likes to ruin it :p
x Information over the main picture can be whatever you want, technically you can write more than one line but doing so will enlarge that box and also the others.
x The facts and background text can be changed as much as you want, the top facts can be longer but don't add a lot or it will get a bit crowded - as for the background text and lower facts you can get carried away there as the sections will automatically scroll (;
x Moodboard pictures are also automatically adjusted to each box, you can also add more if you wish and you can simply scroll down to see all of them!
UPDATE 11.24.24: this template now has a page theme version! if you're not a fan of templates, you can get the code to use it as an interactive multimuse page >here<
Been meaning to do this a long time ago (and actually started it but never finished it, lol) as a way to share some more information about my ocs without needing to use a custom page theme, but mostly because I haven't found any page theme that looks exactly as I want and allows this much customization.
There are two versions and both are almost exactly the same; but the example shown in the left has an 'appearance' section which is small and has few quick facts regarding the oc's appearance; while the example on the right has a 'moodboard' section instead which allows you to add more info about your oc.
You can change every section/title to fit your needs like I did in the examples below; I personally removed some categories as well and got rid of some connections as this oc doesn't have that many close friends/partners to fill the original template. However, I also included an extra separated 'connections' section in the download in case you want to add more people and more information.
I recommend you stick to square-shaped pictures so it's easier to fit them to each section. Also if and when you edit the information or section titles, please select only one line at a time to replace it so you don't lose the text format. (Titles shouldn't change because that's a single format/font within the same text box, but should it change you can always hit ctrl+z hehe) When you're done, I strongly recommend you save this as a .png instead of .jpg so it's the best possible quality!
Last but not least, this is a .psd file. So you'll need either Photoshop (I did this with Photoshop Portable, but it supports newer versions of PS and it *should* support older versions too) or Photopea to open and edit this file.
Credits: Adobe Photoshop, Inter font, Golften Vintage font
>DOWNLOAD< (patreon but free :p)
(note: I'm posting this with my gaming blog because I think my fellow gamers might be interested in this, but please consider giving credits to me if you use this template by tagging @synindoodles instead of this blog)
More info on how to use and edit this template below the cut!
Layers:
>Each layer is properly named and categorized. The general layers such as the background, the icon shape and background shapes are under the groups.
>If you don't want to see/don't need one of the connections' pictures and information, I recommend you find which one it is (1, 2, 3, 4, 5 or 6) and click on the eye symbol next to the layer to hide it so that way if you ever need it, it won't be truly gone.
>To edit a text section, simply find the layer (such as General Information>Left Column) and double click on the 'T' symbol next to the layer. That way it will open edit mode and allow you to edit the text, just don't hit delete or enter while everything is selected or you'll erase it :p
>Main text sections aren't separated, they're blocks of text. I recommend you don't remove the amount (for example, if you downloaded the version with the 'appearance' section, which has 5 sections of information, don't remove the fifth line.) Either leave it empty or replace it with another data, otherwise it will look weird. The 'general information' section might look good even if you remove a few lines, just don't get rid of the whole block of text.
Pictures:
>To add a new picture, simply paste it over this document and move it using the Move Tool.
>To frame it (so it becomes a circle or fits over the shape you want), make sure the picture layer is over the layer you want, then while holding alt click between the two layers. [For example, if you want to add a new main oc picture: 1) paste the pic you want, 2) move it with the Move Tool so it's covering the big circle, 3) once you've fully covered the shape (if it isn't you can resize it by right clicking on it then on 'free transform', sometimes you might need to hold shift to proportionally resize it) make sure the newly pasted pic layer is over the layer named "picture goes here", 4) hold the alt key and hover your mouse cursor over the line between your pic layer and the circle layer until you see an arrow going down symbol, once you see it click it and tah dah! your picture should now have the same shape as the circle! - you can further move it if it doesn't fit the way you want with the Move Tool (;
Others:
>You can change every color, font and section to your liking, just don't change the general layout of the template.
>To hide/show the guides (those bright blue lines all over the document), click ctrl+,
>'Inter' is a free font and you can get it in the link above (linked with the credits), Golften Vintage is not, but you can get the demo version >here< (just scroll down and click the blue download button under license). I will not tell you how to install fonts as it might be different for everyone (for me it's C:/Windows/Fonts and I just drop the zipped files (except the .txt one) there), but google is your friend.
>I can't think of anything else that needs to be said here, but if you have any other question feel free to send me an ask or dm and I'll help you out!
>Last but not least, a like is appreciated if you plan to use this plus consider tagging @synindoodles if you use it <3
if u find any bugs don’t forget to let me know, so i can help u. thank you very much for your support and i really hope u enjoy it!
* terms of use and info:
don’t use it as a code base or steal it, don’t edit the credits or remove them and please don’t take parts of the theme and paste them into another’s. please read my rules!
the appearance may change depending on the size of your computer screen.
the full credit list is in the code.
if u like what i do or find it useful with a reblog u would be helping me a lot.
Hey! This is the second page by Themes by Pale, and the first of the type “character page”. The inspiration came with the animes One Piece and Bleach. (If you don’t see the gif in this post, you can right click the image and select “Load image”).
It’s easy to use, you don’t need a lot of coding or HTML knowledge to use it, but you will need to follow instructions very carfelly. See the full instructions/guide here.
Features:
Add characters to the list easily (can be infinite!).
Dynamic character generator, no need of HTML knowledge to add characters.
Side menu with custom avatar, custom song, custom description of the page and custom links.
Change the colors of the page and cards and the background image.
Responsive.
Notes:
Although the page is responsive and looks good on cell phones, viewing it on a computer is a better user experience due to the amount of information.
I hope the guide answers all your doubts, but if you have more questions feel free to send me a message. Hope you like this page!
by clicking the source link u’ll be redirected to the code. if there’s any issue with the code please send me an im to help u with it. this is a free page.
♡ 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:
awesome icons.
honeybee icons.
google fonts.
filters: @cyantists
