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
Structural; Black / gray / cyan techie sci-fi theme
Topic Started: Dec 27 2017, 01:17 AM (1,602 Views)
Helena
Member Avatar
M is for Mod

Posted Image

By: Helena & Cory
Date Created: December 2011
Style: Techie sci-fi space inspired theme

Preview:
Posted Image


Notes: A generic space station-feel version of our popular Halo Wars gaming theme, Structural has been exclusive to ZetaBoards Premium subscribers since its completion. It is now being released for general use. We hope the community enjoys this general release. I'm particularly pleased with the interesting way were were able to style the blog layout and portal pages. And Nemomon should be happy with the visibility enhancement added to the staff tags. :)
IMPORTANT: for Structural to display in proper alignment, you must install the buttons set provided for this theme.
(There is room in the built in submenu to enable up to 4 ZetaBoards webpage links. You will need to keep your titles short, as the button background images are not configured to expand with long text.)

Edit Permissions: I don't generally put edit restrictions on my themes, and simply ask that you add "edited by" information in the copyright. But this one does come with an edit warning. The complicated coding of this highly modified theme can be easily broken if you substitute different sized images, for instance. If you are replacing background or button images, use the exact image dimensions for best results.

For edits beyond text size and color changes, please add an "edited by" notice by placing this snippet at the bottom of your Theme Layout with your information inserted in place of the capitalized text:
Code:
 
<script type="text/javascript">
$('#copyright').prepend('Modified for YOURBOARDNAME by YOURNAME<br />');
</script>


Graphics:
Preview via this HTML Image Macros page: http://b2.ifrm.com/28122/87/0/p713716/ImageMacrosStructural.html
Copy/paste the codes to your Theme Images page, or use the quick developer tool transfer method linked on the page. Images will remain permanently hosted.
Note: if using the Cheshire Emoticon system, make sure the colons (:) are removed from any alt texts on your images page. Specifically for the attachment and clock icons. Otherwise, the emoticon base image will appear as their background.

Blank banner: http://b2.ifrm.com/28122/87/0/p713718/blankbannerStructural.png
Banner PSD: http://b2.ifrm.com/28122/87/0/p713717/StructuralBanner.psd

Team icons: Posted Image Posted Image Posted Image
Team icon PSD: http://b2.ifrm.com/28122/87/0/p713721/TeamIconStructural.psd

Theme Settings:
AdminCP > Themes > Choose Theme > Theme Settings
Replace the Structural banner URL with the hosted URL for your own banner:
Code:
 
<img src="YOUR BANNER URL" alt="YOUR BOARD NAME" />


Theme Appearance;
AdminCP > Themes > Choose Theme > Theme Appearance
CSS


Add to CSS if using Cheshire Emoticon system:
Code:
 
img[alt*=":"][src*="ifrm.com"], img[alt="^_^"], img[alt="???"] {
background: url(http://z1.ifrm.com/0/2/0/p406519/baseSteelAmmo.png) no-repeat;
}


Theme Layout:
AdminCP > Themes > Choose Theme > Theme Layout
Code: Layout
 
<div id="wrap"><div id="right"><div id="inner"><!-- TOPMENU --><div id="inner-war"><!-- HEADER --><!-- SUBMENU --><!-- NAV --><!-- BOARD --><img src="http://planetnexus.net/helena/structural.png" height="1" alt="" /></div></div></div></div>

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

<script type="text/javascript" src="http://b2.ifrm.com/28122/87/0/p713699/StructuralUpdated.js"></script>

<img src="http://z3.ifrm.com/28122/87/0/p427521/SubmenuButtonHov.png" alt="" style="display: none" /><img src="http://z3.ifrm.com/28122/87/0/p427644/SubmenuButtonLongHov.png" alt="" style="display: none" /><img src="http://z3.ifrm.com/28122/87/0/p428225/expand.png" alt="" style="display: none" /><img src="http://z3.ifrm.com/28122/87/0/p430310/DottedHhover.png" alt="" style="display: none" />
Offline Profile Quote Post Goto Top
 
xblade2468
Member
[ * ]
How do i add this theme to my forum i see no download link fir it im new to this
Offline Profile Quote Post Goto Top
 
fnuppage
Member
[ *  *  *  * ]
xblade2468
Jan 6 2018, 05:30 PM
How do i add this theme to my forum i see no download link fir it im new to this


ACP > Board Themes > Click on Create a new theme based on Zeta Original

Then copy the CSS (Theme Appearance) from this topic and paste under the Edit Theme Appearance tab and copy the layout code and paste under the Edit Theme Layout tab

This will be the same method for any style on a Zetaboards forum

See also this guide from the Tutorials http://docs.zetaboards.com/themes/install
Edited by fnuppage, Jan 6 2018, 05:47 PM.
Offline Profile Quote Post Goto Top
 
Steve
Member Avatar
patriot
[ *  *  *  *  *  *  *  *  *  * ]
Really nice Theme Helena! Great work! ^_^
Offline Profile Quote Post Goto Top
 
.Esper
Member Avatar
x
[ *  *  *  *  * ]
Wow this looks great! Well done Helena :)
Offline Profile Quote Post Goto Top
 
xblade2468
Member
[ * ]
Where is all the icons for theme as its using def theme icons
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

Quote:
 
Graphics:
Preview via this HTML Image Macros page: http://b2.ifrm.com/28122/87/0/p713716/ImageMacrosStructural.html
Copy/paste the codes to your Theme Images page, or use the quick developer tool transfer method linked on the page. Images will remain permanently hosted.


Do you have a question on how to do this?
Edited by Helena, Jan 11 2018, 05:13 PM.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Theme Galleries · Next Topic »
Add Reply