Currently

Taking requests

I'm on spring break, so I've got lots of time to create themes

Working On

Families page for the sis

Theme for the sis, as soon as she decides what she wants

Recently Finished

This theme

This theme

A blogroll

Theme for hobbit-halfling

Just taught myself to...

Use google fonts

Use mouse clicks to open things, e.g. this update box

adrienne's themes; the 7th impossible thing
I love making themes for you. Let's keep it that way.

You may edit; you may not steal credit. Please give credit where credit is due, in all aspects of life.

Like or reblog any codes that you use.

Message me with any requests or questions

deeper

How to Install a Custom Page

starlightauriel:

Got a request for a tutorial on how to install a custom page, so here’s a quick how to. See instructions below the cut.

Read More

starlightauriel:

A theme I created for my remodeled theme blog (which you should totally check out, since I put a lot of work into it)

Theme (8/?) - Puck

  • Simple theme
  • No image
  • Description and links on right
  • Supports fairly long description
  • Home button + four custom links
  • Room for more links, if you wish
  • Can have a very long title

Feel free to message me if you need any help. Yes the right sidebar supports a lot of text, but keep in mind that some tumblr users have a shorter screen than others, so leave a little breathing room. Pagination (i.e. next button/previous button) will always show up.

|  Live Preview  |  Code  |

Go check out the rest of my codes here!

starlightauriel:

So I created this like three weeks ago, and I’m finally getting around to publishing.

Blogroll (1/?)

  • Links back to main pages of blog
  • Shows everyone you follow
  • Icons black and white
  • Brightens and colors when hovered over
  • Url displayed when hovered over
  • Box scrolls to fit as many people as you follow

Feel free to message me if you need any help. Keep in mind that the preview is going to look strange when you install it. Exit out of customizing page to properly view your blogroll. 

|  Live Preview  |  Code  |

Go check out the rest of my codes here!

starlightauriel:

A theme inspired by a very pretty gif of Clara from Dr. Who

Theme (7/?) - Shooting Star

  • Simple theme
  • Customizable sidebar image
  • Short title
  • Short description
  • Four custom links, appear to side when hovering over sidebar
  • Hover text displays link titles
  • Post info appears when hovering over posts

Feel free to message me if you need any help. I would recommend an image taller than wide, and one that has a height to width ratio of approx. 5:4.

|  Live Preview  |  Code  |

Go check out the rest of my codes here!

starlightauriel:

A theme made on the request of the lovely hobbit-halfling.

Theme (6/?)

  • Hobbit hole themed
  • Sidebar is the hobbit hole
  • Displays title and short description when hovered over
  • Four custom links, also displayed when hovered over
  • Links show link title when hovering over specific link
  • Lots of different customizable colors (text, links, borders, etc.)

Feel free to message me if you need any help. This theme doesn’t really allow for any flexibility as far as using a different image, since it is hobbit hole themed after all. 

|  Live Preview  |  Code  |

Go check out the rest of my codes here!

regalmoriarty:
"hello :) I just used the code for your updates box (updates tutorial 3) and I was wondering if there was a way of changing the side scroll bar to a different one and also removing the bottom scroll bar? thanks :)"

starlightauriel:

Oh gosh, yes there is! I’m not sure why there’s a bottom scrollbar for you, because I’m not seeing one on my computer. However, I totally meant to include the code for the scroll bar when I made the tutorial whoops. Add the following code right after <style type=”text/css”>:

::-webkit-scrollbar-thumb:vertical {
background-color: #ccc; /*Change color of scroll bar*/
height:7px;
width:2px;
}
::-webkit-scrollbar-corner {
background-color: transparent;
}
::-webkit-scrollbar-thumb:horizontal {
background-color: #ccc; /*Change color of scroll bar*/
height:5px!important;
}

::-webkit-scrollbar {
height:7px;
width:2px;
}

You can fiddle around with the size/shape of the thing in there. Just keep in mind that whatever scrollbar you make happen for the updates box will be the same scrollbar that appears on the whole page. 

Anonymous:
"sorry to bother you, but how can i make the tags and source/via/notes on theme 5 show on hover? thanks xx"

starlightauriel:

Hi! I assume you mean that you want the post info should only show up when you hover. 

Paste the following somewhere between <style type=”text/css”> and </style>

.postinfo {
opacity:0;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
}
.postinfo:hover {
opacity:1;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
}

Then find in the code where it says <div id=”permalink> and add the code <div class=”postinfo”> right after it. Then find the next spot where it says </div> and add another </div> right after it.

Hope this was helpful! Please let me know if you need any more help or if you have any more questions! 

forgetfulbucky:
"Hey, how do you add hover links into themes??"

starlightauriel:

Hi! Tutorial below the cut, in case any one else needs it too.

Read More

Anonymous:
"whenever i try to add an updates tab on theme 5 it never shows up, but if i try it with another theme it works?"

starlightauriel:

Hi honey! The reason they don’t show up is because there is a wide header on theme 5. You can fix this! All you have to do is add a z-index to all of the updates tab components, or increase the z-index on the updates tab components if there’s already a z-index on there. The code should look something like this:

z-index:2000000000;

Place this code somewhere between the {  } in each of the components of the updates tab code that have those brackets. Make sure that the z-index is that number or higher to make the updates tab appear above the header of theme 5.

I hope this was helpful! Please please please message me if you need more help!

To see theme 5, go here.

To see my updates tutorials, go here (and scroll down).

starlightauriel:

Just publishing the theme I just moved into.

Theme (5/?)

  • Header with small customizable image
  • Header stays in place while scrolling
  • Four custom links in drop down menu
  • Drop down description
  • Can reblog posts from main blog page
  • Lots of different customizable colors (text, links, borders, etc.)
  • Fairly minimalist

Feel free to message me if you need any help. I would recommend using an image taller than wide, to avoid overlapping with the other parts of the theme. 

|  Live Preview  |  Code  |

Go check out the rest of my codes here!

---a---