TOP
Neonbike Themes
str-wrs:

TUTORIAL: FULL TRANSPARENT PERMALINKS

I’ve received quite a few asks about the hovering permalinks on my theme Rhea. So here is a quick and easy way to achieve this.

INSTRUCTIONS

Firstly you must add position: relative; into your #entry (it could also appear as #posts or something similar).
Then add one of these codes anywhere between <style type=”text/css”> and </style>
Finally, add one of these codes at the beginning of your posts. It should look something like this:
<div id=”content”>{Block:Posts}<div id=”entry”>Code Here{block:Text}

COMMENTS

That’s it! You’re finished! Just be sure to change the width in #perma_hold to your post size and you should be fine. Feel free to customize it more if you feel comfortable, but be aware that I won’t be helping if you mess something up.

str-wrs:

TUTORIAL: FULL TRANSPARENT PERMALINKS

I’ve received quite a few asks about the hovering permalinks on my theme Rhea. So here is a quick and easy way to achieve this.

INSTRUCTIONS

Firstly you must add position: relative; into your #entry (it could also appear as #posts or something similar).

Then add one of these codes anywhere between <style type=”text/css”> and </style>

Finally, add one of these codes at the beginning of your posts. It should look something like this:

<div id=”content”>
{Block:Posts}
<div id=”entry”>
Code Here
{block:Text}

COMMENTS

That’s it! You’re finished! Just be sure to change the width in #perma_hold to your post size and you should be fine. Feel free to customize it more if you feel comfortable, but be aware that I won’t be helping if you mess something up.

Theme 20

Preview | Code

FEATURES:

  • 400px or 500px posts
  • Custom links, title, description, colors, etc.
  • optional popup with extra links
  • font options: courier, inconsolata, consolas
  • hide captions option
  • hide post shadow option
  • grayscale post option
  • option to have post info only show when you hover on the post
  • option to make background image full size (fill the whole page)

POPUP INFO:

  • the popup has 6 links but you can add more if you want.
  • you have to go into the code to edit the popup information.
  • there is an option to disable it if you don’t want it. 

As allways, follow the rules

Check out the Tardis Theme Network and the Polythemers

salazhar:

Im sorry this took so long! I just had a shit ton of homework and honestly, I had such a hard time choosing the winners since all of you are amazing theme makers. I tried my best to give each of you the award/s you deserve. I also scrapped the “best in extra features” category since it was impossible to choose the winner. Remember that the runner ups aren’t listed in order of preference. You must be wondering what you won, so let’s get to that:
Most Creative Theme Blog UrlWinner: primhadablast (primhadatheme)Runner Up: meduesa (trenzathemes)
Best Theme Blog ThemeWinner: robbaryaRunner Up: neonbikethemes,vitanica, heytonks
Best Theme DisplayWinner: kimsjonginRunner Up: armyofghosts, twelfthdoctour, primhadatheme
Best FAQ/Support PageWinner: cqsima (sartasticthemes)Runner Up: cythemes
Best Minimalist Theme MakerWinner: armyofghostsRunner Ups: aeternothemes, beautrisprior
Best Complex Theme MakerWinner: heytonksRunner Ups: deutscherthemes
Best In ColorsWinners: vitanicaRunner Up: mandrakescry
Most Unique ThemesWinners: mandrakescryRunner Up: scalar, heytonks
Best TutorialsWinners: themesbyzsu, primrosetylers
Up And Coming Theme MakersA category I added just now, these theme makers just started out (I think?) and I feel that they have potential to make even better themes since the ones they have now are great.ardentthemes, billieplper, themesbystef, hedwiqsthemes, afirehaz
Professional Web DesignersThe ones listed down below aren’t listed above (except Irma, Erin and Zsu) because they qualify for almost all the categories. These people are whom I look up to and they totally inspire me. They have great themes and each an every single one of them is stunning. If you haven’t heard of these guys – which is absurd, then go check them out now. They’re amazing.primrosetylers, themesbyzsu, riverbellthemes, meduesa, iliyon
Special MentionsWhile going through everyone’s blogs, I just discovered a few of the most amazing themes I have ever seen – especially in terms of aesthetic. The themes listed below are honestly some of my favorite themes because they look so beautiful and minimalist, which are my favorite. —If your theme is listed below, hover over the link to your theme because I left a little note :)cirro by iliyon, ad astra per aspara by jhxythemes, loaded gun by themesbyzsu, photoshop cc by heytonks, theme 15 by armyofghosts, aerial by primrosetylers, ephemeral by aeternothemes, seraphim by primhadablast, facade by trenzathemes, moln by riverbellthemes
For the prizes, you can just ask me for your unlimited promos throughout September and October. All the winners will also be posted in my hall of fame page by tomorrow. Congratulations, everyone!

