TOP
Neonbike Themes
Anonymous
hey there! I'm using theme 16 and I really love it, but I was wondering if it was possible to have the links stay put instead of only showing up when you hover over them, and how I could change it if it's possible. thanks! :)

Hello and sorry for the late reply! The wifi signal is spotty and unreliable here!

Yes this is possible and also easy! heres how:

1. Go to “edit theme” and hit “edit html”.

2. find this part of the code:

#links {
position:absolute;
float:right;
margin-left:-160px;
margin-top:-5px;
opacity:0;
font-size:9px;
text-align:right;
letter-spacing:1px;
width:150px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

and change the bold lines to these:

opacity:1;
margin-left:-200px;

3. Hit update, and save. 

expanding updates box tutorial | kimsjongin.tumblr.com

kimsjongin:

the expanding updates box on my blog has become a real hit with you guys and a lot of you have requested a tutorial for it! it’s just a quick tutorial so if i’ve forgotten to explain any steps, please let me know.

please like this post if it’s helpful :) and it would mean a lot if you told other people about this tutorial!

preview/demo here

1. go to your customize page

2. click "edit html"

3. copy this and paste it under <style type="text/css"> (it has instructions in it for personalizing!!):

4. copy this and paste it before </body>:

Anonymous
how do you add your ask in theme 15? can't you add the askbox in a drop down menu?

You can try adding an ask box to the drop-down by pasting this code inside the space in the code for the tab contents:

<iframe frameborder=”0” scrolling=”no” width=”420px” height=”190px” src=”http://www.tumblr.com/ask_form/YOUR URL.tumblr.com” style=”background-color:transparent; overflow:hidden;” id=”ask_form”></iframe>

Don’t forget to change the “YOUR URL” to your url. You may also want to change the width and height. 

Honestly, I don’t think there is enough room for an ask box in theme 15. Maybe if you made the sidebar wider? Or you could add it in a popup menu (tutorials).

mrsmilicevic:

THEME 05. SALVATION
I wasn’t going to post this theme because it is fairly simple, but then I thought, well what’s the harm in that. Enjoy!

live preview - code
sidebar image is 160px
5 custom links
hover tags
endless scrolling option
lazy load option

like or reblog if you’re using, thank you!edit however you want but don’t remove credit

mrsmilicevic:

THEME 05. SALVATION

I wasn’t going to post this theme because it is fairly simple, but then I thought, well what’s the harm in that. Enjoy!

  • live preview - code
  • sidebar image is 160px
  • 5 custom links
  • hover tags
  • endless scrolling option
  • lazy load option

like or reblog if you’re using, thank you!
edit however you want but don’t remove credit

proudsammy:

updates tab #1

okay so I just wanted to do something a little different- so for this updates tab, you have the option to make the colour change!

v e r s i o n  1  (picture two - normal)

  • 6 boxes
  • customisable colours for all boxes
  • the title is the same colour as box one

c o d e

  • paste this in your metas
  • paste this under <style>
  • paste this under <body>

v e r s i o n   2  (picture three - color change)

  • 6 boxes
  • customisable colours for all boxes + their hover colours
  • title colour is the same as the first box!
  • on hover, the box changes colour

c o d e

  • paste this in your metas
  • paste this under <style>
  • paste this under <body>

version one preview | version two preview

do not claim as your own/repost edit and customize as much as you want! 

like or reblog if using please!!

malfoymannor:

base code by malfoymannor

live preview // code

this is a code for you to use to help build your themes. the only thing i require is that you leave the piece i have at the top of the code and that you don’t redistribute it as your own. if you have any issues, questions, or need help, drop an ask my way here

hawtornes:


BASE CODE THEME BY HAWTORNES {download/preview}


It took a lot of time, but here you have my base code. Please, I put so much effort on making themes, so like/reblog the post if you are going to use it, because it really means a lot for me!


You can edit this theme and post it here if you want, it’s for you and it would be nice if you put the link to this base code (in case you’re using it) in your post so more people can use it! 
SIDEBAR IMAGE IS 185PX; SCROLLBAR;CREDIT LINK; 3 CUSTOMIZABLE LINKS; 500PX WIDTH; Enjoy! 
LIKE/REBLOG IF YOU’RE GONNA USE IT

hawtornes:

BASE CODE THEME BY HAWTORNES {download/preview}

It took a lot of time, but here you have my base code. Please, I put so much effort on making themes, so like/reblog the post if you are going to use it, because it really means a lot for me!

You can edit this theme and post it here if you want, it’s for you and it would be nice if you put the link to this base code (in case you’re using it) in your post so more people can use it!

