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! > Horizontal Officer Contact List?
pinstripesc (New Admin) 1/2/2011 6:42 PM EST : Horizontal Officer Contact List?
pinstripesc
Posts: 4895
Zomgawsh Poster

Hey all,

For clarity, here's our site for starters, officer contact list is on the left. As you can see, it's rather long, and I was wondering if there was any way to change how it is displayed, ie. horizontally, maybe 3-4 officers per row, so that it can sit under the welcome message rather than run down for eternity along the left side.

Any help appreciated!
TopBottom

Mottie (MVP) 1/20/2011 10:46 AM EST : RE: Horizontal Officer Contact List?
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi Pinstripesc!

I put together some code for you that basically hides all the extra officer info, but reveals it when you hover over the name. It might be easier to see the blocks if you change the mouseover background color to a slightly lighter color instead of black.

Add the following code ideally to a free form text/HTML widget on the same page, but adding it to your Footer HTML (Control Panel > Custom HTML & Script > Footer HTML) is fine too.
<script src="http://www.axiomfiles.com/Files/258012/jquery.hoverIntent.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
 var contacts = $('.gpWidget-officercontacts');
 if (contacts.length){
  contacts.find('.NormGridRow,.AltGridRow').each(function(){
   var bx = $(this).find('td:eq(1)');
   bx
    .wrapInner('<div class="hiddenInfo" style="display:none;" />')
    .find('a.tooltip').parent()
     .addClass('showInfo')
     .prependTo( bx )
     .parent()
     .css('cursor', 'pointer')
     .hoverIntent({
      over: function(){ $(this).find('.hiddenInfo').slideDown(200); },
      out:  function(){ $(this).find('.hiddenInfo').slideUp(200); },
      timeout: 300
    });
  });
 }
});
</script>
TopBottom

pinstripesc (New Admin) 2/3/2011 9:12 PM EST : RE: Horizontal Officer Contact List?
pinstripesc
Posts: 4895
Zomgawsh Poster

Just saw this - very cool!
TopBottom

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