lyra's themes

These themes are free and this project is completely run off of donations. If you can donate, that’d be great. If not, that’s ok too! Established 2.11.25

[lyrasthemes]

Pinned post - links, intro, etc.

Hii! I'm Lyra. I make Tumblr themes.

You can find my new themes here.

Here is a list/ directory if you prefer that.

If you need any help feel free to send me an ask.

If you want a custom theme head over to the submit box.

Cheers!

[lyrasthemes]

Hi! I make free Tumblr themes!

Check them out? 💕

[theme-directory-network]

We're back!

This network was more active in the early days of tumblr, but we've grown to over 10k followers over the years and we're happy to announce that we're opening up applications to join again!

What is it?

A network of Tumblr theme creators. This is a blog that showcases a wide variety of tumblr themes. A great place to find new themes for your blog! Check out our sort by features page.

How to join

Fill out this short form

Give me 2 days or so to add you

Perks

A link at the top of the network page

Consistent queued reblogs of your theme posts on this blog to over 10k followers who are looking for themes 

You can submit posts to be published and sorted

Access to the private facebook group (coming soon)

Access to the public tumblr community

[lyrasthemes]

Perry theme by Lyra | Code | Live preview

Options included:

Uploadable sidebar photo

Uploadable banner photo and header

Uploadable background image

All customizable colors down to the borders

1, 2, or 3 column

Sidebar on left or right

7 optional custom links

Rounded borders optional

Selectable font

These themes are free and the project is completely run off of donations. If you can donate, that’d be great. If not, that’s ok too! You can donate & see my other themes here: https://ko-fi.com/lyrasthemes

[lyrasthemes]

This theme is available again & bugs were fixed!

[lyrasthemes]

Finally made a logo! ☺️

[ninpen-deactivated20151020]

TUTORIAL: How to change your fav icon to a custom image

I’ve been getting tons of messages on how to change fav icons, and so here you guys are. It’s very simple to do, and you’ll be able to do it in 2 easy steps

Look for this code in your theme

<link rel="shortcut icon" href="{FavIcon}" />

If you don’t have it, just insert the code. Make sure that you put this before the

<style type="text/css">

After you find the code all you have to do is change {FavIcon} to the url of the picture you want. For example:

<link rel="shortcut icon" href="http://static.tumblr.com/1f1tzta/xVpn32ftn/fav.png" />

THINGS TO KEEP IN MIND

If you want your favicon to crisp and not pixelated, I would recommend you resize it to 16px by 16px exactly. 

Your icon must be saved either as a gif or ico. Any other picture format will wash out the color

If you want your favicon to be a gif you need to insert this code:

<link rel="icon" href="{FavIcon}" type="image/gif" >

Not all browsers support gif fav icons

[lyrasthemes]

Belle theme by Lyra | Code | Live preview

Uploadable banner photo and sidebar image

Uploadable background image

All customizable colors down to the borders

Selectable fonts

1, 2 or 3 columns

Rounded corners optional

Showing permalinks is optional

7 optional custom links

These themes are free and the project is completely run off of donations. If you can donate, that’d be great. If not, that’s ok too! You can donate here: https://ko-fi.com/lyrasthemes

[lyrasthemes]

Some useable pink social icons

[theme-directory-network]

We're back!

This network was more active in the early days of tumblr, but we've grown to nearly 100k followers over the years and we're happy to announce that we're opening up applications to join again!

What is it?

A network of Tumblr theme creators. This is a blog that showcases a wide variety of tumblr themes. A great place to find new themes for your blog! Check out our sort by features page.

How to join

Fill out this short form

Give me 2 days or so to add you

Perks

A link at the top of the network page

Consistent queued reblogs of your theme posts on this blog to over 100k followers who are looking for themes 

You can submit posts to be published and sorted

Access to the private facebook group (coming soon)

Access to the public tumblr community

[lyrasthemes]

Icon pack -

Source

[a-pocketful]

How to add an ask box to your FAQ page / How to make a custom ask page.

OR TO ANY OTHER PAGE IN GENERAL

last updated: jul 2018

Make sure your Ask Box is enabled. (under settings, which can be found by clicking the person icon next to the search bar)

To see if your ask is enabled, go to your page and add /ask to the url. If it says ‘Not Found’ it is not enabled and you need to go back and do it.

Go to your customize page.

Scroll down to where pages are, then click add a page or edit your existing FAQ/custom ask page. (Preferably have your page already typed out before adding this in!)

Click the <html> button, where all the markup buttons are (ie. bold, italic, strikeout), and make sure it’s blue

Copy and paste this code below where you like, and when done right the code should be green and purple. 

Change the part that says URL to your own url. eg.  http://www.tumblr.com/ask_form/URL.tumblr.com into http://www.tumblr.com/ask_form/a-pocketful.tumblr.com NOTE: i used a-pocketful as an example because it is my url. please use your own and not mine!

Press <html> again then press update preview to see what it looks like on the page.