salazhar:

Im sorry this took so long! I just had a shit ton of homework and honestly, I had such a hard time choosing the winners since all of you are amazing theme makers. I tried my best to give each of you the award/s you deserve. I also scrapped the “best in extra features” category since it was impossible to choose the winner. Remember that the runner ups aren’t listed in order of preference. You must be wondering what you won, so let’s get to that:

Most Creative Theme Blog Url
Winner:
primhadablast (primhadatheme)
Runner Up: meduesa (trenzathemes)

Best Theme Blog Theme
Winner: robbarya
Runner Up: neonbikethemes,vitanica, heytonks

Best Theme Display
Winner: kimsjongin
Runner Up: armyofghosts, twelfthdoctour, primhadatheme

Best FAQ/Support Page
Winner:
cqsima (sartasticthemes)
Runner Up: 
cythemes

Best Minimalist Theme Maker
Winner: 
armyofghosts
Runner Ups: aeternothemesbeautrisprior

Best Complex Theme Maker
Winner: heytonks
Runner Ups: deutscherthemes

Best In Colors
Winners: vitanica
Runner Up: mandrakescry

Most Unique Themes
Winners: 
mandrakescry
Runner Up: scalar, heytonks

Best Tutorials
Winners: themesbyzsuprimrosetylers

Up And Coming Theme Makers
A category I added just now, these theme makers just started out (I think?) and I feel that they have potential to make even better themes since the ones they have now are great.
ardentthemesbillieplperthemesbystef, hedwiqsthemes, afirehaz

Professional Web Designers
The ones listed down below aren’t listed above (except Irma, Erin and Zsu) because they qualify for almost all the categories. These people are whom I look up to and they totally inspire me. They have great themes and each an every single one of them is stunning. If you haven’t heard of these guys – which is absurd, then go check them out now. They’re amazing.
primrosetylers, themesbyzsu, riverbellthemes, meduesa, iliyon

Special Mentions
While going through everyone’s blogs, I just discovered a few of the most amazing themes I have ever seen – especially in terms of aesthetic. The themes listed below are honestly some of my favorite themes because they look so beautiful and minimalist, which are my favorite. —If your theme is listed below, hover over the link to your theme because I left a little note :)
cirro by iliyon, ad astra per aspara by jhxythemes, loaded gun by themesbyzsu, photoshop cc by heytonks, theme 15 by armyofghosts, aerial by primrosetylersephemeral by aeternothemes, seraphim by primhadablast, facade by trenzathemes, moln by riverbellthemes

For the prizes, you can just ask me for your unlimited promos throughout September and October. All the winners will also be posted in my hall of fame page by tomorrow. Congratulations, everyone!

str-wrs:

TUTORIAL: POP-UP BOXES

Live Preview

INSTRUCTIONS:
Open the Customize page, and click Edit HTML
Paste this code underneath &lt;head&gt; 
Paste this code anywhere between &lt;style type=”text/css”&gt; and &lt;/style&gt;
Paste this code right in between &lt;/body&gt; and &lt;/html&gt;*
Paste this code wherever you want the link to show**
* NOTE 1: 
To add extra pages simply copy and paste the first division (the entire part before the long line of &lt;/div&gt;’s) but remember each different box needs a different title (&lt;div id=”box1”&gt;)
For a pop-up ask box, replace ‘content’ with this code
** NOTE 2: 
”#?w=300” is the width, change it to whatever suits
rel=”box1” is the name of the box, make sure it correlates with Step 3’s title
COMMENTS: Hope this helped, if you have any questions feel free to message me.

str-wrs:

TUTORIAL: POP-UP BOXES

Live Preview

INSTRUCTIONS:

  1. Open the Customize page, and click Edit HTML
  2. Paste this code underneath <head> 
  3. Paste this code anywhere between <style type=”text/css”> and </style>
  4. Paste this code right in between </body> and </html>*
  5. Paste this code wherever you want the link to show**

* NOTE 1: 

  • To add extra pages simply copy and paste the first division (the entire part before the long line of </div>’s) but remember each different box needs a different title (<div id=”box1”>)
  • For a pop-up ask box, replace ‘content’ with this code

** NOTE 2: 

  • ”#?w=300” is the width, change it to whatever suits
  • rel=”box1” is the name of the box, make sure it correlates with Step 3’s title

COMMENTS: Hope this helped, if you have any questions feel free to message me.

Do yourself a favor. Learn to code. Here’s how.

boomeyer:

I’ve said this to my non-techie friends countless times. It’s no secret that being able to code makes you a better job applicant, and a better entrepreneur. Hell, one techie taught a homeless man to code and now that man is making his first mobile application.

