Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > Help Implementing Mottie's Guild Bar
Ayiana (New Admin) 2/22/2010 6:08 PM EST : Help Implementing Mottie's Guild Bar
Ayiana
Posts: 1498
Zomgawsh Poster

Mottie, I love the design of you guild bar and how it has so much information in one space.  However, I'm not sure how to implement it on my site.

I have taken the $block [bannerimage] out of my Custom HTML on the site because I have different banners on different pages.  The banners and height are instead called in the CSS for the theme itself (which also resulted in placement issues of the theme selector box, but I'm working on it).  I'm looking at using the code below (copied from your post) to append this information to the banner, but it calls a specific picture for use throughout the site.

<!-- HTML Combined Box (with image)
************************************ -->
<div id="banner" align="center">
<table class="guildBar" border="0">
<tr>
 <td id="recruitBar"></td>
 <td id="wowImage"><img src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/WotLK.png"></td>
 <td id="raidingBar"></td>
</tr>
</table>
</div>
<script src="http://www.axiomfiles.com/Files/######/guildbar.js"></script>

Is there a way to implement that doesn't call the banner image in the Custom HTML for the site-wide Banner Area?

Thanks,
~Ayiana
TopBottom

Mottie (MVP) 2/22/2010 7:02 PM EST : RE: Help Implementing Mottie's Guild Bar
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Hi Ayiana!

The #banner image is set in the CSS that comes with the GuildBar code. All you need to do is just remove that bit of CSS and/or remove the banner image HTML.
<!-- HTML Combined Box (with image)
************************************ -->
<table class="guildBar" border="0">
<tr>
 <td id="recruitBar"></td>
 <td id="wowImage"><img src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/WotLK.png"></td>
 <td id="raidingBar"></td>
</tr>
</table>
<script src="http://www.axiomfiles.com/Files/######/guildbar.js"></script>
The problem then might be positioning the guildBar properly in the banner area. Try adjusting the "margin-top" (shown below) in the CSS to see if that works.
.guildBar { width:500px; margin-right:auto; margin-left:auto; margin-top:110px;}
TopBottom

Ayiana (New Admin) 2/22/2010 10:01 PM EST : RE: Help Implementing Mottie's Guild Bar
Ayiana
Posts: 1498
Zomgawsh Poster

Once more, thank you Mottie!

~Ayiana
TopBottom

Mottie (MVP) 2/22/2010 11:26 PM EST : RE: Help Implementing Mottie's Guild Bar
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Hi Ayiana!

Try adding this to your CSS ( except your default theme still has the guildbar definition that you should replace with the CSS below, but adjusted for the banner)
.guildBar { margin-top: 120px; }
.bannerArea { padding-bottom: 20px; }
TopBottom

Ayiana (New Admin) 2/23/2010 2:40 PM EST : RE: Help Implementing Mottie's Guild Bar
Ayiana
Posts: 1498
Zomgawsh Poster

Mottie, you may have posted this in the information somewhere, but do portions of the bar not work well in IE?

My recruiting bar is just fine, but the progression tracker has empty tooltips in IE.  It works fine in Firefox.  Someone who was looking at it said something about an unterminated statement error, but I haven't delved into it heavily.

~Ayiana
TopBottom

Mottie (MVP) 2/23/2010 3:40 PM EST : RE: Help Implementing Mottie's Guild Bar
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Hi Ayiana!

It looks like you have some messed up scripting in you Footer Area. Remove the part in red.
<script type="text/javascript">
$(document).ready(function() {
 $("di

<script type="text/javascript">
$(document).ready(function() {
 $("div").each(function() {
  temp = $(this).attr("id").replace(/\s/g,"_");
  if (temp.length > 1) {
   $(this).attr("id", temp);
  }
 });
});
</script>
TopBottom

Ayiana (New Admin) 2/23/2010 3:58 PM EST : RE: Help Implementing Mottie's Guild Bar
Ayiana
Posts: 1498
Zomgawsh Poster

I am so confused.  I haven't modified my footer area in months, but looking at it now, I don't see the partial code snippet you specify.

I can't figure out a way to copy and paste the entirety of the footer in a way that doesn't throw errors that I can't post those elements. 

~Ayiana

TopBottom

Ayiana (New Admin) 2/23/2010 4:15 PM EST : RE: Help Implementing Mottie's Guild Bar
Ayiana
Posts: 1498
Zomgawsh Poster

Going through all site code systematically I finally found that snippet in Site-Wide Page Footer, but, alas, removing it hasn't helped...

~Ayiana
TopBottom

Ayiana (New Admin) 2/23/2010 4:18 PM EST : RE: Help Implementing Mottie's Guild Bar
Ayiana
Posts: 1498
Zomgawsh Poster

Oh yikes, just noticed all that progression code has been appended to the bottom of my site!  /scramble

~Ayiana
TopBottom

Keilana55 (Guild Admin) 2/23/2010 5:22 PM EST : RE: Help Implementing Mottie's Guild Bar
Keilana55
Posts: 4537
Zomgawsh Poster

I have been to your site Mottie.  Awesome as usual.  I am looking for the guild bar.  Is that the tool bar?  I tried a search, but could not find anything that was specifically labeled "guild bar".

TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%