Please help to customize my guestbook [Sitemap] - Digital Grin Photography Forum

beeplove

Jul-10-2006, 05:28 PM

Hi,

I am trying to setup my guestbook.

Here are what I want to do:
1. Remove 'gallery pages: 1' from above and bottom of my guestbook picture.
2. I would like to move my guestbook welcome message below the picture and would like to put the picture in center.
3. Would like to take 'gallery comments|' out from the page

Thank you

Andy

Jul-10-2006, 05:33 PM

http://www.dgrin.com/showthread.php?t=29052&highlight=guestbook
http://www.dgrin.com/showthread.php?t=18139&highlight=guestbook

from my FAQ

.gallery_XXXXXXX .albumNav {display:block;}

Start with these and come back with any questions?

PS: have you gotten FF and the FF Web Dev Tool? Both free, both linked in my sig and we even teach y ou how to use it, sticky thread in this forum :D

Andy

Jul-10-2006, 05:33 PM

2. I would like to move my guestbook welcome message below the picture and would like to put the picture in center.

So, use my FAQ, and look for HTML only page, and make your guestbook gallery an HTML Only gallery, with the image linked in gallery description. K?

beeplove

Jul-10-2006, 06:24 PM

So, use my FAQ, and look for HTML only page, and make your guestbook gallery an HTML Only gallery, with the image linked in gallery description. K?

I will definelty need in my guestbook page, as well as in other pages I am planning to implement something.

Here are what I found from your FAQ:

/* html only page for gallery XXXXXX */
.gallery_XXXXXX .nophotos { display: none; }
.gallery_XXXXXX .opening { display: none; }

I am not sure what does what from above.

To replace 'gallery' with 'guestbook' in my gallery # 1644004, I used the following in footer, and it didn't work. Though, if use this code for globally (removing the gallery number) works fine

******** type="text/javascript">
if (isClass("gallery_1644004"))
{
var objElement = document.getElementById("comment_header")
if (objElement != null) {
var str = new String(objElement.innerHTML);
str = str.replace('gallery', 'guestbook')
objElement.innerHTML = str;
}
}</********

Andy

Jul-10-2006, 08:02 PM

I will definelty need in my guestbook page, as well as in other pages I am planning to implement something.

Here are what I found from your FAQ:

/* html only page for gallery XXXXXX */
.gallery_XXXXXX .nophotos { display: none; }
.gallery_XXXXXX .opening { display: none; }

I am not sure what does what from above.

To replace 'gallery' with 'guestbook' in my gallery # 1644004, I used the following in footer, and it didn't work. Though, if use this code for globally (removing the gallery number) works fine

******** type="text/javascript">
if (isClass("gallery_1644004"))
{
var objElement = document.getElementById("comment_header")
if (objElement != null) {
var str = new String(objElement.innerHTML);
str = str.replace('gallery', 'guestbook')
objElement.innerHTML = str;
}
}</********

OK so here's a little tip about how this all works. Post your question about that hack in the thread that the hack is explained - that way, the author of the hack can help you when he comes online on Tuesday (from Europe).

OK? ok... :D

Andy

Jul-10-2006, 08:06 PM

I will definelty need in my guestbook page, as well as in other pages I am planning to implement something.

Here are what I found from your FAQ:

/* html only page for gallery XXXXXX */
.gallery_XXXXXX .nophotos { display: none; }
.gallery_XXXXXX .opening { display: none; }

I am not sure what does what from above.

You want a photo in the MIDDLE of your page. Make an HTML Only Gallery.

In the gallery descritpion of the gallery put this:

<html>
<div id="myguestbookphoto">
<img src="http://nickname.smugmug.com/photos/XXXXXXX-M.jpg">
</div>
</html>

Once you've done this, you'll use CSS to position the image on the page. Any of the helpers here can help you do this so holler when you've got that done and don't forget to provide links.

.gallery_XXXXXX .nophotos {display: none;} is important and goes in your CSS to supress the "this gallery has no photos" message.

.gallery_XXXXXX .albumNav {display: none;} is important to suppress the navigation.

OK?

beeplove

Jul-11-2006, 06:43 AM

Andy

Jul-11-2006, 08:23 AM

May be I asked to many in one thread.
Let me finish one by one.. I will not ask another untill one is not done.
Let me clear up my guestbook first.

I added a description and it worked.
But I didn't get expected result from the following code

.gallery_1644004 .nophotos { display: none; }
.gallery_1644004 .albumNav { display: none; }

photo didn't go away that I already added to my Guestbook gallery.

Thanks

.gallery_1644004 .albumNav { display: none; } is doing it's job - there's no album nav showing

.gallery_1644004 .nophotos { display: none; } is also doing it's job - it's designed to supress the message "this is abrand new gallery with no photos"

You want the photo in this gallery http://photography.beeplove.com/gallery/1644004 to not display?

beeplove

Jul-11-2006, 09:08 AM

.gallery_1644004 .albumNav { display: none; } is doing it's job - there's no album nav showing

.gallery_1644004 .nophotos { display: none; } is also doing it's job - it's designed to supress the message "this is abrand new gallery with no photos"

You want the photo in this gallery http://photography.beeplove.com/gallery/1644004 to not display?

I think, Now I know what .albumNav and .nophotos does.
Thanks a lot.

beeplove

Jul-11-2006, 09:50 AM

.gallery_1644004 .albumNav { display: none; } is doing it's job - there's no album nav showing

