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! > A Mottie Challenge
RedRydur (Guild Admin) 7/30/2008 11:21 AM EST : A Mottie Challenge
RedRydur
Posts: 1065
Zomgawsh Poster

I am not sure if it is possible to do with css, but I have a couple pages where I would like the left and right context boxes to be fixed. Where only the banner and the center box would scroll.
---------------------------------------------
-
RedRydur the Pure
TopBottom

Mottie (MVP) 7/30/2008 12:18 PM EST : RE: A Mottie Challenge
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

LOL you're funny

This is possible, but why? Your banner is very tall so if the side columns got fixed, you couldn't scroll them at all.

DO NOT ADD IT TO YOUR CUSTOM STYLESHEET - it will effect your entire site.

So I tried this with your Enlist page... just add this somewhere on that page. I set the top of the side images to be at 180 pixels from the top. They do overlap the tab bar and banner, but you can see it works.
#ctl00_ContentPlaceHolder1_ContentPane {position:absolute; width:45%; left: 360px; }
#ctl00_ContentPlaceHolder1_LeftPane { position:fixed; left:0px; top:180px;}
#ctl00_ContentPlaceHolder1_RightPane { position:fixed; right:0px; top:180px; }
The middle column is set to 45% of the browser width, but it might be more ideal to fix the width to maintain the appearance no matter the browser width. You can also see the left image is overlapped by the center and the right image overlaps the center - this is just the order that the columns are in the HTML, something you can't really change because GP sets up the columns in that order.

I messed around with your Home page too. It only needed slight modification of the CSS above. Once again it covers up your banner and tab bar.
#ctl00_ContentPlaceHolder1_ContentPane {position:absolute; width:65%; left: 210px; }
#ctl00_ContentPlaceHolder1_LeftPane { position:fixed; left:0px; top:50px;}
#ctl00_ContentPlaceHolder1_RightPane { position:fixed; right:0px; top:50px; }
I don't think this was exactly what you wanted, but maybe show me which page you want to do this do, and what you want to do with the banner and tab bar and I can look into it

:)

TopBottom

RedRydur (Guild Admin) 7/31/2008 10:13 AM EST : RE: A Mottie Challenge
RedRydur
Posts: 1065
Zomgawsh Poster

I guess I screwed something up....
I added the following into a context box and it only seemed to stretch the center box to the right. Neither the left nor the right context boxes were visible.
<style type=text/css>
#ctl00_ContentPlaceHolder1_ContentPane {position:absolute; width:45%; left: 360px;}
#ctl00_ContentPlaceHolder1_LeftPane { position:fixed; left:0px; top:180px;}
#ctl00_ContentPlaceHolder1_RightPane { position:fixed; right:0px; top:180px; }
</style>

After reading your explanation, I think your right. I guess I was looking more for a "travel range" and not a "fixed location".


Thanks!
---------------------------------------------
-
RedRydur the Pure
TopBottom

Mottie (MVP) 7/31/2008 11:41 AM EST : RE: A Mottie Challenge
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hmmm, ok how about this...

The side boxes are fixed in place and now have scroll bars (I tried this on your home page). I added CSS to hide your banner (since it's HUGE), because it fixes the side boxes very close to the bottom of the page... I only did this so you can see what this CSS does.
.BannerArea {display:none}
#ctl00_ContentPlaceHolder1_ContentPane { width:60%; }
#ctl00_ContentPlaceHolder1_LeftPane { position:fixed; height:80%; overflow:auto; }
#ctl00_ContentPlaceHolder1_RightPane { position:fixed; height:80%; overflow:auto; }
Try just saving the main page source to your desktop, then add this into the CSS area.
TopBottom

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