Bungie.net Community
This topic has moved here: Subject: Themes
  • Subject: Themes
Subject: Themes

Chill out.

I think we should be making you do all the work Stosh.
We make the pretty pictures, and you handle the boring crap.

[Edited on 03.23.2008 5:23 PM PDT]

  • 03.23.2008 5:23 PM PDT
  •  | 
  • still hates toast

Posted by: Vaderhater027
I think we should be making you do all the work Stosh.
We make the pretty pictures, and you handle the boring crap.


No. I don't have time for that. Groups aren't really a priority so the less time I spend working on them the better.

  • 03.23.2008 5:36 PM PDT
  •  | 
  • Exalted Legendary Member
  • gamertag: D1Mik
  • user homepage:

-     ~    .oO( about you )
­o | O)
    ¬

umm Firebird347 and i are working out a way for dummies like me
so if i can do it... no one else will have an excuse

edit:
there you go (look below) lol
and i've tryed it and works for me

[Edited on 03.23.2008 5:59 PM PDT]

  • 03.23.2008 5:42 PM PDT

I updated the themebuilder so that previewing your theme works in IE.

In order to upgrade all you need to do is copy your old /theme directory from the old version into the new /theme directory in the new version.


You can download the new version Here (Windows)
(Mac / Linux).

Reminder: If anything is the wrong size for your theme (you made your images to small) or you need help in general PM me or post here. I will help write CSS for you to fix the problem.

Terminal Remake in themeBuilder (preview)

Edit - Added tar


[Edited on 03.23.2008 6:13 PM PDT]

  • 03.23.2008 5:43 PM PDT

Call me Wolfie | My anti-drug
New Flood for life <3

We’re looking back laughing because they called us crazy, but we took that chance on that feeling, living for the moment, we were spinning in. Maybe we were a lot of things, but we weren't crazy.

Posted by: stosh
Posted by: Halo2Girl305
Ugh..


No crying allowed. All you have to do is replace three or four files in the struct_images folder. It's not hard.
B-but *whines*

  • 03.23.2008 5:55 PM PDT

Posted by: Parthath
Truth. Respect++, Intelligence+, [maxed out]

Posted by: Kamatzu
Luv. We all can has it. Togethr.

So, does this mean we'll have to remake all our previous themes in CSS?

  • 03.23.2008 6:20 PM PDT

Follow me on Twitter!
_________________________
Average Joe Interview
Theme Builders Group

I guess so... Well, time to put my themes back together again...

[Edited on 03.23.2008 8:39 PM PDT]

  • 03.23.2008 8:23 PM PDT

» Sincerely, Dan

Posted by: WalkinBonfire
So, does this mean we'll have to remake all our previous themes in CSS?
No! If all you're doing is changing the images, you just use the CSS file from the current theme that you based yours off of. Modification to the CSS is not required, stosh perhaps you could say this in your post to clear up some confusion.

  • 03.23.2008 8:34 PM PDT

Come check out the The Christian Halo Union. Whether you’re looking for fellowship, intelligent discussion, positive gamers, or maybe you just want to have fun, you'll find it with us. With over 650 members and counting, we're the most active Christian group on Bungie.net.

Okay, I think I've actually figured out how to use this Theme Builder. I have a few problems, however. My theme was originally created to work with Community Theme 1. Because of this, I've had to flip the Forum Banner around backwards to get the text to align correctly. Is there a way I can move the text to the other—in this case right—side of the banner?

My other problem is with the Home Banner. How can I get the news tables to display transparency and show my fading header in the background, as shown in my original concept? As it stands now in my CSS preview, only the top half of the Flood Infection form would be visible. And the group title is on the wrong side. How can I move it to the right side?

If anyone could answer my questions—or at least tell me whether or not they are possible—it would be much appreciated.

  • 03.23.2008 9:37 PM PDT
  •  | 
  • Exalted Mythic Member
  • gamertag: Rokitz
  • user homepage:

Want to know more about me? Check out my Community Joes interview.

Trying something once will increace your chances of success, because you tried it. Try someting twice, and your chances increase yet again - seeing as you've done it. Try something a few thousand times, and your chances of success is exponentially increased; this increase would likely provide success every time

Stosh, so do you want us to resend the ones we have already sent? Or would ones within say the past month do?

  • 03.23.2008 9:48 PM PDT

