@espoirthemes / espoirthemes.tumblr.com
The theme builder is ready to be used! Since this is the beta version, there are still a lot of options that are going to be added in the future.
Here are some examples of themes made with the current version:
And here are some of the current options:
Please let me know if you have any suggestions or run into issues making or using a theme!
preview: start doodling (desktop only)
In honor of the april fools projects I've done in the past, I made a little replica of PictoChat. It's a very simplified version, but you can download your doodle after you're done!
Theme - Midnight Sun v4; [live] [static] [code] [install] [magnusthemes]
Fourth iteration of Midnight Sun (v1, v2, v3.1, v3.2). A MacOS x Solo Leveling one column dual-sidebar theme.
Features:
Notes:
Please like and/or reblog the post if you use or plan to use this theme, or just if you like it! Only message me with questions after you’ve read the FAQ. Thank you for your support!
TLDR; instead of typing +, use the ASCII Encoding Reference %2B.
Brief: on Tumblr, when you want to browse a tag or search a keyword on someone’s blog, the space key in the address bar can also be registered by the following symbols:
So if you have a tag that has + in it, take lgbtq+ as an example; if you type that in, it will confuse the search system and will not take you to the lgbtq+ tag.
So to browse a tag with a + in it, use the ASCII Encoding Reference %2B instead, so rather than:
https://tumblr.com/tagged/lgbtq+
The address will become the following:
Note: you can still tag the posts you create/reblog as lgbtq+; it’s just that when you search it on a blog in the address bar or create a URL that links to this tag, you’ll have to change + to %2B. 💖
CLARA by @suiomi
Clara is a full-height sidebar theme with a minimal design. This is a revamp of the theme I made in 2017, with the same name.
Highlights:
Options include colours and sidebar background, font and avatar sizes.
Image dimensions:
Experimental. This page is ideal for a lot displaying projects, characters or similar. Content is generated based on a Google spreadsheet & easy to edit.
This page is a little bit special and experimental. If you have a lot of items you to display but don’t want the hassle of fiddling with the code & adding every item manually this will make things easier by entering your data in a Google spreadsheet instead. The card won’t show in the tumblr preview.
Instructions: 1) you need a google drive account 2) step by step guide and everything else you need to know are in this spreadsheet template that was also used to create the preview.
Features:
Credits:
Edit and customise to your liking. Don’t repost/redistribute and/or claim as your own. Do not use as a base code. Leave the credit, thank you.
page 06 — showcase a theme for codingcabin’s gridmania challenge
features:
credits:
terms of use | likes + reblogs are appreciated! | let me know if there are any problems
theme twenty-one: tiny love by pirateskinned ↳ static preview — pastebin
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. if you like my themes, please consider supporting me. please like / reblog if you plan on using.
A Theme Pack by extasisthemes
Features:
Features:
Notes:
-` Preview | Payhip ( $6 ) ´-
An all-in-one, fully interactive, faux retro desktop theme with a tiny built-in audio player.
Features:
+ more!
Terms of Use:
✔ You May:
✘ You May NOT:
Color Page [01]: Euphoria by glenthemes
🍑✨ a simple page to showcase your favorite colors ✨🍑
Features:
A detailed guide can be found in the above link; instructions can also be found within the code. Be sure to follow the terms of use and like/reblog if you’re using this page! Please contact me if you have any questions/problems with the coding and I’ll try to help you as much as I can! ♥
I’ve been in a bad art block for a while, so to try to break it I decided to completely redo the look for the home page!
Challenging myself like this has definitely gotten me motivated again. I’d been putting off designing the header in illustrator for way too long, so seeing it all come together was really what I needed to get back into the swing of things!
This theme was made for @codingcabin‘s Thriller Themes & Creepy Codes Challenge. This theme was made with text heavy blogs in mind and has large post and font sizes. While it does support all image sizes, it is optimized for high resolution images.
Features
Please let me know if you run into any issues using this theme!
A lot of theme makers, including myself, prefer not to answer most customization asks, but I wanted to cover some ways to edit themes to hopefully make it a bit easier to understand.
Keep in mind that no matter what you’re trying to edit, a basic understanding of HTML and CSS is going to help a lot. You don’t necessarily have to know all of the basics, but try to look up what you’re trying to edit.
For example, if you want to add a background image, there’s a lot more to it than just background:url(’imageurl.png’); depending on what you want to do. This just gets a background image to display. It doesn’t make it cover the whole container or stay attached to the page as you scroll. So, it’s best to do a little research on exactly what you want to do before you jump into editing.
Once you’ve figured out what and how you want to edit, there are a few different ways to go about this.
First you should double check if there is already an option the theme comes with. Most themes come with color and image options, so if you try to add it yourself it might not work how you want it to if there’s already options available.
Next step is going to depend on what kind of theme you have. Adding custom CSS is really simple for theme garden themes, but can be a little more complicated if it’s a custom theme not hosted on the theme garden.
This is question is probably going to be a little silly but how might I go about adding a title to the sidebar in that code base? I got a title to show up but I can't seem to get it to go under the icon.
It’s not silly! I can’t believe I forgot to mention the title.
You should probably wrap your title in something first, like a
tag depending on what kind of style you’re going for. h1 tags are typically used for titles. The default styling is large and bold text. b tag would only make it bold, not bigger by default. and p would just be plain text. I suggest using an h1 tag (so:
). Just tested that in the preview blog.
Make sure you’re putting it underneath the sidebar image in the HTML. Like this:
<!– this is probably where you want your title –> {Description}
And of course you can style this in the CSS by doing this:
aside h1 {/* h1 styling for sidebar */}
The reason why I’m suggesting aside before h1 is because h1 can also be used in post titles, so this keeps the styles separate. .textpost h1 already exists in the CSS.
