Page 1 of 2

removing pbase header?

PostPosted: Sun Feb 19, 2006 5:17 pm
by reflectionsbyruth
If I wanted to post a link from my business site to pbase but now show the pbase header, how do I go about doing that?
I have seen others here do it but I dont remember who so I cant ask them.

Thanks for your help

Html style sheet

PostPosted: Mon Feb 20, 2006 3:03 pm
by yardbird
Hi Ruth,
I am not sure if you want something like my home gallery. Take a look and let me know, and I will send you the Style sheet that I use and you start from there and modify it.
thanks
Karthik

PostPosted: Tue Feb 21, 2006 7:58 am
by reflectionsbyruth
Hi Karthik :)
Yep, thats what I mean.
I want to keep my style sheet like it is, but take out the pbase name up top for when I post it to my site where I sell my work :)

Re: Html style sheet

PostPosted: Mon Mar 06, 2006 4:28 am
by vw1972bug
yardbird wrote:Hi Ruth,
I am not sure if you want something like my home gallery. Take a look and let me know, and I will send you the Style sheet that I use and you start from there and modify it.
thanks
Karthik


Can you send to code to me as well?

Post subject: Re: Html style sheet

PostPosted: Mon Mar 06, 2006 2:54 pm
by cis
Hi Karthik, I would like to take you up on your kind offer too.
Thanks in advance. :)

PostPosted: Tue Mar 07, 2006 12:55 am
by ralf
Nice design, Karthik, but the header is still there -- it's merely white on white. It shows up again when you "select all".

A quick trial shows that the following three lines added to the style sheet after the initial block that sets BODY, TABLE, etc. will completely eliminate both header and footer while leaving the thumbnail grid and gallery title/description intact. It's not quite perfect, as I found that it leaves the single-image pages with the picture flush left instead of centered.

TABLE { display: none ; }
.thumbnails TABLE, .image TABLE { display: inline ; }
.small { display: none ; }

Hopefully someone who knows CSS better than I do can fix the alignment problem.

Sample gallery with the altered style sheet at http://www.pbase.com/ralf/mps

PostPosted: Tue Mar 07, 2006 5:48 pm
by reflectionsbyruth
Ralf,
take a look at my page and see if thats what you were expecting.

Your link even wipes out the next and previous buttons so that people can view your gallery. As it stands, they can only view the thumbnails, then close and open the pictures one at a time :) and they are stuck on that page and cant go anyplace else within your gallery :(

Do you live in or near Pittsburgh?
I ask because of the picture on your gallery

http://www.pbase.com/ralf/image/17202821

PostPosted: Wed Mar 08, 2006 1:06 am
by ralf
Ruth,

I did say it was a quick trial. Here's a more complete setup that seems to turn everything back on except the PBase bar and the hit-count/vote line:

TABLE { display: none ; }
.thumbnails TABLE, .image TABLE, .slideshow TABLE, .localmenu TABLE, #commentlist TABLE { display: inline ; }
#image { text-align: center ; }
#slideshow { text-align: right ; }
.small { display: none ; }

(The "slideshow" items are for the previous/next links on the image pages and the "localmenu" is for the username/all-galleries/etc. line -- if you don't want that one, just leave out the ".localmenu TABLE".)

Yes, I live in Pittsburgh, though the picture you linked is actually in Loretto, PA, across the street from St. Francis University.

PostPosted: Tue Mar 21, 2006 12:51 pm
by intruso
hi friends,

thanks for share

can I do this automated for all galleries? :?:

PostPosted: Fri Mar 24, 2006 10:19 pm
by reflectionsbyruth
thanks Ralf,

where do I place

TABLE { display: none ; }
.thumbnails TABLE, .image TABLE, .slideshow TABLE, .localmenu TABLE, #commentlist TABLE { display: inline ; }
#image { text-align: center ; }
#slideshow { text-align: right ; }
.small { display: none ; }


I tried it in my root gallery but it didnt work :-)

PostPosted: Sat Mar 25, 2006 3:00 am
by wesmac37
reflectionsbyruth

first of all, let me say: Nice Gallery. I enjoyed browsing your Favorite galllery.

Next, the answer in how to hide the PBase Header.

while the code below may work fine in a maybe simple root gallery, it might NOT work well if your root gallery also contains several tables.

// This hide the entire table
TABLE { display: none ; }

//The commands below restore the selected tables
//
.thumbnails TABLE, .image TABLE,
.slideshow TABLE, .localmenu TABLE,
#commentlist TABLE
{ display: inline ; }

i tries this method before and i have problems in either IE or FF

I tried { display: inline ; } and { display: table; } and the first work in IE but not in FF; the other worked in FF but not in IE

finally, I stumble on someone CSS and found the one made oochappan. it's really a simple but neat trick. What he did was he pushed the table margin up by having a negative value on the table margin. The code is:

/* Original from oochappan */
/* http://www.pbase.com/oochappan/profile */
table{
margin-top: -28px;
margin-bottom: 0px;
}
/* end of remove code */

You can put the code on the top or anywhere before you display any table.

PS

I think matiasasun is using

margin-top: -27px;
margin-bottom: 27px;

Just play with it and adjust the top and bottom margin

PostPosted: Sat Mar 25, 2006 6:32 am
by matiasasun
I think matiasasun is using
margin-top: -27px;
margin-bottom: 27px;


He is...:-) The reason is simple and Srijith said something about it on the other forum; It is a race.

There are at least three ways to hide that Header, but as soon as PBase noticed them they override the code (at least they used to do...)
That´s why we all have different ways to do it.
But that´s why we ALSO keep a link to PBase from the pages that does not display the header.

PostPosted: Tue Jun 12, 2007 3:32 pm
by draegermd
Where shall i put all these codes? Thanks.

PostPosted: Sat Jul 14, 2007 2:59 pm
by artlessbeauty
Hi,

I was just trying to hide the PBase header by using the
following code in my stylesheet...

TABLE { display: none ; }

.galleryheader TABLE, .thumbnails TABLE, .image TABLE,
.slideshow TABLE, .localmenu TABLE,
#commentlist TABLE
{ display: inline ; }

with this I don't see the treepath in my gallery pages but could see
the same in image pages. But I want to see/show the treepath in
gallery pags also.

If you have time, could plese help me with this.... how can I get back
my treepath in the gallery pages ??

Thanks in advance.

best regards,
Manas.
http://www.pbase.com/artlessbeauty

PostPosted: Sat Jul 14, 2007 4:10 pm
by artlessbeauty
Solved the problem.... now it's fine.

regards,



artlessbeauty wrote:Hi,

I was just trying to hide the PBase header by using the
following code in my stylesheet...

TABLE { display: none ; }

.galleryheader TABLE, .thumbnails TABLE, .image TABLE,
.slideshow TABLE, .localmenu TABLE,
#commentlist TABLE
{ display: inline ; }

with this I don't see the treepath in my gallery pages but could see
the same in image pages. But I want to see/show the treepath in
gallery pags also.

If you have time, could plese help me with this.... how can I get back
my treepath in the gallery pages ??

Thanks in advance.

best regards,
Manas.
http://www.pbase.com/artlessbeauty