Welcome to lovely-themes.com we offer all kinds of themes, girly, dark, grid themes & tons more. We also have popular codes for your blog. Check back daily for new updates! xoxo


girly themes dark themes light themes simple themes summer themes 1 column themes 2 column themes 3 column themes 4 column themes 2 sidebar themes
+view all

popular codes

ask box in sidebar get music player back to top arrow css sidebar navigation rounded corners change sidebar image how to install a theme +view all

good links

Theme Gods Tumblr Themes Sparklelust Themes Sugarpie Themes Punkrose Themes Sugarbow Themes Glam Themes Cherrybow Themes


Created: March 16th 2013
The Admin: Olivia Khalifa
Visitor Counter

eXTReMe Tracker

free HIGH QUALITY tumblr themes

visit lovely-themes.com for tumblr themes, codes +more!

Posted 1 year ago With 1 note

how to install a tumblr theme

1. On lovely-themes.com find the theme you want to use and click on the “code” link below the picture preview.

2. Once it takes you the theme code page right click, select all and copy.

3. Go to your tumblr URL (example: username.tumblr.com)

4. Click on the button that says “customize” at the top right corner.

5. Click the “edit HTML” button on the customize window, erase all the coding from there.

6. Paste the new code you copied from lovely-themes.com and then click “update preview” and then “save”. That’s it! Your new theme should be in your blog.

If you need more help, use out ask box to ask us and we will try helping you.

Posted 1 year ago With 31 notes

how to change sidebar image (on my themes)

Once you find a theme you want to use from lovely-themes.com

Copy and paste the theme’s coding on your blog’s HTML customize section.

Now scroll down the code until you find something like this:

<div id=”sidebar”>

<div class=”box”>

<img src=”http://25.media.tumblr.com/tumblr_m20kbcAPpZ1qg8t58o1_500.png" width=230 class="border">

Now delete the current image URL and replace it with your own URL. The section you need to change is bold up there^

If you have more questions use our askbox to ask me.

Posted 1 year ago With 4 notes

rounded corners

If you want your images to be rounded or any DIV layer. This is the way of doing it. 

To make images rounded place the following coding before the </style> tag, and all of your images on your blog will be rounded.

img {

-webkit-border-radius: 15px;

border-radius: 15px;


You can change the radius according to your  theme. Change 15px to 40px to make it look more round or change it to 10px for a smaller radius.

Now, if you want a div box to be rounded place the following code before the </style> tag

.boxname {

-webkit-border-radius: 15px;

border-radius: 15px;


You can add more styling to your box div by adding a background color, border or anything. You can also change then name of the box. Save it and that’s it!



Posted 1 year ago With 16 notes

css navigation

Fist you need the CSS part, so add the following coding before the </style> tag

a.nav1, a.nav1:visited a.nav1:active{
margin:1px; padding:3px;
text-align: left;
font-family: “arial”;
display: block;
border-left:5px solid #ff54ac;
a.nav1:hover {
border-left:25px solid #ff54ac;

Then you can change the font, color and size to match your theme. To use the coding you add the following somewhere in your sidebar where you want to display the navigation

<a class=”nav1” href=”URL”>link here</a> 

<a class=”nav1” href=”URL”>link here</a> 

<a class=”nav1” href=”URL”>link here</a> 

<a class=”nav1” href=”URL”>link here</a>

That’s it! You can customize the coding differently according to your theme/blog. Have fun with it.

The preview of this navigation coding is

Posted 1 year ago With 6 notes

tumblr ask box in sidebar

This code will allow you to display the ask box on your sidebar.

Paste the following code in your theme and look for “URL” in the code and change that to your tumblr username/url and for the width and the height, change according to your sidebar size.

<iframe frameborder=”0” border=”0” scrolling=”yes” width=”180” height=”150” allowtransparency=”true” src=”http://www.tumblr.com/ask_form/URL.tumblr.com” style=”background-color:transparent; overflow:hidden;”></iframe>
Posted 1 year ago With 1 note

how to get music player

First go to www.mp3skull.com and search for the song you want.

Once you find the song, click on the Download link and it will take you to another page, then copy the browser URL

Now go to www.sheepproductions.com/billy/ and paste the code in the first field and give the song a name

Click on Generate and it should give you the code

Copy and paste the code in your theme and done!

**If you cant find the song you want @ mp3skull.com then you can upload the song to kiwi6.com or dropbox.com

Posted 1 year ago With 23 notes

back to top arrow

Go to Customize » Edit HTML
Copy the following code in between your <head> </head> tags

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”></script>
<script src=”http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js”></script>
<a href=”javascript:;” id=”scrollToTop”><img src=”ARROW-IMAGE-URL-HERE” border=”0”></a>

Now, copy this code in between your <style> </style> tags

#scrollToTop:link, #scrollToTop:visited {
display: none;
position: fixed;
bottom: 7px;
right: 17px;

To add a arrow image, look in the first code and change “ARROW-IMAGE-URL-HERE” to your image url then save and done.

Posted 1 year ago With 6 notes