ENERGY THEMES @energythemes - Tumblr Blog

hi!!!! i'm so glad i finally found a fine theme to replace my previous one. i love it, THANKS SO MUCH :)

Thank you so much for the feed back, Hopefully we'll soon continue to make more themes. It's been about 10 months since our theme making season and hopefully I'll be able to get back on track!

paradise theme

theme code + live preview

two columns

connected post with sidebar

plain and simple links

message layout

theme code + live preview

a faq section

nice blog title

sectional links

a ask box feature

#theme #themes #theme pack

theme-hunter

Minimal Patterns In the early stage of development so there are only a few choices but all very useful as backgrounds. Keep clicking the arrow and a preview will turn turn up “on screen”. Hover to download.

#tutorials #tutorial #resources #background #backgrounds #patterns

theme-hunter

12 Free Minimal Web Patterns (Free Download @ WeGraphics) A freebie I saw that might interest people - a pattern set that can be used for backgrounds, in .PAT and .PSD format (Photoshop).

#background #backgrounds #tutorials #resources

rpthemehelper

FAVOURITE GOOGLE WEB FONTS FOR HEADINGS & TAGLINES (Part 3) Bree Serif // News Cycle // Dosis // Economica // Playfair Display (Playfair Display SC)) // Amaranth

So like the previous “Heading” sets, these are suitable for headings, sub-headings, taglines, slogans. They will probably work better than the previous set for small lines of text. These do not look good as the main body font and for walls of text because at a smaller size, it becomes impossible to read.

If you need help using Google fonts on your site, try this or this. You can now (easily) use Google fonts on your desktop if you download them through the SkyFonts app.

#font #fonts #tutorial #resources #tutorials

Welcome To Energy Themes!

This is a new year, which means a new begging with a whole new look and new themes to be included, we have big things coming up this year and the staff here wish you a Happy New Year!

rare theme

live preview + theme code

one column

plain and simple permalinks

top sidebar

nice link effect

#theme #themes #jthemes

padyluppet-deactivated20140722

Quick and Dirty Tumblr Audio Player Fix Tested on IE, Firefox, Opera, Chrome & Safari

Alright, so Tumblr messed around with the audio player today, and rendered lots of themes broken and tutorials useless, plus given theme makers a puppy load of work to do. Sooo I just wanted to provide a couple snippets of code as a base, for any theme makers who don’t really have the time to delve into the frustration that is styling the player…And also anyone who’s got a broken theme (this isn’t hard to do, I promise).

All you need to do is insert this code between your <style></style> tags. Preferably delete any styling previously associated with the Audio block, if you can.

And replace the contents of your {Audio} {/Audio} block with this code.

You’ll get something formatted like the picture above. There’s no styling, so it’ll adopt the colours, fonts, etc of your theme automatically, and will fill your post container regardless of size (this is a 250px example, but the code will adjust for 400px, 500px, etc)

Quick guide to styling:

If you want to make the song titles bold or anything like that, everything you need to edit is in the trackdetails div.

If you want to change the colour of the player (I used white, obviously) just change {AudioPlayerWhite} to {AudioPlayerBlack} or {AudioPlayerGrey} instead, BUT don’t forget to adjust the background-colour of .playerbuttonbg.

If you’d like to make the image larger or smaller:

Change the width and height of .audioimgwrapper to whatever you want

Change the left margin (margin-left) of .trackdetails accordingly (audioimgwrapper width + 10px works nicely)

Reposition .playerbuttonbg accordingly to make it sit in the middle of the image again.

Anyway. Yes. I don’t think I have anyone following me that makes themes but oh well. There you guys go. Feel free to use and abuse as you want. No credit required. :D

#audio #tutorial #resources

acuite

Live Preview

html-and-etc

INSTRUCTIONS

Paste this code directly beneath the <head> tag

Paste this code underneath the <style type=”text/css”> tag

Paste this code under the <body> tag, wherever you want the viewer to appear

NOTES

The highlighted area indicates the arrows. Arrow resources: x, x or google search “arrow buttons” Basically: [‘image source’, margin left, margin top]

The second part of coding is all up to you as far as appearance goes.

In the final code, please use only one option. The most popular in my experience is A, as it is simple. If you choose B make sure you have included all necessary codes.

COMMENTS

Hopefully this is easy to understand. Just wanted to make a quick tutorial because I’ve yet to see one and it seems like a really helpful resource to theme makers. If you have any questions / feedback / advice feel free to message me.

#resources #tutorials #tutorial #slideshow