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:
Add Reply
  • Pages:
  • 1
There Be Dragons; dark reds / neon green / fantasy
Topic Started: Sep 24 2013, 04:42 PM (5,828 Views)
Helena
Member Avatar
M is for Mod

Posted Image

Name: There Be Dragons
By: Helena
Date Created: September 2013

PREVIEW
Posted Image

GUEST ACCOUNT:
ID: visitor | PASS: feedback

Notes: Created in response to a request. I thought it would be fun to make a dragon theme. After working out a great background wallpaper composite, it seemed a shame to cover it all up with forum tables. So I kind of went wild with whole forum semi-transparencies throughout the theme. :tut: I'm also providing the choice of using only the tiling background image.

Browser Compatibility: Tested in latest FireFox, Chrome, and IE8. No known problems.

Editing Permissions: You may edit this theme as you like. however, for anything beyond normal customizations, offered options, and text size/color changes, you must add an "edited by" line to the copyright credits text. You may not change the existing copyright text or links.

how to add your "edited by" line


Graphics: Includes complete set of buttons and icons, plus banner PSD, emoticon base for Cheshire Emoticon System.

Please use these prehosted images:
Posted Image Theme Images page for There Be Dragons
DOWNLOAD banner PSD Font: Lazy Monk

Preview Graphics & Download: If you prefer to host your own images, see this topic to download a zip file of the images. (Some additional images such as InvisionFree buttons and team icons are available in the download.)

Theme Settings: Set the theme width limit to "No limit"
Replace the URL with your own banner image URL and replace the alt text with your board name:
Code:
 
<img src="http://z3.ifrm.com/28122/87/0/p484907/therebedragons.png" alt="There Be Dragons" />


Theme Appearance:
CSS


Theme Layout:
Layout codes



TO ELIMINATE THE WALLPAPER: Why would you want to do this? You might wish to eliminate the dragon image for a faster loading design, or create a second version for better mobile compatibility. (Or maybe you are skeered of fire-breathing dragons.. :shock: )

PREVIEW alternate background

To use only the red dragon scales tiled background (eliminating the dragon wallpaper), use the following CSS:

CSS for tile only background:
http://z3.ifrm.com/28122/87/0/p485521/TBDtiledBkgdCSS.css

You have the option to change the color of the dragon scales tile for this version if you wish. To use an alternate tile choice, replace the URL in the body background element with one of the following choices. RedScales is the default.
http://z3.ifrm.com/28122/87/0/p485309/RedScales.gif
http://z3.ifrm.com/28122/87/0/p485310/GreenScales.gif
http://z3.ifrm.com/28122/87/0/p485311/BronzeScales.gif (Previewed in the topic banner above.)

Code:
 
html,body {
background:url(http://z3.ifrm.com/28122/87/0/p485309/RedScales.gif) repeat fixed #1C1C1C;



To adjust ACP login screen for mobile viewing, you may add the code for the version you are using in this post: http://if.invisionfree.com/single/?p=18042221&t=5176036 to the bottom of your CSS.
Edited by Helena, Dec 24 2017, 02:13 PM.
Offline Profile Quote Post Goto Top
 
Mr Tudjay
Member Avatar
Member
[ * ]
Beautiful! ^_^
Offline Profile Quote Post Goto Top
 
-The-
Member Avatar
#the { display: none; }
[ *  *  *  *  * ]
Copied from the request here

Wow, it's incredible Helena, certainly the best theme I've seen so far and it really does work well on my board. Thanks, better than i ever imagined it would be.
Edited by -The-, Sep 26 2013, 11:57 AM.
Offline Profile Quote Post Goto Top
 
Lothlómendil
Member Avatar
Spam Queen
[ *  *  *  *  *  *  * ]
I LOVE it! :wub: Your style suits my tastes perfectly, every time. Well-done again. ^_^

Also, UBER thanks for the banner PSD! <3 <3 <3
Edited by Lothlómendil, Sep 26 2013, 06:42 PM.
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

Thanks for the lovely comments, guys.

They add a smile to an already fun project. :)



Offline Profile Quote Post Goto Top
 
darklore
Member Avatar
Instant Geek. Just Add Sweet Tea.
[ * ]
I love the dragon popup that shows you have a new message. Is there any way to have that work on invisionfree?
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

Theres a new PM alert code: http://if.invisionfree.com/topic/5076186/

But to do something that mimics the ZetaBoards PM toast pop up, you would need to request one be made here: http://if.invisionfree.com/forum/1000326/




NOTICE: September 30, 2013 Theme changes.

Some major edits have been made to the theme to make a better viewing experience, especially on monitors with very wide resolutions. I was able to do this by adding an extra repeating background image under the dragon wallpaper. Cross-browser compatibility has been maintained. The bonus is that the combined file sizes of the two images is smaller than the original version and should load faster. The alternate dragon scales background option is still available.

ACP background preview

If you have installed the theme previous to this notice and would like to take advantage of the changes, please re-install the Theme Appearance (CSS) and the Theme Layout with the updated version.

If you have already substituted one of the optional dragon scale images for the dragon wallpaper, all you need to do is change the hex color in the body background element to #1C1C1C.

Note: if you updated before Oct 3, please repaste the layout code again now. There was an omission in the update. (update needed for dragon wallpaper to display)
Offline Profile Quote Post Goto Top
 
Affron
Member
[ * ]
Awesome work, very creative...
Offline Profile Quote Post Goto Top
 
Hopless
Member Avatar
Member
[ *  *  * ]
great theme
Offline Profile Quote Post Goto Top
 
silvershoes
Member Avatar
Member
[ *  *  * ]
This is gorgeous. :)
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

The layout has been updated again. There was an omission that prevented the dragon wallpaper from displaying. Sorry for the inconvenience.

Please make sure this bit of code is at the beginning of your layout:
Code:
 
<div class="headImage">
Offline Profile Quote Post Goto Top
 
Commander Jamora
Member Avatar
A pimp named Slickback
[ *  *  * ]
Damn, this is a great skin. 5 stars all the way
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

Thanks for the appreciation. :)

There Be Dragons has been nominated for Theme of the Month for November, so watch for the voting poll to come up soon, and you might be able to see it installed on this support board.
Offline Profile Quote Post Goto Top
 
Nemomon
Member Avatar
My dad's a soldier blue I'll be a soldier too
[ *  *  *  *  *  *  * ]
Mr Tudjay
Sep 25 2013, 05:44 PM
Beautiful! ^_^
Ditto.

A great theme it is! :)
Offline Profile Quote Post Goto Top
 
-The-
Member Avatar
#the { display: none; }
[ *  *  *  *  * ]
I love it...it's amazing BUT there are two niggles i have. Would you be able to sort them out Helena or at least consider them?

The first is the drop down menus at the top like the Inbox and Preferences tab. When clicked, they drop down but they have a transparent background so it's really hard to read the text. I can use them because I know what and where the options are but members on my board find it hard.

The second is the login box of Admin CP. At least on iPad, it is zoomed out really far and so, it's hard to click in the boxes to log in.

Sorry that I only have a screenshot of one of them, if you check my board, you will oust likely find the problem.

Would you be able to help Helena?

Thanks anyway for the great theme,

The
Attached to this post:
Attachments: image.jpg (290.87 KB)
Edited by -The-, Oct 23 2013, 10:48 AM.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Themed · Next Topic »
Add Reply
  • Pages:
  • 1