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! > RSS Clicky Help
Savatage (New Admin) 10/11/2010 9:48 AM EST : RSS Clicky Help
Savatage
Posts: 662
Zomgawsh Poster

The RSS Clicky tosses up a box one whatever page you are on, I have setup my site a little different with positioning and that is the only thing I can't nail down. I have a semi-fix so it's tolorable, but not a good fix.

My site is MERCS, you will see I made my wallpaper the layout, I was going for the console look similar to what is on the SWTOR site on certain pages.

My sort of fix looks like this:
.gpWidget-availablerss { width: 340px; height: 540px; overflow-y: auto; overflow-x: hidden; margin-left: 70px; margin-top: 70px; }

But I know there must be a better fix, ultimately I would love it if the RSS Clicky went to my News page and I placed it where I wanted that way. The trick is it not adding to the top of the widgets, but being placed at the end so it doesn't push all my placements around. Or a seperate pop-up would work, hmm that might even be better?
TopBottom

Mottie (MVP) 10/11/2010 11:42 AM EST : RE: RSS Clicky Help
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi Savatage!

Try something like this... add it to a Free Form Text/HTML widget (in HTML mode) somewhere on the page or into the Header or Footer HTML
<style type="text/css">
#ctl00_ContentPlaceHolder1_ctl00_pnlUpdateShoutAdd {
 overflow-x : hidden;
 overflow-y : scroll;
 height: 490px;
}
.gpWidget-shout {
 overflow: hidden;
}
#ctl00_ContentPlaceHolder1_ctl00_hlShoutsRss img {
 padding-top: 10px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
 var newsTab = 'Guild.aspx?GuildID=342354&amp;TabID=3172450&amp;Action=ListRss';
 $('#ctl00_ContentPlaceHolder1_ctl00_hlShoutsRss').attr('href',newsTab);
});
</script>
I added a script which replaces the RSS link URL to point to your News page... the portion in red makes the RSS feed widget show it's list, but I couldn't get that to work because it was taking me back to the home page for some reason.
TopBottom

Mottie (MVP) 10/11/2010 12:01 PM EST : RE: RSS Clicky Help
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Also, your background image is HUGE!! ( over 700k )... I'd recommend tweeking the jpg quality to make it smaller.... I adjusted it down to 60% and it ended up being around 260k (get it here)
TopBottom

Savatage (New Admin) 10/11/2010 1:42 PM EST : RE: RSS Clicky Help
Savatage
Posts: 662
Zomgawsh Poster

Mottie,

Well that didn't seem to work...

But it did make me think, I have the same CSS for the Shout Widget and the Available RSS Widget, which is my lame attempt at making it look right when it is forced to the top of the page, which in return pushes everything else down. Is there a simple way of saying if the Available RSS Widget is introduced to a page it just simply replaces the Shout Widget for the time being. Then nothing would change on my site except the 1st content box which would be pretty slick.

My CSS for the 2 Widgets:

.gpWidget-availablerss { width: 340px; height: 540px; overflow-y: auto; overflow-x: hidden; margin-left: 70px; margin-top: 70px; }
.gpWidget-shout { width: 340px; height: 540px; overflow-y: auto; overflow-x: hidden; margin-left: 70px; margin-top: 70px; }

My CSS that follows looks like this, so you can see how it all gets moved around once the Available RSS Widget takes the lead:

.gpWidget-raidpoints { width: 350px; height: 540px; overflow-y: auto; overflow-x: hidden; margin-left: 480px; margin-top: -540px; }
.gpWidget-progression { width: 340px; height: 250px; overflow-y: auto; overflow-x: hidden; margin-left: 890px; margin-top: -540px; }
.gpWidget-freeform { width: 340px; height: 290px; overflow-y: auto; overflow-x: hidden; margin-left: 890px; margin-top: 0px; }
.gpWidget-welcomelrg { width: 1150px; height: 540px; overflow-y: auto; overflow-x: hidden; margin-left: 80px; margin-top: 80px; }
.gpWidget-forumslrg { width: 1150px; height: 540px; overflow-y: auto; overflow-x: hidden; margin-left: 80px; margin-top: 80px; }
.gpWidget-votinglrg { width: 1150px; height: 540px; overflow-y: auto; overflow-x: hidden; margin-left: 80px; margin-top: 80px; }
.gpWidget-calendar { width: 1150px; height: 540px; overflow-y: auto; overflow-x: hidden; margin-left: 80px; margin-top: 80px; }
.gpWidget-rosterlrg { width: 1150px; height: 540px; overflow-y: auto; overflow-x: hidden; margin-left: 80px; margin-top: 80px; }
.gpWidget-mailcenterlrg { width: 1150px; height: 540px; overflow-y: auto; overflow-x: hidden; margin-left: 80px; margin-top: 80px; }
.gpWidget-newslrg { width: 340px; height: 540px; overflow-y: auto; overflow-x: hidden; margin-left: 80px; margin-top: 80px; }
.gpWidget-rssfeed { width: 750px; height: 540px; overflow-y: auto; overflow-x: hidden; margin-left: 480px; margin-top: -540px; }
.gpWidget-top5members { width: 340px; height: 300px; overflow-y: auto; overflow-x: hidden; margin-left: 80px; margin-top: 90px; }
.gpWidget-wholrg { width: 340px; height: 240px; overflow-y: auto; overflow-x: hidden; margin-left: 80px; margin-top: 0px; }

This is my novice attempt at getting placement exact on the page, but it does seem to be working great minus the one RSS detail.

Your help is greatly appreciated as always.

As for the background, I'm such a attention to detail kind of person I just can't degrade the image that far. It actaully was compressed to 60% from it's orginal format already, I played with the percentages a bunch before I decided on that as the best of the worst. I did figure that once the page has it downloaded it doesn't have to do it again and leaves me room for the SWF's I want to sprinkle on the top vs. not having the wallpaper as it is and adding the size to the SWF's.

I keep trying to learn and figure out a little each day, your help site has been extremely useful.
TopBottom

Savatage (New Admin) 10/16/2010 9:01 PM EST : RE: RSS Clicky Help
Savatage
Posts: 662
Zomgawsh Poster

Well my best solution was to push the Avaialbe RSS Widget into the banner area, then nothing below gets messed up. actaully works well for my site.

gpWidget-availablerss { width: 1150px; height: 300px; overflow-y: auto; overflow-x: hidden; margin-left: 50px; margin-top: -300px; }

It moves the same negative pixels up as I made the height of it.
TopBottom

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