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! > Recruiting box, item link, Raiding box
Mottie (MVP) 2/20/2010 2:30 PM EST : RE: WoW Guild Bar v1.23 - Icecrown Citadel
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Sindaryn02 said:
I am actually trying to put the bulk information on the 000space.com website so i don't have to keep changing it and saving and reloading on file manager. How would i do this though
Hi Sindaryn02!

I would recommend moving the files that you plan on changing to the 000space.com site because it has an editor. The file that don't change I would keep in your guild files. Also keep a backup copy of the files you have on 000space.com on your home computer.

You can basically link to files on that site by directly linking to them. For example, lets say you have your guildbar.js file hosted on 000space.com, use this script to point to the file:
<script type="text/javascript" src="http://mydomain.000space.com/guildbar.js"></script>
Replace the "mydomain" with the domain you chose on 000space.com (mine is "motty" so the full address is "motty.000space.com")

If you put the guildbar.js file in a sub-folder then make sure you include that as well. For example, if I have a sub-folder named "scripts" then this would be the full script link:
<script type="text/javascript" src="http://mydomain.000space.com/scripts/guildbar.js"></script>
TopBottom

Sindaryn02 (Guild Admin) 2/20/2010 2:43 PM EST : RE: WoW Guild Bar v1.23 - Icecrown Citadel

Sindaryn02
Posts: 9
Getting Started!


thank you for the help
TopBottom

Salheart (New Admin) 3/20/2010 12:24 AM EST : RE: WoW Guild Bar v1.23 - Icecrown Citadel
Salheart
Posts: 17
Becoming Adept!

Hello. I'm trying to add this Guild Bar to a content box however I'm having a few issues.

1) I'd like just have the two bars in a single box, space between them, but without so much margin in the box. The white space in the box is huge.

2) The hover over effects and tooltips aren't displaying.

TopBottom

