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
Ciannon (Guild Admin) 7/17/2008 9:42 PM EST : RE: WoW Guild Bar
Ciannon
Posts: 2000
Zomgawsh Poster

Everdark said:
I just checked Mottie's test site and it appears it doesn't work in IE, although it works fine with Firefox.

I'll leave it to Mad Mottie to figure it out. He's like a mad genius that just blows my mind with his wild inventions!



I don't use IE. I can't stand IE. LOL


Epic quotes from Coils:

"lol out of money. I bought my system and forgot to factor in the cost of the game." - Coils 7/14/2008
"No money totaled my car. Cant play. Probly selling my computer. Adios." - Coils 8/25/2008


TopBottom

Everdark (MVP) 7/17/2008 10:15 PM EST : RE: WoW Guild Bar
GuildPortal MVP
Everdark
Posts: 3952
Zomgawsh Poster

You may not, although other members on your site may. I always test my stuff out with both for just that reason.

"The person who says it cannot be done should not interrupt the person doing it." 

 
Everdark (T), Evadarr, Nevinn (AC), Soninn, Croninn, Zakarr, Avirded (SC)
TopBottom

Ciannon (Guild Admin) 7/17/2008 11:17 PM EST : RE: WoW Guild Bar
Ciannon
Posts: 2000
Zomgawsh Poster

Everdark said:
You may not, although other members on your site may. I always test my stuff out with both for just that reason.


Good point. For stuff like that, I generally have the information posted a second time somewhere.


Epic quotes from Coils:

"lol out of money. I bought my system and forgot to factor in the cost of the game." - Coils 7/14/2008
"No money totaled my car. Cant play. Probly selling my computer. Adios." - Coils 8/25/2008


TopBottom

Mottie (MVP) 7/18/2008 4:41 AM EST : RE: WoW Guild Bar
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Hey guys, damn don't you ever sleep? LOL

I fixed the problems... I was in a rush to finish the post that I didn't test the script with IE nor did I test it in the header area 

Anyway, it's up and working now - I hate IE LOL.

Ciannon, two things:
  • To post script you just need to colorize the word "script"... I make it black when I post here so you can't tell. I posted how to do this here.

  • I found a bunch of missing and weird quotes in the script you posted. Here it is working... read my updated post about making putting the script portion into a file, so it will work in the banner area.
<!-- HTML Combined Box (with image)
************************************ -->
<table class="guildBar">
<tr>
 <td id="recruitBar"></td>
 <td id="wowImage"></td>
 <td id="raidingBar"></td>
</tr>
</table>

<!-- Stylesheet
************************************ -->
<style type="text/css">
.guildBar { width:740px; margin-right:auto; margin-left:auto;}
#wowImage { background: url(http://tbn0.google.com/images?q=tbn:EoLwwYqJfqIXaM:http://www.thecircleofpain.com/Uploads/Conan/AgeOfConan.jpg) center center no-repeat; width:110px; height:138px; }
.dim { opacity: .3; filter: alpha(opacity=30); }

#recruitBar { width:350px; text-align:right; vertical-align:bottom; font-family:sans-serif; font-size:70%;}
#recruitBar a, #recruitBar img { color:#999; 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:350px; text-align:left; vertical-align:bottom; color:#999; font-family:sans-serif; font-size:70%; }
#raidingBar a, #raidingBar img { color:#999; 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; }

#dhtmltooltip { position: absolute; width: 150px; border: #888888 1px solid; padding: 3px; background: #222222; color: #dddddd; visibility: hidden; z-index: 100; }
</style>
<script type="text/javascript">
var classrq = new Array();
var progress = new Array();

var recruitTitle = "Recruitment";
var recruitKeyWord = "Closed";
var recruitImagesPerRow = 12;
var linkToRecruitmentPost = " http://sgo.guildportal.com/Guild.aspx?ForumID=1206558&GuildID=250738&TabID=2108295";

