GuildPortal will be going offline (permanently) by the end of the month.
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! > Website Review!
Avandius (New Admin) 11/3/2008 10:21 AM EST : Website Review!
Posts: 337
Fingers of Fury!

Hey guys, as you may know ive been all over the forums learning and creating 2 websites. One for WAR and one for WoW.

I'm curious what you think about my WoW one, what do you think i could add? Something i should change? Something not display right on your page?

**Make sure you hover over the wowinsider RSS news feed.


Things i want to do in the future:

1. Make icons for the links on the left, including hover, current tab icons.
2. Create artwork and button icons for the charter page, each linking to a facebox popup.
3. Re-do border design for BG and content boxes (not the title area of content boxes though)
4. Create a welcome window and add some flash to the banner.

Kaysi (Guild Admin) 11/3/2008 11:30 AM EST : RE: Website Review!
Posts: 445
Fingers of Fury!

Wow, that looks really great! I think the "To do" list you have covers anything I would have suggested.

How did you get the Wow Insider Feed to do that?? That's awesome! 


540023924_Inactive (New Admin) 11/4/2008 11:26 PM EST : RE: Website Review!

Posts: 17
Becoming Adept!

wow, that's one heck of a job. Did you do that with whats provided or tools that guild portal gave you or did you have to go outside and use other sources?

I'm new to this so whatever advice you could give i would be grateful.. as of right now I'm just clicking and refreshing.

i started my site yesterday, eq2-dominion.


Hecken (eq2dom )

Avandius (New Admin) 11/5/2008 4:46 AM EST : RE: Website Review!
Posts: 337
Fingers of Fury!

Thanks guys! In the process of changing the BG and Content box textures. Hopefully my guild will actually use the site soon!!

The WoWinsider tooltips were created using Motties RSS feed thread. I modified it to be the exact width of their pictures, added transparency to my base tooltips to give it that "cool" factor. If you want i can post the code for you to use.

I used all of GP's tools, though not their base site tools. Their Custom HTML and CSS commands. Those you can google or look-up or visit Motties GREAT site for tips, tricks and ideas. Photobucket was my friend, it allowed me to create folders online for quick organization. I created all the artwork with photoshop CS2.

First thing, i would highly recommend, is turning off the auto-scaling feature and making everything a locked size, at least as far as width. This allows you to make exact artwork for your boxes and not need to worry about them tiling wrong.

That's not to say scaling is bad, it just doesn't look good unless you create your artwork with scaling in mind. Which generally would include alot of transparent artwork, using .png format.

Also, i would suggest browsing alot of GP sites to get an idea of what is possible. If you like something you see, most likely you can duplicate it with your own personalized touch.

Last, post on these Admin forums, they are a well-full of knowledge and you can pretty much get anything accomplished from a well worded (which i suck at) post, explaining what your problem is and what you want it to do. Mottie is THE BEST!

540023924_Inactive (New Admin) 11/7/2008 6:33 AM EST : RE: Website Review!

Posts: 17
Becoming Adept!

yup, post the code please.. i would really appreciate it.


Avandius (New Admin) 11/7/2008 8:53 AM EST : RE: Website Review!
Posts: 337
Fingers of Fury!

Here you are, you will have to change the text colors yourself, but the sizing is all there.

<div id=feedText2></div>
<style type=text/css>
.feedTitle { color: #c39015; }
.feedDate { color: #c39015; }
.feedDesc { color: #daca92; padding: 5px; }
.feedDesc img { max-width: 435px; }

#feedText2 {font-size:8pt;}
#feedText2 a:link { color: #daca92; text-decoration: none; }
#feedText2 a:visited { color: #ac9f6f; text-decoration: none; }
#feedText2 a:hover { color: #c39015; text-decoration: none; }
#feedText2 a:active { color: #daca92; text-decoration: none; }


<script src="" type=text/javascript></script>

<script type=text/javascript>
google.load("feeds", "1");
$(document).ready(function() {
var myfeeds = new Array();

var feedBox = "feedText2";
var tooltipWidth = 435;

var previewMode = true;
var previewLength = 2200;
var readMoreMessage = "...<br><br><div align=right>(click for more info)</div>";

myfeeds.push (["WoW Insider","",10]);

// **************************************
// Do not change anything below this line
// **************************************
 for (var k = 0; k < myfeeds.length; k++) {
function feedResult(currentFeed) {
 var feed = new google.feeds.Feed(currentFeed[1]);
 feed.load(function(result) {
  if (!result.error) {
   var ftitle = (currentFeed[0] == "") ? (result.xmlDocument.getElementsByTagName("title")[0].firstChild.nodeValue) : (currentFeed[0]);
   var feedText = "<div class='feedTitle'>" + ftitle + "</div>";
   var items = result.xmlDocument.getElementsByTagName("item");

   for (var j = 0; j < items.length; j++) {
    var titleElement = items[j].getElementsByTagName("title")[0];
    var xtitle = titleElement.firstChild.nodeValue;

    var titleElement = items[j].getElementsByTagName("link")[0];
    try {var xlink = titleElement.firstChild.nodeValue;} catch(e) {xlink = "";}

    var titleElement = items[j].getElementsByTagName("pubDate")[0];
    try {var pubDate = titleElement.firstChild.nodeValue;} catch(e) {pubDate = "";}

    var titleElement = items[j].getElementsByTagName("description")[0];
    try {var descript = titleElement.firstChild.nodeValue;} catch(e) {descript = "";}

    pubDate = pubDate.replace(/'/g,"&rsquo;").replace(/\"/g,"&quot;");
    descript = descript.replace(/'/g,"&rsquo;").replace(/\"/g,"&quot;");

    if (previewMode) {
     var dStart = descript.indexOf("<br>") + previewLength;
     if (descript.length > dStart) {descript = descript.substring(0,dStart) +  readMoreMessage;}

    var feedPopup = '<div class=feedDate>' + pubDate + '</div><div class=feedDesc>' + descript + '</div>';

    feedText += (j % 2 == 0) ? '<div class=NormGridRow>' : '<div class=AltGridRow>';
    feedText += '<a href="' + xlink + '" =\"ddrivetip(\'' + feedPopup + '\', \'\', \'';
    feedText += tooltipWidth + '\');\" ="hideddrivetip();">' + xtitle + '</a></div>';
   feedText += '<br>';
   document.getElementById(feedBox).innerHTML += feedText;


TrueFist (New Admin) 11/7/2008 4:23 PM EST : RE: Website Review!
Posts: 206
Fingers of Fury!

Looks good except its not centerd.


Avandius (New Admin) 11/10/2008 3:31 AM EST : RE: Website Review!
Posts: 337
Fingers of Fury!

What browser are you viewing it in, it is centered in IE and FF for me.

Heckenated (New Admin) 11/10/2008 9:32 AM EST : RE: Website Review!
Posts: 27
Becoming Adept!

Not centered for me neither.

Avandius (New Admin) 11/11/2008 5:52 AM EST : RE: Website Review!
Posts: 337
Fingers of Fury!

Alright the center issue should be fixed, thanks for pointing that out to me!

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