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
  • 2
TwilightEsque; also includes GothEsque (the non-Edward version)
Topic Started: Apr 7 2011, 09:09 PM (10,028 Views)
Helena-ZNR
Member Avatar
No PMs on this account please
[ *  *  *  *  *  *  * ]
Posted Image

Author: Designed by Helena, coded by Cory
Date Created: 04/11
Theme Preview:
Posted Image click for full preview

Side Notes: TwilightEsque was commissioned as ZNR's 2011 April 1st theme. It appeared in the selector for one day, titled IFSZ Revisited. ZNR membership got a good dose of sparkling and brooding, bare-chested undead guys. Even though this rather over-the-top Gothic theme was originally intended only as a surprise for members that day, there have been requests to release the theme for network use. So here you are, Twilight lovers! You'll recognize some of the Twilight symbols as you go through the theme: the apple, the wilted rose, wolf tracks and more, but things that could also work for less specific genres.

The Zathyus forum markers have been changed but the trademark animated new posts forum marker returns--revised and toned down just a bit.

The theme got a full blown test during its installation here on April 1st, but if you find any issues, let us know so that we can fix them.

Edits Allowed? Edits are allowed as long as you add "edited by..." in the copyright. (Not required for minor personalizations, text adjustments, or small things that don't change the basic design.)

Images DOWNLOAD: Includes markers, topic buttons, topic folders, and user control images. Blanks provided for the banner and team icon. Post buttons are created via the CSS.
Posted Image Click to download main image pack

Extra images DOWNOAD: http://z3.ifrm.com/28122/87/0/p399987/PipsWarnsTeam.zip
Logo PSD: http://z1.ifrm.com/0/2/0/p406690/TwilightEsqeLogoSample.psd

Logo and button Font DOWNLOAD: Twilight

Text Images

CSS

Theme Layout


Not a Twilight fan?
For a gothic version of TwilightEsque, you may use GothEsque, which is this theme stripped of the Edwards and sparkling effects.

Attached to this post:
Attachments: TwilightEsqeLogoSample.psd (392.64 KB)
Offline Profile Quote Post Goto Top
 
Replies:
princessdoll
Member Avatar
Member
[ * ]
oh! thank you! this will be my 1st time to edit a zetaboard skin... :) I'll try my best to make it look good
Offline Profile Quote Post Goto Top
 
vcd
Member Avatar
Member
[ *  *  *  * ]
I watched this film this evening and this theme came into my mind :D
Offline Profile Quote Post Goto Top
 
wissaboo-ZNR
Member Avatar
Member
[ *  *  * ]
love this theme.
Offline Profile Quote Post Goto Top
 
Nebyula
Member Avatar
Member
[ * ]
Its a nice theme, however I wish that the bg for the logo was centered rather than to the left, on certain resolutions it seems abit off.. :/
Offline Profile Quote Post Goto Top
 
Zethus
Member Avatar
Member
[ *  *  *  * ]
I'm not a twilight fan but regardless the skin still looks very good well done. :)
Offline Profile Quote Post Goto Top
 
cnm-ZNR
Member Avatar
Infinite Diversity in Infinite Combinations
[ *  * ]
One of my add-ons (showing the list of Smilies on the Fast Reply box) isn't showing up with this theme. Is there something that cancels it out in the layout?

Thanks!

Here's the Layout I have:

Code:
 
<!-- TOPMENU --><!-- HEADER --><!-- SUBMENU --><div id="wrap">
<!-- NAV --><!-- BOARD --></div>

<script type="text/javascript" src="http://z3.ifrm.com/108/12/0/p400122/3_piece_stuff.js"></script>

<script type="text/javascript">
$(".profile .c_mark").attr("rowspan","5");

$(function() {
$('#copyright').append('<br /><a href="http://resources.zetaboards.com/topic/5114608/"><em>TwilightEsque</em></a> Designed by <a href="http://resources.zetaboards.com/profile/273996/">Helena</a>, coded by <a href="http://resources.zetaboards.com/profile/372081/">Cory</a> of <a href="http://resources.zetaboards.com/">ZNR, edited by <b>tink</b></a>');
});
</script>
<center><img src="http://z4.ifrm.com/30246/161/0/f5236240/renesmee.png"/></center>
Edited by cnm-ZNR, Oct 16 2011, 09:40 AM.
Offline Profile Quote Post Goto Top
 
Geoffrey
Member Avatar
bury hatchets, keep maps
[ *  *  *  *  * ]
Ew. Vampires do not sparkle. Ruined it for me. :P

Rest looks good though, once I get past the yucky stuff.
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
cnm:
Code:
 
$("#fast-reply dt")
In the code, that needs to be changed to this:
Code:
 
$("#fast-reply dt, #fast-reply div.h2center")
Offline Profile Quote Post Goto Top
 
cnm-ZNR
Member Avatar
Infinite Diversity in Infinite Combinations
[ *  * ]
Cory
Oct 17 2011, 09:25 AM
cnm:
Code:
 
$("#fast-reply dt")
In the code, that needs to be changed to this:
Code:
 
$("#fast-reply dt, #fast-reply div.h2center")
I'm a little confused. My CSS doesn't show it displayed that way. There are no parenthesis nor $ in there. When I tried adding it to the layout, it didn't work. When I tried changing the CSS #fast-reply dt to #fast-reply dt, #fast-reply div.h2center it just messed with the top part of the Fast Reply. The Smilies add on didn't show.

A little more help, if you don't mind? Thanks. :)
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code:
 
<script type="text/javascript">
$(function () {
$("#fast-reply div.h2wrap").next().append('<button class="btn_normal" tabindex="4" onclick="fastem();return false">Smilies</button>');
});
</script>
Add that to the Below the Board wrapper of your Board Template.
Offline Profile Quote Post Goto Top
 
cnm-ZNR
Member Avatar
Infinite Diversity in Infinite Combinations
[ *  * ]
That did the trick. Thanks! :D
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Themed · Next Topic »
Add Reply
  • Pages:
  • 1
  • 2