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
Jedi Night TFA; Star Wars [ black tech with green / gold ]
Topic Started: Dec 27 2015, 10:58 PM (3,770 Views)
Helena
Member Avatar
M is for Mod

Posted Image

Theme Name: Jedi Night TFA
Creator: Helena
Notes: Based on my Apogee theme, recolored and updated for display during Zathyus Networks Star Wars Month, December 2015. Light saber animations by DaPizzaMan. To see the animation on the test board, log in with the credentials listed in the Test forum description. Activate the category expand/collapse function by clicking the red button on the hilt of the light sabers.

Preview:
Posted Image
~~~~ Posted Image
This theme features a hidden Submenu: The nav icon Posted Image toggles the submenu


Graphix: Access HTML Image Macros page: http://z3.ifrm.com/28122/87/0/p522808/JediNightTFAImageMacros.html Copy/paste to your Theme Images page, or use the quick Developer tool transfer method linked on the page. Images will remain permanently hosted.

THEME SETTINGS
Code:
 
<img src="YOUR BANNER URL HERE" alt="YOUR BOARD NAME HERE" />


LAYOUT


CSS


Edit Permissions: You may edit this theme as needed, however if major changes beyond personalizations provided below and text styling are made, please add an Edited by note to the displayed copyright.
How to add your edit line to the copyright text



OPTIONAL CUSTOMIZATIONS

Posted Image Banner:
Banner PSD: http://z3.ifrm.com/28122/87/0/p522810/JediNightReleaseBanner.psd
Fonts: Jedi Hollow, Jedi Solid

Posted Image Team Icons PSD: http://z3.ifrm.com/28122/87/0/p476110/Apogeeteam.psd
Prehosted Team Images: Posted Image Posted Image Posted Image

Star Wars Emoticons:
Posted Image Posted Image Posted Image Posted Image Posted Image Posted Image Posted Image Posted Image Posted Image Posted Image Posted Image Posted Image


Posted Image Replace or remove the Kylo Ren image in the starfield
To remove, just replace the existing URL in the CSS snippet posted below with this image: http://z3.ifrm.com/28122/87/0/p522955/BkgdStarsJNPlain2015.png
To add your own image to the plain background, position your image above this plain starfield image in a graphic editing program: Save as a PNG. (use Save for Web in Photoshop to assure a color match) Host your edited image. Replace the image URL in your CSS:
Replace the URL in the background element in this section

Posted Image Changing the colors of the Light Saber category headers
Default light saber images are green. Red and Blue Images are provided so that you can change the color of the light saber beams in a specific category header if you wish. The coding for this is already included at the bottom of the CSS. However, you will have to edit in your own category ID numbers in order to make the alternate images appear.

Choose which category on your board you wish to change and obtain the category ID by hovering over the category name. (The category ID number will appear at the end of the URL in your status bar.) Replace the existing number in the CSS code at the bottom of your CSS with your own category ID number:

Posted Image BLUE SABER:
Code:
 

/*Blue Saber */
#cat-YOURCATEGORYNUMBERHERE .h2right {
background-image:url(http://z3.ifrm.com/28122/87/0/p521959/H2endLongCyan.png);
}


Posted Image RED SABER:
Code:
 

/* Red Saber */
#cat-YOURCATEGORYNUMBERHERE .h2right {
background-image:url(http://z3.ifrm.com/28122/87/0/p521961/H2endLongRed.png);
}


Posted Image
KYLO REN SABER


Offline Profile Quote Post Goto Top
 
Replies:
Scott0072016
Member Avatar
Member
[ * ]
Helena
Jan 5 2016, 01:01 AM
Glad you are enjoying it. You have a nice banner concept.

You could make it fit a bit better by decreasing the top padding on the #logo img area (in which case it might be better to use the plain starfield background) , and increasing the top padding on the #nav. That way, it will fill the space better and not overlap your navigation trail.
I have changed it to the plain starfield background :up:

I'm unsure what to change in the CSS to:

.decrease top padding on #logo image area
.increase top padding on #nav

example what coding is to change these tasks and to what number should I increase/decrease (my banned is 1024 x 210 which you probably know anyway)

Sorry for hassle thanks ^_^
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

Rather than try to edit the existing codes, you can just add this to the bottom of your CSS (Theme Appearance)
Code:
 
/* Adjustments for banner */
div#logo a img {
padding-top: 15px;
}

#nav {
padding-top:95px;
}


Then later, if you use a more standard sized banner, you will know what to remove/adjust.
Offline Profile Quote Post Goto Top
 
Scott0072016
Member Avatar
Member
[ * ]
Helena
Jan 5 2016, 12:11 PM
Rather than try to edit the existing codes, you can just add this to the bottom of your CSS (Theme Appearance)
Code:
 