.gallery_1644004 .nophotos { display: none; } is also doing it's job - it's designed to supress the message "this is abrand new gallery with no photos"

You want the photo in this gallery http://photography.beeplove.com/gallery/1644004 to not display?

If I put the html code in description, I end up with two images, one coming from img src and another coming from gallery.
I also used .gallery_xxxx .opening { display: none; } though I don't know what it does.

Thanks,

beeplove

Jul-12-2006, 07:04 AM

As the pictures were appearing twice, I removed the picture from gallery.

Now I can see the picture that I added using HTML code in 'description'
but problem is, I lost 'add comment' button.

Here are the issues:
Scenario 1:
If I put picture using HTML code in 'description', I end up with two picture, If I remove picture from my guestbook album, I loose 'add comment' button.

Scenario 2:
If I don't put HTML code in 'description', everything works nice but can not put the caption and image the way I want (caption below the image and center aligned)

Thanks,

ivar

Jul-12-2006, 02:24 PM

... If I put picture using HTML code in 'description', I end up with two picture, ...what code are you using for that? i do the same thing, and my picture shows up once :dunno

Andy

Jul-12-2006, 03:23 PM

beeplove

Jul-12-2006, 04:31 PM

So, here's a poser: What's wrong with the way it is, right now? Seems to do what you want, yes? I like it, nice job :thumb

Because you are looking at my page when I took the HTML code out from description. Well, I am not going to put the HTML code again in description.

Only one more thing I need in my guestbook is, to make the picture center aligned and put the caption below my picture. I think, I read about this kind of issue. I will do a search. If can't find anything, I will write here again.

Thanks,

Andy

Jul-12-2006, 04:41 PM

Because you are looking at my page when I took the HTML code out from description. Well, I am not going to put the HTML code again in description.

Only one more thing I need in my guestbook is, to make the picture center aligned and put the caption below my picture. I think, I read about this kind of issue. I will do a search. If can't find anything, I will write here again.

Thanks,

Like this http://photography.beeplove.com/gallery/1644004/1/81300374/Large

Or this? http://photography.beeplove.com/gallery/1644004/1/81300374/Medium

Or this?

http://photography.beeplove.com/gallery/1644004/1/81300374/Small :)

You can just change your link in your navbar to one of those :deal

Or you can go back to a gallery WITH NO PHOTO UPLOADED TO IT and put the html back in the description :D This will allow you to have the pic centered and you make your own caption. OK?

:wave

Andy

Jul-12-2006, 04:47 PM

I've got a question on these same lines... which area does this code have to placed into?

/* html only page for gallery XXXXXXX */
.gallery_XXXXXXX .nophotos { display: none; }
.gallery_XXXXXXX .opening { display: none; }
in your CSS Section. Just like it says on the post you found it at :D

beeplove

Jul-12-2006, 07:54 PM

Like this http://photography.beeplove.com/gallery/1644004/1/81300374/Large

Or this? http://photography.beeplove.com/gallery/1644004/1/81300374/Medium

Or this?

http://photography.beeplove.com/gallery/1644004/1/81300374/Small :)

You can just change your link in your navbar to one of those :deal

Or you can go back to a gallery WITH NO PHOTO UPLOADED TO IT and put the html back in the description :D This will allow you to have the pic centered and you make your own caption. OK?

:wave

Are you doing anything else other than the html code for the example you showed me?
I created an album http://beeplove.smugmug.com/gallery/1661734
with no photo upload, below is my html code

<html>
<div id="myguestbookphoto">
<p align="center">
<img src="http://photography.beeplove.com/photos/81217443-M.jpg" border=5><BR>
Please sign my guestbook:
</p>
</div>
</html>

I got everything the way I wanted.. without add comment button.
BTW, I don't want to use the guestbook you created for me. I would like to create by my own. Please help me to do so.

Thanks,

Andy

Jul-13-2006, 03:37 AM

Please help me to do so.

Thanks,

Are we not doing this?

Beep, you are totally confusing me.

Andy

Jul-13-2006, 03:42 AM

Is this not better?

http://beeplove.smugmug.com/gallery/1661734

:ear

Beep, we're tying to help you, really we are.

beeplove

Jul-13-2006, 04:40 AM

Is this not better?

http://beeplove.smugmug.com/gallery/1661734

:ear

Beep, we're tying to help you, really we are.

Hi Andy,

This is exactly what I wanted. But when I did it by myself, I didn't see the 'add comment' button. You must did something to make it appeared. What you did? In earlier post, you said, you are lconfused. What I wanted to mean by 'help me to do so', is I want to do the same you did to make the 'add comment' button appear in the above page. You know, how to catch a fish is much better learning than get a fish everyday from you.

Thanks a lot.

Andy

Jul-13-2006, 04:41 AM

Hi Andy,

This is exactly what I wanted. But when I did it by myself, I didn't see the 'add comment' button. You must did something to make it appeared. What you did? In earlier post, you said, you are lconfused. What I wanted to mean by 'help me to do so', is I want to do the same you did to make the 'add comment' button appear in the above page. You know, how to catch a fish is much better learning than get a fish everyday from you.

Thanks a lot.
I added a photo, and then used .gallery_XXXXXXX #photos {display: none:}

:wink

beeplove

Jul-13-2006, 06:05 AM

I added a photo, and then used .gallery_XXXXXXX #photos {display: none:}

:wink

yes, that did make the photo disappear from album and put the 'add comment' button.

Many many thanks,
I am done with my guestbook.

:bow