classrq.push (["http://www.axiomfiles.com/Files/250738/assassin1.jpg",
 "Assassin",
 "Open"
]);
classrq.push (["http://www.axiomfiles.com/Files/250738/barbarian1.jpg",
 "Barbarian",
 "Open"
]);
classrq.push (["http://www.axiomfiles.com/Files/250738/bearshaman1.jpg",
 "Bear Shaman",
 "Open"
]);
classrq.push (["http://www.axiomfiles.com/Files/250738/conquerer1.jpg",
 "Conquerer",
 "Open"
]);
classrq.push (["http://www.axiomfiles.com/Files/250738/darktemplar1.jpg",
 "Dark Templar",
 "Open"
]);
classrq.push (["http://www.axiomfiles.com/Files/250738/demonologist1.jpg",
 "Demonologist",
 "Open"
]);
classrq.push (["http://www.axiomfiles.com/Files/250738/hox1.jpg",
 "Herald of Xotli",
 "Open"
]);
classrq.push (["http://www.axiomfiles.com/Files/250738/necromancer1.jpg",
 "Necromancer",
 "Open"
]);
classrq.push (["http://www.axiomfiles.com/Files/250738/priestofmitra1.jpg",
 "Priest of Mitra",
 "Open"
]);
classrq.push (["http://www.axiomfiles.com/Files/250738/ranger1.jpg",
 "Ranger",
 "Open"
]);
classrq.push (["http://www.axiomfiles.com/Files/250738/soldier1.jpg",
 "Soldier",
 "Open"
]);
classrq.push (["http://www.axiomfiles.com/Files/250738/tempestofset1.jpg",
 "Tempest of Set",
 "Open"
]);

var raidingTitle = "Progression";
var raidingKeyWord = "No";
var bossKilledKeyWord = "Killed";
var raidingImagesPerRow = 5;
var linkToRaidingSite = "http://forums.ageofconan.com/showthread.php?t=130986";

progress.push ([
 ["http://www.axiomfiles.com/Files/250738/kyllikkiscrypt.jpg"],
 ["Kyllikki’s Crypt", "in progress"],
 ["Champion of the Honorguard", "No"],
 ["Kyllikki", "No"],
]);

progress.push ([
 ["http://www.axiomfiles.com/Files/250738/yakhmarscave.jpg"],
 ["Yakhmar’s Cave", "(in progress)"],
 ["Yakhmar", "No"],
]);

progress.push ([
 ["http://www.axiomfiles.com/Files/250738/thedragonslair.jpg"],
 ["The Dragon’s Lair", "(in progress)"],

 ["Vistrix", "No"],
]);
 
progress.push ([
 ["http://www.axiomfiles.com/Files/250738/blackrockcitadel.jpg"],
 ["Black Ring Citadel", "(in progress)"],
 ["Ahazu-Zagam", "No"],
 ["Incubus and Succubus", "No"],
 ["Seruah", "No"],
 ["Chatha Commander of Demons", "No"]
]);
 
progress.push ([
 ["http://www.axiomfiles.com/Files/250738/tothamonsstronghold.jpg"],
 ["Thoth Amon’s Stronghold", "(in progress)"],
]);
 
/* ********************************************
   Don't change anything below
   ******************************************** */
// Recruitment bar
var rb = "<div><a href=\"" + linkToRecruitmentPost + "\">" + recruitTitle + "</a></div>";
 for (var j=0; j<classrq.length; j++) {
  rb += "<a href=\"" + linkToRecruitmentPost;
  rb += "\" =\"ddrivetip('<span class=recruitToolTip>";
  rb += classrq[j][1];
  rb += "</span><br>" + classrq[j][2];
  rb += "', '', '300');\" =\"hideddrivetip()\"><img src=\"";
  rb += classrq[j][0] + "\"";
   if (classrq[j][2] == recruitKeyWord) { rb += " class=dim"; }
  rb += "></a>";
 if ( (j+1)%recruitImagesPerRow == 0 ) { rb += "<br>"; }
 }
 rb += '</a>';

