The Code
<script>jQuery(function(){jQuery.GPMods.showGuildNews({ /***** Modify the options below to match your guild *****/ show : 25, // number of items to show (25 max) region : 'us', // us, eu, kr, cn, tw lang : 'en', // en, de, es, fr, etc server : 'Durotan', // include spaces guild : 'The Disreputable Dogs' // include spaces /********************************************************/ });});</script><style>
Customize the look using the provided CSS:
/* add color and/or styling to the news report */ /********************************************************/ /* overall wrapper */ .wow-guild-news { } /* guild name */ h3.wow-guild-name { text-align:center; margin: 5px; } /* guild info */ h4.wow-guild-info { text-align:center; font-size: 14px; margin: 5px; } .wow-guild-level { } /* "Level ##" */ .wow-guild-faction { } /* "Alliance" or "Horde" .wow-guild-realm { } /* realm name */ /* news */ .wow-news-item {} /* wraps each news item */ a.wow-character-name { } /* not colored by class name */ .wow-icon { display: inline-block; width: 18px; height: 18px; } /* spacer, in case image doesn't get added */ .wow-icon img { border: 0; vertical-align: middle; } .wow-action-type { } /* obtained/purchased/earned */ .wow-character-achievement { } /* achievement name */ .wow-points { } /* achievement points */ .wow-action-time { } /* time (recently/minutes ago/hours ago/yesterday... */ </style>
<style type="text/css"> .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; -webkit-border-radius: 1em; } </style> <script src="http://www.axiomfiles.com/Files/258012/tooltip.js" type="text/javascript"></script>