Board index PBase HTML and Style Sheets removing pbase header?

HTML and Style Sheets

removing pbase header?

Customize your galleries.
reflectionsbyruth
 
Posts: 449

removing pbase header?

Post Sun Feb 19, 2006 5:17 pm


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

yardbird
 
Posts: 613
Location: Palatine, IL

Html style sheet

Post Mon Feb 20, 2006 3:03 pm


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

reflectionsbyruth
 
Posts: 449


Post Tue Feb 21, 2006 7:58 am


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 :)

vw1972bug
 
Posts: 2

Re: Html style sheet

Post Mon Mar 06, 2006 4:28 am


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?

cis
 
Posts: 13

Post subject: Re: Html style sheet

Post Mon Mar 06, 2006 2:54 pm


Hi Karthik, I would like to take you up on your kind offer too.
Thanks in advance. :)

ralf
 
Posts: 311


Post Tue Mar 07, 2006 12:55 am


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

reflectionsbyruth
 
Posts: 449


Post Tue Mar 07, 2006 5:48 pm


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

ralf
 
Posts: 311


Post Wed Mar 08, 2006 1:06 am


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.

intruso
 
Posts: 39


Post Tue Mar 21, 2006 12:51 pm


hi friends,

thanks for share

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

reflectionsbyruth
 
Posts: 449


Post Fri Mar 24, 2006 10:19 pm


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 :-)

wesmac37
 


Post Sat Mar 25, 2006 3:00 am


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

matiasasun
 
Posts: 1493


Post Sat Mar 25, 2006 6:32 am


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.
Matias, Chile - http://www.pbase.com/matiasasun
Resources, HOWTOs, Samples and more! - http://pbasewiki.srijith.net/

draegermd
 
Posts: 1


Post Tue Jun 12, 2007 3:32 pm


Where shall i put all these codes? Thanks.

artlessbeauty
 
Posts: 29


Post Sat Jul 14, 2007 2:59 pm


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
Manas Khan
... in admiration of artless beauty
http://www.pbase.com/artlessbeauty

artlessbeauty
 
Posts: 29


Post Sat Jul 14, 2007 4:10 pm


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
Manas Khan
... in admiration of artless beauty
http://www.pbase.com/artlessbeauty

Next

Board index PBase HTML and Style Sheets removing pbase header?

Who is online

Users browsing this forum: DotBot [Bot] and 0 guests