Learning to code elevates your professional life, and makes you more knowledgeable about the massive changes taking place in the technology sector that are poised to have an immense influence on human life.

(note: yes I realize that 3/5 of those links were Google projects)

But most folks are intimidated by coding. And it does seem intimidating at first. But peel away the obscurity and the difficulty, and you start to learn that coding, at least at its basic level, is a very manageable, learnable skill.

There are a lot of resources out there to teach you. I’ve found a couple to be particularly successful. Here’s my list of resources for learning to code, sorted by difficulty:

Novice

Never written a line of code before? No worries. Just visit one of these fine resources and follow their high-level tutorials. You won’t get into the nitty-gritty, but don’t worry about it for now:

Dash - by General Assembly

CodeAcademy

w3 Tutorials (start at HTML on the left sidebar and work your way down)


Intermediate

Now that you’ve gone through a handful of basic tutorials, it’s time to learn the fundamentals of actual, real-life coding problems. I’ve found these resources to be solid:

Khan Academy

CodeAcademy - Ruby, Python, PHP

Difficult

If you’re here, you’re capable of building things. You know the primitives. You know the logic control statements. You’re ready to start making real stuff take shape. Here are some different types of resources to turn you from someone who knows how to code, into a full-fledged programmer.

Programming problems

Sometimes, the challenges in programming aren’t how to make a language do a task, but just how to do the task in general. Like how to find an item in a very large, sorted list, without checking each element. Here are some resources for those types of problems

Talentbuddy

TopCoder

Web Applications

If you learned Python, Django is an amazing platform for creating quick-and-easy web applications. I’d highly suggest the tutorial - it’s one of the best I’ve ever used, and you have a web app up and running in less than an hour.

Django Tutorial

I’ve never used Rails, but it’s a very popular and powerful framework for creating web applications using Ruby. I’d suggest going through their guide to start getting down-and-dirty with Rails development.

Rails Guide

If you know PHP, there’s an ocean of good stuff out there for you to learn how to make a full-fledged web application. Frameworks do a lot of work for you, and provide quick and easy guides to get up and running. I’d suggest the following:

Cake PHP Book

Symfony 2 - Get Started

Yii PHP - The Comprehensive Guide

Conclusion


If there’s one point I wanted to get across, it’s that it is easier than ever to learn to code. There are resources on every corner of the internet for potential programmers, and the benefits of learning even just the basics are monumental.

If you know of any additional, great resources that aren’t listed here, please feel free to tweet them to me @boomeyer.

Best of luck!

Themes & Pages
Rules
1. No stealing Code or Designs.
2. No removing or altering the credit.
3. Please Like or reblog the post.
The rules are simple. Do not steal my codes.
You can edit it as much as you want but do not remove the credit. If 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 could like or reblog the post so that I can see them being used. This also helps me to find glitches so I can update. By using any of my themes or pages you are agreeing to these rules.
Creative Commons License This work is licensed under a Creative Commons Attribution 3.0 Unported License.
Please Note

My themes are designed to work in Google Chrome. I check for compatability with a few other browsers but there are no guarantees. If you are having trouble using it in another browser and want help fixing it drop by my ask and I’ll see if I might be able to help.

Some themes and pages have been deleted from this blog. This is mostly because I no longer like them or they were very ugly and I didn't have the patience to fix my horrible begginner lvel coding. No worries, they are still available through pastebin if you need them.

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's content but please leave the credit. If you remove the credit I will consider it using my theme as a base code which is stealing and is against the rules.


THEME QUESTIONS
How can I add another Dropdown menu to theme 15?

Follow this tutrial on pastebin.

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!

How do you add a header image to theme 18?

1. Paste this code in the meta tags section (its at the very top around line 21 but you can paste it anywhere before <style type="text/css">)

<meta name="image:header" content=""/>

2. Paste this in the css section (after <style type="text/css"> and before </style>) and make sure to REMOVE the *** before "block" o r "/block" (They won't show up unless i put those there sory)

.header img{
{***block:If500pxposts}
width:590px;
{***/block:If500pxposts}
{***block:Ifnot500pxposts}
width:490px;
{***/block:Ifnot500pxposts}
height:183px;
}

3. Paste this code directly under <div id="sidebar"> (somewhere around line 820)

<div class="header">
<img src="">
</div>

4. And if you want to hide the title delete this code (it's right under where you just pasted the last code).

<a href="/"><div class="title">Neonbike Themes</div></a>

5. Hit update and save, then go and upload a header image!

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. They all appear as little switches or buttons inside the left menu when you go to customize your theme. Common variable that I use in my themes are:

  • 500px Posts - My themes usally come with posts 400px wide. This option lets you make the posts 500px wide instead. On som themes it may be reverse and it will come with 500px posts and this iption will change it to 400px.
  • 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.

+