Herb Themes

On a month long hiatus This website is really just for me to share codes which satisfies me and hopefully, satisfies you as well. Additionally, herbthemes is a resources blog. Enjoy! :-) All themes are best viewed on Google Chrome

[herbthemes]

Tag page #01 by @herbthemes

A simple navigation page that is divided by categories. It’s really, minimal.

I would really appreciate it if you would like or reblog so I can see how you guys would use it! :-)

preview + code

[herbthemes]

hi! i'm using your AMAZING paradise theme. i made my own page and i have pictures on them, but they don't center with the scrollable column. how do i fix that?

if this still needs help, i don’t mind taking a look at the page :)

[herbthemes]

hey! hope you're having a good day! i'm using your trndsttr theme and i was wondering if there was any way to edit it so that long tags don't tend to overflow into the next post? i tend to have a lot of tags and i edited the margin between the posts to accommodate but they're too spaced apart now to make the tags fit. anyway, i love your themes, thank you for making and sharing them !

thanks for bringing this to my attention! though i made the theme a while back, i doubt the questions still stands. i’ll try and fix it though

[herbthemes]

Your paradise theme really is gorgeous, its very original too! I love it so mych > 3 <

this is such a wonderful message! i’ve recently re-activated this account and to see this in my inbox was just really nice 

[painthemes]

FLUORESCENT

Static preview + Install

350px posts

3 custom links 

faded, grayscale, captions, small cursor option

basecode from the gorgeous @bychloethemes 

resizing videos from @shythemes

Like//reblog if you consider use, if you have any issue message me

[theme-coding]

Using SVG Icons

“Unless properly scoped, [icon fonts] can result in a large file size for only using a small subset of the icons available.”

— Google Developers

Using icon fonts come with several disadvantages such as limited CSS styling, imprecise positioning, and blurring, but the biggest of them all may be the bloat of loading an entire library when only a few icons are needed. To address this issue you may consider using inline SVG.

Inline SVG and <use> 

Read this introduction to SVG Icons by Codrops. Note that the use of inline SVG is not supported in IE8. Browse this list for fallbacks.

Icon services that support SVG include SVG Icons, Iconmelon, Geomicon and IcoMoon, among others. Also check out this free icon set (available in SVG, PNG and PSD) by Nick Frost and Greg Lapin:

Readings & References:

Use SVG for icons

Ten reasons we switched from an icon font to SVG

Tips for Creating Accessible SVG

MDN: The SVG use element

SVG ‘use’ with External Source

A Compendium of SVG Information

[shythemes]

Tutorial: Search Tags

Since Tumblr’s default search form no longer looks at tags for matches, I quickly wrote a script for a search form that redirects to tag pages like in the old days. If you would like to use it, the steps are as follows.

Keep reading

[kto-html]

theme 1 - my youth

400px posts

Three links

Optional: sidebar image, captions, lazy load, b&w posts

preview | code

[foggydevils]

theme 13 - throes

preview | code

minimal one-column theme with 300-700px post sizes

features lazy load, borders, add/remove captions

notes located only on the permalink page (hover over ’+’ for permalink)

5 links and customizable colors

Please don’t remove the credit, and let me know if there is anything wrong with the code. Like/Reblog if you’re using.

[bychloethemes]

How to hide posts from your blog depending on tags

Tutorial by @dontbrag​

Difficulty: ★★☆☆☆

The only reason this is 2 stars is because you have to know your way around your own theme / be able to find things in your theme.

In this tutorial I am going to explain to you how to hide posts from your main blog page via tags.

Keep reading

[waluigikart]

theme 07: sino. [preview & code]

four custom links

custom font sizes for titles and texts

seven post widths (250px, 300px, 350px, 400px, 450px, 500px & 540px)

option to fade images

caption always visible on permalink page

please report bugs here

[herbthemes]

hi! i love your paradise theme, i was just wondering; do you think you could please add the option for backgrounds- or provide the code to do so? thank you so much!

Hopefully this article helps! 

[odeysseus]

spiral : preview / download

this is a simple all-on-one page with tabs for about, navigation, blogroll, faq and ask box. instructions for customisation are in the code: you do not need to edit the blogroll and ask box sections. 

[atlaspoint-deactivated20180430]

Outage Live Preview | Install Theme

Features:

Body font: Lora, Title font: Playfair Display

Fixed top bar

Option to make top bar a bit transparent

Option to add more links or tabs

Option to add more sidebar boxes

Option to use recent posts

Tags only at the permalink page

Notes:

Inspired by sorrism and font styles by neothm

Theme support only available through the messaging feature

[herbthemes]

Trndsttr by @herbthemes​

A one column theme with a header, any post width size, various colour customisations.

preview / code

Video resizing script by @shythemes​

Please like and reblog if you are using/considering this theme.

[herbthemes]

hey guys!! i just got my laptop back a few days ago and in celebration of my return + 100 followers (thank you!!) i’m releasing a theme soon :-) 

[aesthemes]

[aesthemes]

Through this tutorial, I would like to teach you how to create an automatic slideshow. Implementing the slideshow is fairly easy, but if you want to achieve more developed effects, you should be comfortable with manipulating javascript. I will be using the files and scripts created and shared by ResponsiveSlides.js, credit goes to them.

Keep reading