Darthfox-Themes

Updates | - Custom theme requests closed- Sliding drop down menu tutorial added- One-click reblog tutorial posted- Added section for other theme makers - Theme #7 released - Theme #3 code updated (custom links)- Background resources added- Blogroll tutorial available - Theme #6 updated and re-released- Theme #1 code updated (pagination)- Pop out link tutorials are available - tutorial for editing pop out links is up

[darthfox-themes]

Update:

Themes 5, 6, 7, and 8 have had their code link updated.

[darthfox-themes]

Sorry about this, guys.

I just realized that since the site I house the codes of my themes on has changed formats and such, that the links I have on here no longer work. I'm going to be starting the updates now, please be patient with me.

[sleepythemes]

Centre: Preview / Code

2 column grid display

Optional endless scroll

Rounded photo edges optional

[sleepythemes]

Ambiguity: Preview / Code

Optional three column or four column theme, in order to enable either do so under “Appearances”. Make sure that only one is checked, either three or four, otherwise your theme will look a bit odd.

[sleeplessthemes-blog]

Diminutive: Theme Code | Preview | Install Small centered div with all of your posts with a side bar that slides out when you hover over the arrow. You can change all of the colors to whatever you want, add custom links, upload portrait photo & upload a custom background. You can also change the scrollbar colors (works in Chrome only). You also have the option to turn infinite scroll on or off. Enjoy.

For more themes click here.

[ramyeons-blog]

Peach | theme #18

live preview and link to theme garden and codes // Best viewed in Chrome

Features :

3 different post sizes (500px, 400px, 250px)

Infinite scrolling

Cute cursor

6 extra links

Sidebar picture

Sidebar

Image Opacity

Main navigation

Decorated audio posts

Desc on click

Permalink on hover

Title

Custom text

Music player

Tags on index page

I have been getting a lot of asks as to when this theme would be published so here you go ~ enjoy ^^

[polinomial]

Theme #002 → Your hand in mine  {Install ─ Preview}

It’s a remake from the old theme #9.

4 Custom links.

No sidebar image.

Click on the title to see the description.

[darthfox-themes]

New Project:

After I finish my theme requests, I'm going to do a bunch of edits/postings of old themes that I've used on my main blog.

[darthfox-themes]

Custom theme requests are now closed.

I was getting a few of them a day and I wouldn't have been able to keep up with them. Sorry, guys! I'll open it again once I've gotten everything done.

[darthfox-themes]

#8 Amor Felix

preview - code

Features/Options - Fixed nav/header - Custom fonts - Adjustable width - One column 

Notes - Include “http://” in front of any and all of the links when you input the custom link information   - If not using one of the custom links, make sure that you empty the text in the input place 

NB: If you notice any errors in my coding, please message me so that I can fix it and update the code. Also, there are more features than I listed, but you'll have to preview the theme to find them. :3

[pistachi-o]

REDIRECT/MOVED PAGE • PREVIEW • HELP/FAQ • DOWNLOAD After seeing this by lmthemes, I wanted to make a redirect page myself even though I have no plans to change usename anytime soon. This page includes a very small animation at the beginning of the page and will only work on modern browsers with the CSS3 transitions (i.e. It probably looks horrible in IE). Side Note: Revamped the themes again.

[darthfox-themes]

Will I need to give you some form of payment for you to do a theme?

Nope! But I have a bunch of requests at the moment, so it might take me quite a while to get to any new ones.

[usmiles]

THEME 1 - Like/Reblog if you’re using it. {Preview / Download}

First of all, I made this theme basically is just for myself. but there’re so many people asking for it so I decided to post it. This theme is pretty simple but there’re some specification you must follow so the theme will work properly. 

You have option whether you want the right sidebar or not. if yes, you MUST have 4 sidebar images/link. You have no option to add them.

sidebar image dimensions- 140 x 70px

Each sidebar image hovers a link

Make your title two lines. If title 1 is two lines already, don’t add anything in title 2. Otherwise, the position of the navigation changes.

You can edit it or put the theme credit in your faq and stuff but please don’t remove it. 

Don’t distribute or claim it as your own.

Old customize page

**This is my first theme so I’m very sorry if there’s any error in the theme. If you found any please message me.  Enjoy! :)

[bakerrstreet-deactivated2012111]

Theme no.2 (Sweet Reactor)

This theme’s features include:

Hover notes

Hover over sidebar image for description

3 default additional links but you can easily add more if you do. Instructions is on the theme code.

220px width and 220px height for the sidebar image. If the size of the image is not 220px, the “circle” will not be seen. You can still use the default, just leave credit.

Works best in Google Chrome although I have added extra precautions so that the transitions and rounded corners work in Safari, IE, and Opera but I’ve never really tested it so I don’t know.

Get code here

[darthfox-themes]

Sliding Drop Down Menu

Copy and paste this code before "<style type="text/css">" in your theme code: Next, copy and paste the following code before the "</style>" in your theme code:

ul#drawers {width: 100px; list-style: none; margin: 0 auto; padding: 0px; border-top: 0px; color: #000;} ul#drawers a {text-decoration: none; color: #000;} ul#drawers li h4 {margin: 0; padding: 1px; text-transform: Camelcase; font-size: 10px; text-align: center; background-color: #363835; background: rgba(255, 255, 255, 0.0); -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out;} h4.small {display: table-cell; width: 100px; margin: 0px; height: 100%;} li.drawer h4.open {background-color: #121213; border-top: 0px;} li.drawer div {padding: 2px; margin: 0px; line-height: 12px; background-color: #363835; background: rgba(255, 255, 255, 0.0);} li.drawer div li {list-style-type: disc;} li.drawer div ul {-webkit-padding-start: 12px;}

Finally, add this code to your description, which will be the base of your links:

<ul id="drawers"> <li class="drawer" id="info">  <h4>HEADER HERE</h4> <div align="center"> <p> <a href="LINK HERE">TITLE HERE</a> <p> <a href="LINK HERE">TITLE HERE</a> <p> <a href="LINK HERE">TITLE HERE</a> </p> </div> </li> </ul>

Notes - If you change your theme, you'll have to repeat this cycle of steps again. - To have an image/pixel as the header, paste the code for the pixel where it says "HEADER HERE."

[darthfox-themes]

One-Click Reblogging

I just discovered this feature: On the dashboard, press "CTRL" and "ALT" on the keyboard while clicking on the reblog button.

This is really useful for those of you who do not want to install Missing E on your browser, but also want to reblog quickly and easily. Go try! :)

[darthfox-themes]

To anyone who's sent a custom theme request:

I got about four of them overnight, in addition to two that I'm already working on, so it might take me a while to get to yours. But be patient, I'll get on it. :)