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 : Feature Discussion > Warhammer Online - Raid Progression
bhFranka (New Admin) 9/18/2009 5:54 PM EST : Warhammer Online - Raid Progression
bhFranka
Posts: 108
Posts With Wolves

I would really like to see a raid progression feature for Warhammer Online. Guild Launch has this feature and it seems simple enough (look here for a example). The current way to manually input progression is very very limited. If this can be done it would be much appreciated as raiding is a big part of any mmo.
TopBottom

Mottie (MVP) 9/27/2009 4:39 PM EST : RE: Warhammer Online - Raid Progression
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi bhFranka!

Check out this raid progression script... it only uses images so it can be adapted for any game.
TopBottom

bhFranka (New Admin) 9/27/2009 7:59 PM EST : RE: Warhammer Online - Raid Progression
bhFranka
Posts: 108
Posts With Wolves

I am very impressed by how that looks. I am going to start setting it up with WAR images now. Thanks for this.
TopBottom

bhFranka (New Admin) 9/27/2009 10:40 PM EST : RE: Warhammer Online - Raid Progression
bhFranka
Posts: 108
Posts With Wolves

I am having one little issue. When you click on a boss icon, the image that pops up is displayed 2 times stacked on one another. How would I go about fixing this?

My site: http://www.guildportal.com/Guild.aspx?GuildID=329857
TopBottom

Mottie (MVP) 9/27/2009 11:59 PM EST : RE: Warhammer Online - Raid Progression
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi bhFranka!

I've had this same problem, I thought it was fixed by Aaron... I would suggest putting in a support ticket.

I can't remember exactly how to fix it, but if I remember, try moving the content box to the right side of the page.
TopBottom

bhFranka (New Admin) 9/29/2009 4:10 AM EST : RE: Warhammer Online - Raid Progression
bhFranka
Posts: 108
Posts With Wolves

Mottie, I was wandering if I could get a second opinion of the three color schemes I have done up. I have yet to launch my guild, so I can not really ask for their opinions.

If you could tell me what you think, it would be appreciated.



You would not believe how hard it is to find screenshots of things for WAR, so all of these were taken by me yesterday.

Would it help if the icons for the creatures lit up upon hover? I think I know how to pull that off.
TopBottom

Mottie (MVP) 9/29/2009 12:43 PM EST : RE: Warhammer Online - Raid Progression
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi bhFranka!

I may not be the best person to ask about color schemes LOL... I look back at some of my old themes and think, what was I thinking? If anyone else wants to chime in, please do 

My personal preference is usually to keep the natural color of the screen shot or maybe darken or lighten it a bit, that's why I leave the designing stuff to people like Eph .

As for making the icons highlight when you hover over then, ummm, just thinking about it quick.. it might need some new of code since I don't think you can do it with CSS in this case (maybe). I'll have to look at it all again when I get some time.
TopBottom

bhFranka (New Admin) 9/29/2009 10:12 PM EST : RE: Warhammer Online - Raid Progression
bhFranka
Posts: 108
Posts With Wolves

I was able to get them to light up by making a second image of each with them lit.

Changing this:

        <a href="http://i261.photobucket.com/albums/ii69/FallenWolve333/hahaha-wut.jpg" rel="facebox">
        <img alt="" src="http://i261.photobucket.com/albums/ii69/FallenWolve333/VermerFangchitter1.jpg" />

To this:

        <a href="http://i261.photobucket.com/albums/ii69/FallenWolve333/hahaha-wut.jpg" rel="facebox" ="document.images['s1a'].src='http://i261.photobucket.com/albums/ii69/FallenWolve333/KokritMan-Eater2hovered.jpg';" ="document.images['s1a'].src='http://i261.photobucket.com/albums/ii69/FallenWolve333/KokritMan-Eater2.jpg';"><img alt="" width="200" height="50" style="border-style: solid; border-width: 0px;" src="http://i261.photobucket.com/albums/ii69/FallenWolve333/KokritMan-Eater2.jpg" name="s1a" />

I don't really know much about using html but I played with it for a good while and it works. The one part that took some time was figuring out where the "s1a" is, I had to label each different image with a different letter, ala "s1b". I don't know  if that is the best way to do this but it is working...

You can see an example on my home page. As of right now, only the bottom one lights up. I am debating between keeping the natural color or the fully colored one. I don't care much for the middle one at all.
TopBottom

Mottie (MVP) 9/30/2009 9:47 PM EST : RE: Warhammer Online - Raid Progression
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi bhFranka!

I was just looking at your site... I think I can make the highlight icon a little easier on you. Let me work on the code and post it here in a bit.

Also, I think your site is wayyyyy too narrow. I measured the inside dimensions and it's only 665 pixels on the inside dimension. Did you know that only 4% of all people are still using 800 x 600? And 36% of people are using 1024 x 768 and a staggering 57% use higher resolution? (statistics from here) . The reason I bring it up is because my main screen is running 1600 x 1200 and everything on your page is tiny to me. I just wanted to let you know
TopBottom

Mottie (MVP) 9/30/2009 10:18 PM EST : RE: Warhammer Online - Raid Progression
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Ok here ya go, a script to add a hover image...

Replace your script with this (the second paragraph is all new, but copy the whole thing or you'll get an error):
<script type="text/javascript">
$(document).ready(function(){
 $('#instances h3').click(function(){
     var active = $(this).html();
  $(this).toggleClass('selected').next().toggle(300);
  $('#instances h3').each(function(){
   if ($(this).html()!=active) {
    $(this).removeClass('selected').next().hide(300);
   }
  })
 }).next().hide();

/* Add a hover image */
 $('#instances').find('a').hover(function(){
  var img = $(this).find('img');
  var url = img.attr('src');
  var typ = url.substring( url.length-4, url.length);
  img.attr('src', img.attr('src').replace(typ, img.attr('rel') + typ))
 }, function(){
  var img = $(this).find('img');
  var url = img.attr('src');
  var typ = url.substring( url.length-4, url.length);
  img.attr('src', img.attr('src').replace(img.attr('rel') + typ, typ))
 })
});
</script>
Then for each image that has a hover image, replace it something like this:
<li>
 <a rel="facebox" href="http://i261.photobucket.com/albums/ii69/FallenWolve333/hahaha-wut.jpg">
 <img alt="" rel="hovered" width="200" height="50" src="http://i261.photobucket.com/albums/ii69/FallenWolve333/KokritMan-Eater2.jpg" />
 </a>
</li>
What the rel="hovered" tells the script is the ending to add to the file name... so the main image is:
http://i261.photobucket.com/albums/ii69/FallenWolve333/KokritMan-Eater2.jpg
and the hovered image will be
http://i261.photobucket.com/albums/ii69/FallenWolve333/KokritMan-Eater2hovered.jpg
I had to do it that way because your last image ends with "hovered-1". If you don't have a hovered image, leave the rel attribute empty ( rel="" )

Oh and I removed all the styles from the images and moved it into the CSS:
#instances img { border: 0; }
So hopefully, this will make your life easier
TopBottom

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