// Progression Bar
var pb = "<div><a href=\"" + linkToRaidingSite + "\">" + raidingTitle + "</a></div>";
 for (var inst=0; inst < progress.length; inst++) {
  pb += "<a href=\"" + linkToRaidingSite;
  pb += "\" =\"ddrivetip('<table><tr><td class=raidingToolTip width=200px>";
  pb += progress[inst][1][0] + "</td><td>" + progress[inst][1][1] + "</td></tr>";
  for (var boss=2; boss < (progress[inst].length); boss++) {
   if (progress[inst][boss][1].match(bossKilledKeyWord)) {
    pb += "<tr><td class=killedBoss>" + progress[inst][boss][0] + "</td><td class=killedText>";
   } else {
    pb += "<tr><td class=toKillBoss>" + progress[inst][boss][0] + "</td><td>";
   }
  pb += progress[inst][boss][1] + "</td></tr>";
  }
  pb += "</table>', '', '300');\" =\"hideddrivetip()\"><img src=\"";
  pb += progress[inst][0] + "\"";
   if (progress[inst][1][1].match(raidingKeyWord)) pb += " class=dim";
  pb += "></a>";
   if ( (inst+1)%raidingImagesPerRow == 0 ) { pb += "<br>"; }
 }
 pb += "</a>";
 document.getElementById('recruitBar').innerHTML = rb;
 document.getElementById('raidingBar').innerHTML = pb;
</script>

TopBottom

Ciannon (Guild Admin) 7/18/2008 4:51 AM EST : RE: WoW Guild Bar
Ciannon
Posts: 2000
Zomgawsh Poster

D'oh! Mottie saves the day again.

I try to do something own my own, and I boof it up. LOL.

OK! Great. That worked. Now I just gotta make it look better

Here

I made a few more adjustments. I took out the image until I find one that's a lot better. I also changed the "Recruiting" link on there to be aligned to the left. But, I think it looks fine for now.

Thanks for the help mottie! I may move that to a center content box later on.


Epic quotes from Coils:

"lol out of money. I bought my system and forgot to factor in the cost of the game." - Coils 7/14/2008
"No money totaled my car. Cant play. Probly selling my computer. Adios." - Coils 8/25/2008


TopBottom

Mottie (MVP) 7/18/2008 5:55 AM EST : RE: WoW Guild Bar
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

You could center the bars a bit more, and remove the middle image placer if you're not using it. I only changed the CSS below to center your bar more. I also started using percentages on the width, just make the width of the recruitBar and the radingBar add up to 100%.

Also, if you want to get an idea of the container size, just temporarily add a "border: #fff 1px solid;" to the end of the guildBar, recruitBar and radingBar CSS ( inside the bracket "}" ).
<table class="guildBar">
<tr>
 <td id="recruitBar"></td>
 <td id="raidingBar"></td>
</tr>
</table>
<style type="text/css">
.guildBar { width:600px; margin-right:auto; margin-left:auto;}
.dim { opacity: .3; filter: alpha(opacity=30); }

#recruitBar { width:50%; text-align:center; vertical-align:bottom; font-family:sans-serif; font-size:70%; }
#recruitBar a, #recruitBar img { color:#999; 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:50%; text-align:center; vertical-align:bottom; color:#999; font-family:sans-serif; font-size:70%; }
#raidingBar a, #raidingBar img { color:#999; 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; }

#dhtmltooltip { position: absolute; width: 150px; border: #888888 1px solid; padding: 3px; background: #222222; color: #dddddd; visibility: hidden; z-index: 100; }
</style>
Edit: Are you missing "Guardian" in your guildbar and "Soldier" in your Recruiting Status box?
TopBottom

Mottie (MVP) 7/18/2008 8:16 AM EST : RE: WoW Guild Bar
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

AoC Guild Bar v1.0 (outdated) | WoW Guild Bar: v1.0 (outdated) | v1.1 (TBC) | v1.2 (WotLK) | 1.21 (Ulduar) | v1.22 (Crusader) | v 1.23 (Icecrown)

Hey Ciannon,

I don't know if you'll find this useful or not, but I remembered that AoC had a city progression... so I added that too. The icons I used are just images I found from a quick google search, so I wouldn't depend on them being there. Check it out and tell me what you think.

Note: It's gotten bigger, so you may need to put the javascript into a file

<!-- HTML Combined Box (with image)
************************************ -->
<table class="guildBar">
<tr>
 <td id="recruitBar"></td>
 <td id="cityBar"></td>
 <td id="raidingBar"></td>
</tr>
</table>

<!-- Stylesheet
************************************ -->
<style type="text/css">
.guildBar { width:800px; margin-right:auto; margin-left:auto; }
.dim { opacity: .3; filter: alpha(opacity=30); }

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

