Welcome Guest [Log In] [Register]
Viewing Single Post From: Jedi Night TFA
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


Edited by Helena, Jan 18 2016, 06:26 PM.
Offline Profile Quote Post
Jedi Night TFA · Theme Galleries