Mottie (MVP) 3/20/2010 10:59 AM EST : RE: WoW Guild Bar v1.23 - Icecrown Citadel
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Hi Salheart!
  1. Replace the HTML in the code with this:
    <div class="guildBar">
     <div id="recruitBar"></div>
     <div id="raidingBar"></div>
    </div>
    Then the CSS with this:
    .guildBar { width:500px; margin: 0 auto; text-align: center; }
    .dim { opacity: .4; filter: alpha(opacity=40); }

    #recruitBar { width:300px;  font-family:sans-serif; font-size:70%; white-space:nowrap; padding-bottom: 20px; }
    #recruitBar a, #recruitBar img { color:#999999; text-decoration:none; border:0px; width:20px; height:20px; padding:0px 1px 0px 0px; }
    .recruitToolTip { color: orange; font-weight: bold; vertical-align:top; }

    #raidingBar { width:300px; color:#999999; font-family:sans-serif; font-size:70%; white-space:nowrap; }
    #raidingBar a, #raidingBar img { color:#999999; text-decoration:none; border:0px; width:20px; height:20px; padding:0px 1px 0px 0px; }
    .raidingToolTip { color: #0080ff; font-weight:bold; vertical-align:top; }

    .killedBoss { color: #888888; text-decoration:line-through; }
    .toKillBoss { color: #dddddd; text-decoration:none; }
    .killedText { color: #ff0000; }
    .attemptedBoss { color: #00ff00; }

    .tooltip, .preview, .screenshot { cursor:pointer; }
    #tooltip, #tooltip2, #preview, #screenshot { color:#dddddd; background:#222222; border: 1px solid #333333; padding:8px; display:none; opacity: 0.9; filter: alpha(opacity=90); text-align:left; border-radius: 1em; -moz-border-radius: 1em; }
    If you want to remove the "Recruitment" and "Progression" text, clear the "recruitTitle" and "raidingTitle" variables in the script. Then modify the "padding-bottom" size at the end of the #recruitBar CSS definition (in red) to adjust the spacing between the two bars.

  2. I added the tooltip CSS above, you could move it into the "CSS Additions to Standard" (Control Panel > Custom HTML & Script > Custom CSS > CSS Additions to Standard tab). Then add this to your Footer Area (Control Panel > Custom HTML & Script > Footer Area).
    <script src="http://www.axiomfiles.com/Files/258012/tooltip.js" type="text/javascript"></script> 
TopBottom

Salheart (New Admin) 3/20/2010 11:22 AM EST : RE: WoW Guild Bar v1.23 - Icecrown Citadel
Salheart
Posts: 17
Becoming Adept!

Thanks Mottie!

It was working beautifully, but when I changed the "Class Needs" in the recruitment bar, something went wrong and now it doesn't appear.
I'm not sure if I removed a " somewhere or what. I've checked and can't figure it out.

Site Here
TopBottom

Mottie (MVP) 3/20/2010 2:31 PM EST : RE: WoW Guild Bar v1.23 - Icecrown Citadel
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Hi Salheart!

Looks like you removed the recruit title variable. Just add it back, but with nothing inside the quotes:
var recruitTitle = "";
You may also want to mess with the "Class Name" font colors. For example, the priest text is unreadable, so change it from this:
classrq.push (["http://www.guildportal.com/GuildImages/WOWRosterImages/priest.gif",
 "<font color=#ffffff>Priest</font>",
 "Shadow<br>Holy<br>Disc"
]);
to something like this ( I only changed the color highlighted in blue):
classrq.push (["http://www.guildportal.com/GuildImages/WOWRosterImages/priest.gif",
 "<font color=#000000>Priest</font>",
 "Shadow<br>Holy<br>Disc"
]);
TopBottom

Sahaladine (New Admin) 4/5/2010 12:37 AM EST : RE: WoW Guild Bar

Sahaladine
Posts: 127
Posts With Wolves

Hello I am quite new to all this but I am using the AoC bar and I got it implemented on the site works great I was just wondering if there is a way to align them top to bottom instead of left to right. here is my site as you can see it stretches out the site quite a bit FourWinds
TopBottom

Mottie (MVP) 4/5/2010 2:35 AM EST : RE: WoW Guild Bar
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Hi Sahaladine!

You'll just need to make a few minor adjustments

In the HTML portion, remove the table entirely and replace it with this:
<div class="guildBar">
 <span id="recruitBar"> </span>
 <span id="cityBar"> </span>
 <span id="raidingBar"> </span>
</div>
then change the ".guildBar" width to 100px and add the next line
.guildBar { width:100px; margin: 0 auto; }
#recruitBar, #cityBar, #raidingBar { float: left; }
And lastly, modify (don't add) these lines in the script. I removed the titles (now just double quotes) and set all the "ImagesPerRow" to 1 (one).

var recruitTitle = "";
var recruitImagesPerRow = 1;

var cityTitle = "";
var cityImagesPerRow = 1;

var raidingTitle = "";
var raidingImagesPerRow = 1;

You should end up with something like this:

TopBottom

Sahaladine (New Admin) 4/5/2010 4:54 AM EST : RE: WoW Guild Bar

Sahaladine
Posts: 127
Posts With Wolves

the pics and everything line up right but the descriptions get all messed up and the box turns out all funky.  Is there a way to keep it how it was originally but instead of having each individual section next to each other they are formed up like this

Recruitment
6 per row

City progression
6 per row

Raid progression
 6 per row



Basically so they are on top of each other terribly sorry about my wording have been up for quite awhile fiddling with this site and teaching myself the basics.  Appreciate you helping me out with this.
TopBottom

Mottie (MVP) 4/5/2010 9:01 AM EST : RE: WoW Guild Bar
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Hi Sahaladine!

Not a problem! Just remove this bit of CSS and set the script variables as you have want it (with the titles and the # of images per row) and you should be set
#recruitBar, #cityBar, #raidingBar { float: left; }
TopBottom

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