I've had to flip the Forum Banner around backwards to get the text to align correctly. Is there a way I can move the text to the other—in this case right—side of the banner?[/quote]
Why yes, there is,
Open the mystical main.css file and find where it says:
div.group_forum_header {Right after the opening brace write text-align: right;

And the group title is on the wrong side. How can I move it to the right side?
Same method as the forum title.

Find where it says
div.group_header h2 { margin: 1px 0 0 10px; color: #f2f2f2; font: bold 20px Helvetica, Arial, sans-serif; padding-top: 6px; }And replace it withdiv.group_header h2 { text-align: right; margin: 1px 10px 0 10px; color: #f2f2f2; font: bold 20px Helvetica, Arial, sans-serif; padding-top: 6px; }


My other problem is with the Home Banner. How can I get the news tables to display transparency and show my fading header in the background, as shown in my original concept? As it stands now in my CSS preview, only the top half of the Flood Infection form would be visible.
This is a little more complex. What you need to do is first split your header image into three seperate files. One for the group header and one for each of the columns. You then do as tehviruss told Rokit a couple pages ago.

Posted by: tehviruss
Rokit, in the CSS file find
div.group_hub div.group_hub_nav
At the end of it, add
background: url(your_background_image.gif) no-repeat;
So for example, mine looked like
div.group_hub div.group_hub_nav { position: relative; margin: -275px 0 0 0; background: url(your_background_image.gif) no-repeat; }


If you need further clarification or are having difficulties PM me w/ links to the images and instructions for how you want it to look (and I'll make it work) or post here.

Random note - If you want you could make the links in the right sidebar have green backgrounds. Might make it look better (but probably not)

[Edited on 03.23.2008 10:10 PM PDT]

  • 03.23.2008 10:03 PM PDT

» Sincerely, Dan

Posted by: Hawaii6U
My other problem is with the Home Banner. How can I get the news tables to display transparency and show my fading header in the background, as shown in my original concept? As it stands now in my CSS preview, only the top half of the Flood Infection form would be visible.
You're going to have to split your header into three images. The top main one, and two smaller ones for each of the news box areas. You have to add in the fade yourself. Also remember to account for the "News" heading bars.

For example, here's what I had with my Rocket Race theme:
group_top_banner.jpg
group_news_left.jpg
group_news_right.jpg

Together, they make this.

[Edited on 03.23.2008 10:11 PM PDT]

  • 03.23.2008 10:07 PM PDT
  •  | 
  • still hates toast

Don't resend your theme just yet. Let me check tomorrow and see which themes were accepted for the next build.

[Edited on 03.23.2008 10:34 PM PDT]

  • 03.23.2008 10:33 PM PDT

Posted by: Parthath
Truth. Respect++, Intelligence+, [maxed out]

Posted by: Kamatzu
Luv. We all can has it. Togethr.

So, we don't have to rebuild old themes, but new ones need to be in CSS? Or am I just reading this all wrong?

  • 03.24.2008 8:14 AM PDT
  •  | 
  • Exalted Legendary Member
  • gamertag: D1Mik
  • user homepage:

-     ~    .oO( about you )
­o | O)
    ¬

WalkinBonfire
Yes about old but only because stosh is going to tell us which made it in.
About new... You don't have to edit CSS (optional) but definately recomended if your immage is bigger or smaller than the preset theme in group home header.

The only "have to" is that anything new has to be submitted using / zipping the ThemeBuilder

  • 03.24.2008 12:03 PM PDT

Posted by: Parthath
Truth. Respect++, Intelligence+, [maxed out]

Posted by: Kamatzu
Luv. We all can has it. Togethr.

Alright. Just so long as I can keep using Photoshop. It's easy enough to compress the file if need be.

  • 03.24.2008 5:32 PM PDT

Posted by: WalkinBonfire
Alright. Just so long as I can keep using Photoshop. It's easy enough to compress the file if need be.


It's not just that it needs to be compressed. The themeBuilder allows stosh to simply cut and paste from it to the theme directory to make a new theme.

As such, the images that make up the different sections of the theme must be saved into different files, replacing the ones already in the /theme/images folder of the themeBuilder. This should be sufficient for most themes.

If you want to add more images or change items other than just the images then you need the CSS edited. I (and others) am willing to either do this for you or help you do it if need be.

  • 03.24.2008 7:51 PM PDT

Come check out the The Christian Halo Union. Whether you’re looking for fellowship, intelligent discussion, positive gamers, or maybe you just want to have fun, you'll find it with us. With over 650 members and counting, we're the most active Christian group on Bungie.net.

Okay, well, I'm still having a few problems. First of all, I've already sent the "photoshop" version of my theme to Stosh. This was before he said to use the Theme Builder and a Zip file. Should I resend the theme once I finish writing it in CSS?

Also, I'm still in need of help. The group title is in the correct position now, but the text on the forum banner is another story. It's a little too far to the right—all the way against the edge, to be certain. How can I get a margin in there?

Now, onto the main banner. I still can't figure out how to incorporate the fade/transparency. The images themselves are no trouble to me, but if my banner is in three pieces, how am I supposed to put two url's in the CSS? They can't go in the same place, right? One goes in the news column, the other in the welcome. Also, am I supposed to put the image's file name in parenthesis, or was that just there for emphasis?

  • 03.24.2008 9:28 PM PDT

» Sincerely, Dan

Posted by: Hawaii6U
Okay, well, I'm still having a few problems. First of all, I've already sent the "photoshop" version of my theme to Stosh. This was before he said to use the Theme Builder and a Zip file. Should I resend the theme once I finish writing it in CSS?
He said not yet.

Posted by: Hawaii6U
Also, I'm still in need of help. The group title is in the correct position now, but the text on the forum banner is another story. It's a little too far to the right—all the way against the edge, to be certain. How can I get a margin in there?
Find this value in the CSS, and adjust the first margin value number until it fits right:
div.group_header p.groupstatus

Posted by: Hawaii6U
Now, onto the main banner. I still can't figure out how to incorporate the fade/transparency. The images themselves are no trouble to me, but if my banner is in three pieces, how am I supposed to put two url's in the CSS? They can't go in the same place, right? One goes in the news column, the other in the welcome. Also, am I supposed to put the image's file name in parenthesis, or was that just there for emphasis?
You just name the three images accordingly (see mine, a few posts previous) and they're set to appear in the boxes thanks to the CSS. However, which current theme's CSS are you using? Make sure it's one with the fade already in affect. Look for these lines in the CSS:

div.newsblock1 { background-image: url(struct_images/group_news_right.jpg); background-repeat: no-repeat; background-position: top left; padding-top: 0px; width: 100px; }

div.newsblock2 { background-image: url(struct_images/group_news_left.jpg); background-repeat: no-repeat; background-position: top left; padding-top: 0px; }

  • 03.24.2008 9:49 PM PDT

Posted by: Hawaii6U
Okay, well, I'm still having a few problems. First of all, I've already sent the "photoshop" version of my theme to Stosh. This was before he said to use the Theme Builder and a Zip file. Should I resend the theme once I finish writing it in CSS?
You can but it is not required. For the moment we might as well wait another day or two and see what themes were accepted. If he doesn't post them soonish then you might as well resubmit.

Also, I'm still in need of help. The group title is in the correct position now, but the text on the forum banner is another story. It's a little too far to the right—all the way against the edge, to be certain. How can I get a margin in there?In the CSS file find where it saysdiv.gforumtitle { margin: 0px 0 0 14px; and change it to div.gforumtitle { margin: 0px 14px 0 14px; Also, find where it says div.mini_hub_forum_link {margin: 2px 0 0 14px; } And change it todiv.mini_hub_forum_link {margin: 2px 14px 0 14px; }


Now, onto the main banner. I still can't figure out how to incorporate the fade/transparency. The images themselves are no trouble to me, but if my banner is in three pieces, how am I supposed to put two url's in the CSS? They can't go in the same place, right? One goes in the news column, the other in the welcome. Also, am I supposed to put the image's file name in parenthesis, or was that just there for emphasis?
[out of order answers]
The fade needs to be done to the images themselves, there is no (simple) way to do it in css.
The parenthesis need to be there. They are not for emphasis. They show that what is there is a url and not just random text (if you notice right in front of the parenthesis it says url. Like this:url(struct_images/forums/HeaderGroupForum.jpg)

Yes, you can not put three URL's together. Instead you add the last two images as background-images for other blocks.

Instead, at the end of the CSS file add:
div.newsblock1 { background: url(struct_images/your_image) no-repeat top left; }
div.newsblock2 { background: url(struct_images/your_image) no-repeat top left; }
Where "your_image" is the name of your image in the theme/struct_images folder.


Edit - tehviruss - The order for sides of things like margins and padding is top right bottom left. So he needs to edit the second one, not the first.

[Edited on 03.24.2008 10:21 PM PDT]

  • 03.24.2008 9:59 PM PDT

Come check out the The Christian Halo Union. Whether you’re looking for fellowship, intelligent discussion, positive gamers, or maybe you just want to have fun, you'll find it with us. With over 650 members and counting, we're the most active Christian group on Bungie.net.

You guys—Firebird347 and Tehviruss—are awesome! Thank you. I thought I was going to have to consult you again, but it appears I've had a stroke of luck. I was able to get it working by combining your suggestions. Now, I guess I'll just wait two days to see if Stosh accepted the image version I sent. I guess I'll just send this if not, or whatever he wants to do. Thanks again!

Edit: I guess I do have one more question. What's the "Avatar" file for? Is that the image I would want to use as my forum avatar, should the theme get accepted? If so, why is the one in there 64 x 64? I thought the dimensions were 90 x 90. And if this is the case—if the avatar is for the reason implied—should I have sent one along with the image I previously emailed to Stosh?

[Edited on 03.24.2008 10:42 PM PDT]

  • 03.24.2008 10:38 PM PDT

The avatar (emblem.gif) should be 90 x 90 for submission to stosh. The avatar in the themebuilder is not the one you will be awarded if your theme is accepted, or at least it was never intended to be. (might change it to work like that in a future release).

Simply ignore it for now. I will probably give it more purpose in a future release. It is just there to preview avatars if you so desire.

  • 03.24.2008 11:19 PM PDT

Posted by: Parthath
Truth. Respect++, Intelligence+, [maxed out]

Posted by: Kamatzu
Luv. We all can has it. Togethr.

I'm just glad I don't have to resubmit. This is all just overwhelming.

  • 03.25.2008 5:51 PM PDT

Follow me on Twitter!
_________________________
Average Joe Interview
Theme Builders Group

Which themes made it in for the next build?

  • 03.25.2008 6:09 PM PDT

Posted by: Parthath
Truth. Respect++, Intelligence+, [maxed out]

Posted by: Kamatzu
Luv. We all can has it. Togethr.

Hasn't been announced yet.

  • 03.25.2008 6:10 PM PDT