/* Adjustments for banner */
div#logo a img {
padding-top: 15px;
}

#nav {
padding-top:95px;
}


Then later, if you use a more standard sized banner, you will know what to remove/adjust.
I added that to bottom of CSS worked great, thanks ^_^

(If change to standard banner remove/adjust got it)
Offline Profile Quote Post Goto Top
 
ERI619
Member Avatar
Member
[ *  * ]
Great theme,only one issue though,the menu's are missing under the banner like FAQ Board rules etc,how can i get those?
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

Click on the Nav icon: Posted Image

Since the click-to-unhide submenu was a feature in the original theme use for the base of this one, I neglected to mention that little detail in the write-up.

Instructions fixed now. :)
Offline Profile Quote Post Goto Top
 
Nahtee
Member
[ * ]
Quote:
 
Choose which category on your board you wish to change and obtain the category ID by hovering over the category name. (The category ID number will appear at the end of the URL in your status bar.)


How can I change the lightsaber colors above the Shoutbox and Board Statistics? Hovering over their names does not show an ID #.
Offline Profile Quote Post Goto Top
 
Cerwin
Member Avatar
Member
[ * ]
Wow Just Love this :wub:

Great Theme 5 Thumbs Up :up: :up: :up: :up: :up:
Offline Profile Quote Post Goto Top
 
DaPizzaMan
Member Avatar
#TeamSupport

Nahtee
Mar 9 2016, 07:49 PM
Quote:
 
Choose which category on your board you wish to change and obtain the category ID by hovering over the category name. (The category ID number will appear at the end of the URL in your status bar.)


How can I change the lightsaber colors above the Shoutbox and Board Statistics? Hovering over their names does not show an ID #.
Instead of
Code:
 
#cat-YOURCATEGORYNUMBERHERE .h2right {
background-image:url(http://z3.ifrm.com/28122/87/0/p521959/H2endLongCyan.png);
}
you would write
Code:
 
#sbx .h2right {
background-image:url(http://z3.ifrm.com/28122/87/0/p521959/H2endLongCyan.png);
}
for the shoutbox lightsaber and
Code:
 
#stats .h2right {
background-image:url(http://z3.ifrm.com/28122/87/0/p521959/H2endLongCyan.png);
}
for the stats lightsaber.

Of course, you could change the image URL you put in those codes for different colored lightsabers.
Offline Profile Quote Post Goto Top
 
Nahtee
Member
[ * ]
Excellent. Thank you. Works perfectly.

EDIT: OK, I just installed Viral's Dynamo code, and it seems to have a problem with this theme. When I mouse-over the UserCP link, the popup for AdminCP and Notification Center shows up like it should, but disappears as soon as I move the mouse down to click on one of the links. This is only happening with the Jedi Night theme, not the Zeta Original or Acid Haven (the only other theme I currently have installed). Not sure if this a problem with this theme or with Dynamo, but I also posted about this problem on the Dynamo forum just in case. I'll let you know when I learn more.

EDIT 2: OK, I found this code as a way around this problem: http://support.viralsmods.com/topic/5608132/1/

EDIT 3: New problem. The hidden submenu does not show additional links that have been added to it. For example, with Dynamo I have added Shop and Lottery links to the submenu but they don't show up with this theme. Is there a way for this theme to show the extra links?
Edited by Nahtee, Mar 10 2016, 05:27 PM.
Offline Profile Quote Post Goto Top
 
WitchAssassin
Member Avatar
Member
[ *  *  * ]
You know how when you click on the Posted Image button and it brings up the things you normally find in your navigation bar? Well, I want to be able to add a Shop to my forum but I don't think it's going to fit. Can I trade out the shop for one of the things in that list? If so, how do I do that?

I tried adding the shop to that but it isn't working. It won't direct to the "shop" page.


Edit: Never mind. I figured out what was wrong. :puppyeyes:
Edited by WitchAssassin, Jul 16 2016, 10:17 PM.
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

Yes, you can replace any of the existing links in the Layout with whatever you wish.


@Nahti:
You can insert additional links to the <ul id= "sublinks"> section in the Layout. But you will also have to make room for them by editing the height element here:


#bkgdStars { height: 240px; }

This would allow for 2 extra links. However, the background the hover buttons sit in is a fixed image. So it will not extend to the extra links.



Offline Profile Quote Post Goto Top
 
TG09
Member Avatar
Member
[ * ]
Another theme of yours that we have on our board and that our members love! Fantastic work, Helena!
Offline Profile Quote Post Goto Top
 
BB-8
Member Avatar
Member
[ * ]
fantastic theme!
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