Skip to main content

Creating a Menu Bar with Buttons

I used this wonderful tutorial from Kim over at Seven Thirty-Three.  Here is her HOW TO: Create a Menu Bar.

Here are the buttons I created using PhotoBucket.  To add the text box, open for editing the image you would like to use (I used the flowers from my signature that I had cropped to get my Favicon) go to the layers tab and select 'duplicate', this opens up a large field so you can add a text box.  Delete the duplicate layer you just created (since you don't need it now), and add a Text Box under the 'decorate' tab.  Go back to 'layers', and 'select all'.  Make sure your layers line up the way you want, and then select 'merge'.  Save as a copy, and now you can edit the final size of your button.  All of my buttons are 55 pixels high by varying widths depending on the text.  I downloaded each button photo, so I could upload them into this blog post.  Now the pictures can 'move' by accident in the future!

Linking up with...


  1. Thanks for sharing with me! Your menu bar looks amazing! :)

  2. Kimberlee, I came to your blog and saw that fantastic menu bar and thought: how did she do that? Then when I looked carefully, I saw you had given a link to setting one up. Thanks so much. I may try this if I get adventuresome.

  3. I really want to try this, but it still overwhelms me. Yours looks so great!


Post a Comment

Thank you for taking the time to read this post. I love reading your comments, and enjoy returning the favor {even if it takes me a while to return it, LOL!}.

Popular posts from this blog

Add a ‘click-able’ signature to comments you make.

While blog hopping recently, I came across this fantastic tip listed on Be Our Best.  Jill has compiled her Top 10 Blogging Tips in one place to help others out there in blogland.  Most of them I had heard of before.  But she had one on her list that I have only seen a couple times in practice, and have not heard a how-to do it before.Number 6: Add a clickable signature to your comments.If you add the following text to the bottom of the comments you leave for other bloggers, whatever text you insert for “Your Text Here” will be clickable.  You have to switch out “{“ and “}” with “<” and “>” then it will work.  Remember to also change the “Your Blog Address” part, LOL! {a href= }YOUR TEXT HERE {/a}Bonus Tip ~ I use Notepad to store all the html codes I use on a regular basis {the direct link code for my signature image, color codes, etc.}.  I added the above code to my Notepad page, edited it with my information, and saved it.  Now all I have to do …

Christmas is coming...

Working through some Christmas items to list on, my Etsy store. I will be taking custom orders through Dec. 1st.  Also, getting back into the swing of things by participating in two craft fairs this holiday season. 

Planner Tabs and Dashboard

Post-it's tabs are super easy to add and move if you need to change where there are placed. I find that after placing them, I may find it easier to see them further over or on the other side of the page. 

Seeing so many different ways to use tabs on the top, sides, and bottoms of their planner has given me ideas. And when you find one way doesn't work great, switch the location until you do find the perfect location for the way you use them. 

After this layout, I moved stuff around....

Now the tabs for project lists, H's B-day, next Christmas are on the bottom of the pages. Nothing blocks the,  since the above layout I also switched the monthly layouts to behind the DISFish weekly pages I use.  The teal/blue month tabs are on the first page of the DISFish which includes that month's information.  The monthly tabs on the side are for the two-page monthly sprees by Daytimer that came with this binder. Helps to see the month laid out in that way when on the phone making appo…