It will say Request denied; ignore this and press ‘Save’. When you visit your page in another tab you will see that it works regardless.

If it says There’s nothing here or if there’s a log in page, go back and make sure you followed step 7 or that your ask is enabled.

Press ‘Save’ and you’re done.

CLICK HERE FOR THE CODE

FOR PICTURES + INSTRUCTIONS IF YOU NEED HELP, GO HERE!

YOU NEED TO HAVE YOUR ASK BOX ENABLED

PLEASE MAKE SURE YOU CHANGE THE LINK IN THE CODE TO YOUR OWN URL! Just to make sure it works, send a little test message to yourself using your new ask box and if you don’t get it, then look back and make sure everything is right.

Whenever you change your url, you’ll need to edit your page and update the url in the code.

The page layout should be Standard Layout rather than Custom Layout.

Although it might say REQUEST DENIED, it will still work! Press save and view your page in another tab to see it.

So now you have your custom ask page, but because you still have a link to your original page you have two links and only want one?

Go to the customise page.

Click on the button that says Edit HTML, next to Custom theme.

Search (using ctrl+f/command+f) for /ask.

You will find a line in the html code that goes along the lines of <a href=“/ask”>ask</a>. Note this may be different depending on your theme, but as long as it looks similar to <a …. href=“/ask”> …. </a>

You can either remove that line altogether to get rid of the link, or you can change the part that says /ask to your chosen page url of your custom ask page (eg /faq or /message or whatever you chose) so that it may say something like <a href=“/faq”>ask+faq</a> instead.

Save and you’re done.

FOR PICTURES IF YOU NEED HELP WITH THIS PART CLICK HERE

[saradika-graphics]

— minimalist pastel rainbow dividers

[Free] Masterlist Headers & Dividers!

Please consider liking or reblogging if you use 💕

[lyrasthemes]

Made some tweaks to my base code

I'll be releasing updates to theme codes over the next few days. They're still useable though so go for it!

Main changes that will be available on all themes going forward:

Rounded borders optional

Pagination, no more infinite scroll

More selectable FONTS!

Fixed the bug where when you first download my theme it's all messy and you had to toggle 1, 2, or 3 column first

Fixed the bug where when you have a lot of tags they just go across the screen

[fairyquests]

lyra I'm so mad at the anons in your theme blog. they're so effing rude.

They have a point though with the spam tagging that's totally reasonable. I was tagging all my questions and answers with alllll the theme tags. And my first few themes weren't very customizable. I just took it as constructive criticism. Haters gonna hate haha. Thank you though!! 💕

[codingcabin]

Because the theme-making community deserves to come together and build a strong network of cooperation and mutual help, and to fight the lack of active networks that focus on the amazingly talented designers across Tumblr, @baechys  , @themehive , and @grangersdesigns took things into their own hands and created CodingCabin, a Discord server made by theme-makers, for theme-makers.

The server is open for each and every theme-maker, established or just starting out.

What you need to do to join?

Have, at least, one code released.

Reblog this post and send us a message asking for the link to join the server!

What you can find in the server?

So many things! Share resources, tips & tricks, help people and get help in return, make new friends, learn new ways of designing things for your upcoming themes, and so much more!

Our team is supported by amazing theme-makers that you definitely know, like @magnusthemes , @espoirthemes , @annasthms , @pegasusthms , @cactusthemes , and others!

Excited? Come join us!

[lyrasthemes]

Sparkle cursor tutorial

Just paste the following code right before the part of your HTML under the customize section in Tumblr

https://www.snazzyspace.com/tumblr/mouse-sparkles.php

[lyrasthemes]

Tumblr theme coding tutorial - Popup ask box

1. Find this

<a href="/ask">

Replace it with this

<a href="javascript:open('askbox');">

2. Find this

<body>

Add this, right AFTER it

<script type="text/javascript"> function open(askbox) { var askcontainer = document.getElementById(askbox); if (askcontainer) {askcontainer.className=(askcontainer.className=='closed')?'open':'closed';} } </script> <div id="askbox" class="closed"> <a id="askboxbg" href="javascript:open('askbox');"></a> <div id="ask"> <h1>{AskLabel}</h1> <iframe frameborder="0" scrolling="no" width="100%" height="190" src="https://www.tumblr.com/ask_form/__________.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--> </div> </div>

3. In the code above, replace the blank __________ with your username. For example I would replace the blank with lyrasthemes.

4. Next, find this

</style>

Add this, right BEFORE it

#askbox {position:fixed; z-index:20; width:100%; height:100%; background-color:rgba(0,0,0,0.75);} #askbox.open {display:block;} #askbox.closed {display:none;} #askboxbg {display:block; width:100%; height:100%; position:absolute; z-index:1;} #askbox #ask {width:500px; padding:20px; position:absolute; z-index:2; left:50%; margin:100px 0 0 -270px; text-decoration:none; color:black; background-color:white;}

Source