SIDEBAR IMAGE IS 185PX; SCROLLBAR;CREDIT LINK; 3 CUSTOMIZABLE LINKS; 500PX WIDTH; Enjoy!

LIKE/REBLOG IF YOU’RE GONNA USE IT

Themes & Pages
Rules
The rules are simple. Do not steal my codes. You can edit it as much as you want but do not remove the credit. Iff you want to move it please ask me first and I will say if it's ok. And I would really love it if you liked or rebloged the post so that I can see them being used. By using any of my themes or pages you are agreeing to these rules.
Ask & Submit
Before you ask

Please do not hesitate to ask questions. I love to help! Before asking a question please check the FAQ to make sure it han't already been answered.

In your question please include the number of the theme or the page you are using. Please try to describe the problem as specifically as possibe. This will be very helpful in trying to solve the problem. Also It would be helpful if you asked off anon, but you don't have too.

FAQ
General
IS IT OK TO MOVE THE CREDIT?

You may not move the credit to another page but you can move it to another corner of the page (example: it's in the way of an updates tab). Please don't mess with the size, color, or format of the credit link. It must be completely visible. If you have any questions about moving it please ask and I will be happy to clarify.

Can I edit your themes?

Yes! Edit to your heart'c content but please leave the credit. If you remove the credit I will consider it using my theme as a base code which is against the rules.


THEME QUESTIONS
On themes 15 and 13 the HIDDEN PART OF the dropdown menus show before the page loads.

Yes I have no idea why this happens so I am currently working on finding code to replace it. When I find suitable code I will release an update for these themes with the fixed code. Then you will then be able to reinstall the theme and the problem will be fixed. Sorry for the lack of a solution at the moment! Please know that I am working on it!

HOW CAN I SHOW ALL OF THE TAGS ON THEME 14?

Go into the code and find:

.tags {
position:relative;
float:right;
text-transform: lowercase;
font-size: 9px;
margin-top:-5px;
color:;
letter-spacing:1px;
text-align:right;
padding-top:5px;
max-width:300px;
max-height:17px;
/* REMOVE THIS LINE TO SHOW ALL THE TAGS */ overflow:hidden;
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

and delete the bolded line!

Now the Tags overflow will be shown. It will most likely look a bit weird because the theme wans't designed to do this but it's your blog so you can decide!

Where did you find the background for theme 5?

Here! This website has tons of beautiful floral and vintage backgrounds!

Installation Guide
Theme Installation
HOW TO INSTALL THEMES:

1. Find the theme you like and click on “code”. This will take you to pastebin.

2. Select the entire paste or click the icon, and press Control+C.

3. Go to your dashboard, select your blog and click “customize” (it has the little eye symbol next to it).

4. Once in customization mode, click “edit HTML” (near the top).

5. Select all of the existing code and delete it. Replace it with the code you copied earlier (hit Control+V).

6. Hit “update preview” and “save” to view your new blog theme!

7. You are now free to exit customizing mode if you’d like or you can edit the colors and pictures. To do this remain in customize mode. First click the back arrow and scroll down to colors, title, description, and even upload pictures for the background and (in most themes) the sidebar.

HOW TO CUSTOMIZE THEMES:

Themes come with variables that you can change such as colors, titles, links, description, and sometimes options like "grayscale posts" or "hover tags". These can be accessed by clicking "edit theme" (either on your dacshboard or when you are visiting your blog).

These options will let you change the appearane of your theme. Common variable that I use in my themes are:

  • Grayscale Posts - This option makes all posts blck and white. Usually the posts will turn colored again when you hover over them.
  • Hover Tags - This option will make it so that the tags only appear when you hover over the post.
  • Hide Captions - For photo, video and audio posts this will hide the captions so only the image will show.


Page Installation
HOW TO INSTALL A PAGE THEME:

1. Go into customize mode, scroll down and click on “add new page”.

2. IMPORTANT: after naming the page and giving it a URL, be sure to switch it from standard layout to CUSTOM layout. If you don’t do this it won’t work properly.

3. Copy and paste the code into the section for code.

4. Hit “Update preview” and “save”. It may take a little while to load but you should now see a generic version of the page.

HOW TO CUSTOMIZE A PAGE THEME:

If it’s a ask theme make sure to change the URL in the code for the askbox. It will usually be labeled as such and have something along the lines of YOURURLHERE. replace that with your URL. for this site the URL would be “neonbikethemes”.

If it has colors in it you can hit Control+F to find a color and replace it with your own. Make sure to use the color’s Hex or RGB value. Here is a link to help you pick colors.

If it’s a tags, links, or about page you will need to go in and change the text to suit your needs. This will be in customize mode and you will have to edit the code. I usually try to add little helpful notes in the code to help you with this.

+