Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Multiquote (on) Multiquote (off)
Add Reply
Blue Danger; A Dark Theme
Topic Started: Mar 6 2013, 01:12 PM (11,976 Views)
Akash.
Member Avatar
Member
[ *  * ]

Name: Blue Danger
Author: Akash (Me)
Date Created: January 2013
Theme Preview:
Posted Image

Side Notes: My second theme. This time I wanted to make something more dark, more techy too, but still wanted it to be simple and easy to use theme.
This was the print I made- Design Print
Graphic set links: Attached with this post,
Except the following buttons, kindly edit them as:

Goto: Admin CP>>Themes>>Theme name>>Image Sets>> All Images
And paste(over the existing one) the second column text, corresponding to first column.
Spoiler: click to toggle

Edits Allowed? : No Edits in Copyright, if you want to change anything, let me know :)

For Banner/Logo:-

Add this to the Theme Setting (Replacing the existing codes in it)-
Code:
 

<center><div id="logoa">
<a href="YOUR BOARD URL" class="logoblue">BLUE</a>
<a href="YOUR BOARD URL" class="logored" >DANGER</a>
</center>


If you want the same type of banner as in the theme Preview (and just want to change the name 'Blue Danger', you can add this (instead of the above default code) in the Theme settings-
Code:
 

<center><div id="logoa">
<a href="YOUR BOARD URL" class="logoblue">FIRST NAME OF FORUM</a>
<a href="YOUR BOARD URL" class="logored" >SECOND NAME OF FORUM</a>
</center>


And if you want your own logo to replace the BLUE DANGER thing with any image, add this code instead (in the theme setting)-
Spoiler: click to toggle


Layout:
Layout



THE CSS is in the next post. (The post was too long :P )
CSS:
CSS


If you guys have any problem with the theme, or you don't understand any part of installation of the theme, you can ask me in this thread, or PM me.
More themes are on the way. :)

EDIT- Fixed it with a Suggestion by Cory in my other theme, so please update the layout :)
Attached to this post:
Attachments: BD_Graphic_Set.rar (192.83 KB)
Attachments: BDCSS.css (54.88 KB)
Offline Profile Quote Post Goto Top
 
Eccentric Feline
Member Avatar
梦想
[ *  *  *  *  *  *  *  * ]
Great job! I love the alternating colors on the categories. :) This would be great for anyone looking for a techy theme. ^_^
Offline Profile Quote Post Goto Top
 
Akash.
Member Avatar
Member
[ *  * ]
Thanks a lot EF :)
Yeah, I hope it fulfills somebody's search :D
Offline Profile Quote Post Goto Top
 
silvershoes
Member Avatar
Member
[ *  *  * ]
Really nice theme with some clever touches. Good work. :)
Offline Profile Quote Post Goto Top
 
Akash.
Member Avatar
Member
[ *  * ]
Thank you silvershoes :)
Offline Profile Quote Post Goto Top
 
Delirium
Member Avatar
Rill Rill
[ *  *  *  *  *  *  * ]
Interesting, I enjoy the submenu especially. Nice job.
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

You have a very fresh style that comes across as clean and sleek. This is a very well thought out design, and the fade in hover effects are delightful.

You also achieved a good cohesiveness with your images in this theme.
Offline Profile Quote Post Goto Top
 
Akash.
Member Avatar
Member
[ *  * ]
Thank you very much Delirium :)
That is my favorite part too :D

@Helena- Yeah, this theme is special for the transitions mainly :D Tried to make it sublime :)
Offline Profile Quote Post Goto Top
 
Electric Shock
Member Avatar
Divided by Zero
[ *  * ]
I really appreciate the way you (ab)use CSS effects and color combinations!
Offline Profile Quote Post Goto Top
 
Akash.
Member Avatar
Member
[ *  * ]
I guess that is a good compliment :)
I don't know much jquery, so CSS always helps :D
Thanks Sir :D
Offline Profile Quote Post Goto Top
 
Akhil-10
Member Avatar
Imagination Is The Beginning Of Creation
[ *  * ]
Good theme.
Matches for a graphics site(coz have graphic effects :P )

Using some other fonts may be good for that theme.
Offline Profile Quote Post Goto Top
 
Akash.
Member Avatar
Member
[ *  * ]
Thanks Nike ;)
Offline Profile Quote Post Goto Top
 
The_Pain
Member Avatar
Member
[ * ]
A New Good Theme, After Long Time...I think RMZ is suit in this theme..oh sorry i am talking about my home board.
Offline Profile Quote Post Goto Top
 
silvershoes
Member Avatar
Member
[ *  *  * ]
Akash.
Mar 7 2013, 01:36 PM
I don't know much jquery, so CSS always helps :D
That's a feature not a bug. ;)

The problem with jquery and/or js is it breaks for those who have them turned off or blocked. There are more users out there that fit that description than you might think. So the more you can do via css the better. :cool:
Offline Profile Quote Post Goto Top
 
Akash.
Member Avatar
Member
[ *  * ]
Glad for you The_Pain :)

@silvershoes- Yeah, you have a solid point there. And with CSS3 there are many more things possible.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Dark · Next Topic »
Add Reply