#cityBar { width:35%; text-align:center; vertical-align:center; font-family:sans-serif; font-size:70%; }
#cityBar a, #cityBar img { color:#999; text-decoration:none; border:0px; width:20px; height:20px; padding:0px 1px 0px 0px; }
.cityToolTip { color: #aaaaaa; font-weight: bold; vertical-align:top; }

.tier1 { color: #ffff00; }
.tier2 { color: #ff8000; }
.tier3 { color: #ff0000; }

#raidingBar { width:30%; text-align:center; vertical-align:center; color:#999; font-family:sans-serif; font-size:70%; }
#raidingBar a, #raidingBar img { color:#999; 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:#999999; text-decoration: line-through; }
.toKillBoss { color: #dddddd; text-decoration: none; }
.killedText { color: #ff0000; }

.tooltip, .preview, .screenshot { cursor:pointer; }
#tooltip, #tooltip2, #preview, #screenshot { color:#dddddd; background:#222222; border: 1px solid #333333; padding:5px; display:none; opacity: 0.9; filter: alpha(opacity=90); text-align:left; border-radius: 1em; -moz-border-radius: 1em; }
</style>
<script type="text/javascript">
var classrq = [];
var city = [];
var progress = [];

/* Recruitment Bar
 ******************************************** */
var recruitTitle = "Recruitment";
var recruitKeyWord = "Closed";
var recruitImagesPerRow = 12;
var linkToRecruitmentPost = " http://sgo.guildportal.com/Guild.aspx?ForumID=1206558&GuildID=250738&TabID=2108295";

classrq.push (["http://www.axiomfiles.com/Files/250738/assassin1.jpg",
 "Assassin",
 "Open"
]);
classrq.push (["http://www.axiomfiles.com/Files/250738/barbarian1.jpg",
 "Barbarian",
 "Open"
]);
classrq.push (["http://www.axiomfiles.com/Files/250738/bearshaman1.jpg",
 "Bear Shaman",
 "Open"
]);
classrq.push (["http://www.axiomfiles.com/Files/250738/conquerer1.jpg",
 "Conquerer",
 "Open"
]);
classrq.push (["http://www.axiomfiles.com/Files/250738/darktemplar1.jpg",
 "Dark Templar",
 "Open"
]);
classrq.push (["http://www.axiomfiles.com/Files/250738/demonologist1.jpg",
 "Demonologist",
 "Open"
]);
classrq.push (["http://www.axiomfiles.com/Files/250738/hox1.jpg",
 "Herald of Xotli",
 "Open"
]);
classrq.push (["http://www.axiomfiles.com/Files/250738/necromancer1.jpg",
 "Necromancer",
 "Open"
]);
classrq.push (["http://www.axiomfiles.com/Files/250738/priestofmitra1.jpg",
 "Priest of Mitra",
 "Open"
]);
classrq.push (["http://www.axiomfiles.com/Files/250738/ranger1.jpg",
 "Ranger",
 "Open"
]);

classrq.push (["http://www.axiomfiles.com/Files/250738/soldier1.jpg",
 "Soldier",
 "Open"
]);
classrq.push (["http://www.axiomfiles.com/Files/250738/tempestofset1.jpg",
 "Tempest of Set",
 "Open"
]);

/* City level
 ******************************************** */
var cityTitle = "City Progression";
var cityKeyWord = "None";
var cityImagesPerRow = 12;
var linkToCityPost = "";

city.push (["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/AoC/The-Keep-icon.gif",
 "Keep",
 "<span class=tier3>Tier 3</span>"
]);
city.push (["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/AoC/Bookstore-icon.gif",
 "Tradepost",
 "<span class=tier2>Tier 2</span>"
]);
city.push (["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/AoC/Temple-icon.gif",
 "Temple",
 "<span class=tier2>Tier 2</span>"
]);
city.push (["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/AoC/Library-icon.gif",
 "Library",
 "<span class=tier1>Tier 1</span>"
]);
city.push (["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/AoC/Greenhouse-icon.gif",
 "Barracks",
 "<span class=tier1>Tier 1</span>"
]);
city.push (["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/AoC/Caddo-House-icon.gif",
 "Thieves guild",
 "<span class=tier1>Tier 1</span>"
]);
city.push (["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/AoC/Swords-icon.gif",
 "Weaponsmith",
 "<span class=tier1>Tier 1</span>"
]);
city.push (["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/AoC/Anvil-icon.gif",
 "Armorsmith",
 "<span class=tier1>Tier 1</span>"
]);
city.push (["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/AoC/Icon-Lab-icon.gif",
 "Alchemy",
 "<span class=tier1>Tier 1</span>"
]);
city.push (["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/AoC/Hospital-icon.gif",
 "Architect",
 "<span class=tier1>Tier 1</span>"
]);
city.push (["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/AoC/Castle-4-icon.gif",
 "Walls",
 "<span class=tier1>Tier 1</span><br>50% (outer walls complete)"
]);

/* Raid Progression Bar
 ******************************************** */
var raidingTitle = "Raid Progression";
var raidingKeyWord = "No";
var bossKilledKeyWord = "Killed";
var raidingImagesPerRow = 5;
var linkToRaidingSite = "http://forums.ageofconan.com/showthread.php?t=130986";

progress.push ([
 ["http://www.axiomfiles.com/Files/250738/kyllikkiscrypt.jpg"],
 ["Kyllikki’s Crypt", "(in progress)"],
 ["Champion of the Honorguard", "No"],
 ["Kyllikki", "No"],
]);

progress.push ([
 ["http://www.axiomfiles.com/Files/250738/yakhmarscave.jpg"],
 ["Yakhmar’s Cave", "(in progress)"],
 ["Yakhmar", "No"],
]);

progress.push ([
 ["http://www.axiomfiles.com/Files/250738/thedragonslair.jpg"],
 ["The Dragon’s Lair", "(in progress)"],
 ["Vistrix", "No"],
]);
 
progress.push ([
 ["http://www.axiomfiles.com/Files/250738/blackrockcitadel.jpg"],
 ["Black Ring Citadel", "(in progress)"],
 ["Ahazu-Zagam", "No"],
 ["Incubus and Succubus", "No"],
 ["Seruah", "No"],
 ["Chatha Commander of Demons", "No"]
]);
 
progress.push ([
 ["http://www.axiomfiles.com/Files/250738/tothamonsstronghold.jpg"],
 ["Thoth Amon’s Stronghold", "(in progress)"],
]);

/* ********************************************
   Don't change anything below
   ******************************************** */
// Recruitment bar
 var rb = '<div><a href="' + linkToRecruitmentPost + '">' + recruitTitle + '</a></div>';
 for (var j=0; j<classrq.length; j++) {
  rb += '<a class="tooltip" href="' + linkToRecruitmentPost + '" title="<span class=recruitToolTip>' +
   classrq[j][1] + '</span><br>' + classrq[j][2] + '" rel="300"><img src="' + classrq[j][0] + '"';
  rb += (classrq[j][2] == recruitKeyWord) ? ' class="dim"></a>' : '></a>';
  rb += ( (j+1)%recruitImagesPerRow == 0 ) ? '<br>' : '';
 }
 rb += '</a>';

// City bar
 var cb = '<div><a href="' + linkToCityPost + '">' + cityTitle + '</a></div>';
 for (var j=0; j<city.length; j++) {
  cb += '<a class="tooltip" href="' + linkToCityPost + '" title="<span class=cityToolTip>' + city[j][1] +
   '</span><br>' + city[j][2] + '" rel="300"><img src="' + city[j][0] + '"';
  cb += (city[j][2] == cityKeyWord) ? ' class="dim"></a>' : '></a>';
  cb += ( (j+1)%cityImagesPerRow == 0 ) ? '<br>' : '';
 }
 cb += '</a>';

// Progression Bar
 var pb = '<div><a href="' + linkToRaidingSite + '">' + raidingTitle + '</a></div>';
 for (var inst=0; inst < progress.length; inst++) {
  pb += '<a class="tooltip" href="' + linkToRaidingSite + '" title="<table><tr><td class=raidingToolTip width=200px>' +
   progress[inst][1][0] + '</td><td>' + progress[inst][1][1] + '</td></tr>';
  for (var boss=2; boss < (progress[inst].length); boss++) {
   if (progress[inst][boss][1].match(bossKilledKeyWord)) {
    pb += '<tr><td class=killedBoss>' + progress[inst][boss][0] + '</td><td class=killedText>';
   } else {
    pb += '<tr><td class=toKillBoss>' + progress[inst][boss][0] + '</td><td>';
   }
  pb += progress[inst][boss][1] + '</td></tr>';
  }
  pb += '</table>" rel="300"><img src="' + progress[inst][0] + '"';
  pb += (progress[inst][1][1].match(raidingKeyWord)) ? ' class="dim"></a>' : '></a>';
  pb += ( (inst+1)%raidingImagesPerRow == 0 ) ? '<br>' : ''; }
  pb += '</a>';
 $('#recruitBar').html(rb);
 $('#cityBar').html(cb);
 $('#raidingBar').html(pb);
</script>
Edited (3/29/2010): Moved the blocked images to photobucket and updated the code to work with the updated tooltips.
TopBottom

Ciannon (Guild Admin) 7/18/2008 8:36 AM EST : RE: WoW Guild Bar
Ciannon
Posts: 2000
Zomgawsh Poster

D"oh! Yeah, guardian was missing.


Epic quotes from Coils:

"lol out of money. I bought my system and forgot to factor in the cost of the game." - Coils 7/14/2008
"No money totaled my car. Cant play. Probly selling my computer. Adios." - Coils 8/25/2008


TopBottom

Ciannon (Guild Admin) 7/18/2008 8:45 AM EST : RE: WoW Guild Bar
Ciannon
Posts: 2000
Zomgawsh Poster

Also

I deleted what I had before, and tried to post what you had posted, and it didn't work. SO, does that mean I need to put it in a file? IF that's the case, I'll try to do that tonight from work. I have a feeling I'm going to be totally lost. LOL. I knew it was too good to be true. LOL


Epic quotes from Coils:

"lol out of money. I bought my system and forgot to factor in the cost of the game." - Coils 7/14/2008
"No money totaled my car. Cant play. Probly selling my computer. Adios." - Coils 8/25/2008


TopBottom

Mottie (MVP) 7/18/2008 9:04 AM EST : RE: WoW Guild Bar
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

What I noticed was you can paste the entire script into the banner area, but when you go back to look it is cut off. I don't know what the actual limit is, but it's better to just put it into a file

Here I did it for you so you can test it out, problem is though you can't edit it on my site.
<!-- HTML Combined Box (with image)
************************************ -->
<table class="guildBar">
<tr>
 <td id="recruitBar"></td>
 <td id="cityBar"></td>
 <td id="raidingBar"></td>
</tr>
</table>

<!-- Stylesheet
************************************ -->
<style type="text/css">
body {background: #000; color:#fff;}
.guildBar { width:800px; margin-right:auto; margin-left:auto; }
.dim { opacity: .3; filter: alpha(opacity=30); }

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

#cityBar { width:35%; text-align:center; vertical-align:center; font-family:sans-serif; font-size:70%; }
#cityBar a, #cityBar img { color:#999; text-decoration:none; border:0px; width:20px; height:20px; padding:0px 1px 0px 0px; }
.cityToolTip { color: #aaaaaa; font-weight: bold; vertical-align:top; }

.tier1 { color: #ffff00; }
.tier2 { color: #ff8000; }
.tier3 { color: #ff0000; }

#raidingBar { width:30%; text-align:center; vertical-align:center; color:#999; font-family:sans-serif; font-size:70%; }
#raidingBar a, #raidingBar img { color:#999; 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:#999999; text-decoration: line-through; }
.toKillBoss { color: #dddddd; text-decoration: none; }
.killedText { color: #ff0000; }

.tooltip, .preview, .screenshot { cursor:pointer; }
#tooltip, #tooltip2, #preview, #screenshot { color:#dddddd; background:#222222; border: 1px solid #333333; padding:5px; display:none; opacity: 0.9; filter: alpha(opacity=90); text-align:left; border-radius: 1em; -moz-border-radius: 1em; }
</style>
<script src="http://www.axiomfiles.com/Files/258012/guildbar-aoc.js"></script>
<script src="http://www.axiomfiles.com/Files/258012/tooltip.js" type="text/javascript"></script>
Edited (3/29/2010): Updated code with working images and using the updated tooltips.
TopBottom

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