PDA

View Full Version : Single HTML Pages w/ no photos


{JT}
Feb-11-2005, 06:13 AM
[UPDATED: Totally new instructions on how to do this since the new class is there.]

Ok, so you want to know how to add a page of text and have nothing else on the page? Simple, create a gallery and don't add any photos. The "This gallery is empty" message is now wrapped in a <span> tag with the class name "nophotos", so you can use CSS to make it go away. Simply put any HTML or text you want in the gallery description. Using my example below you can still have a preview description show up on your homepage, but have it go away (like the No photos warning) when they click and go to the page:



<html>
blah blah blah your text and valid html goes here
</html>
If you add some spaces between the first two <div> tags the second one will not show up on your homepage description. Also, all the other page elements (like the arrows) will no longer show up if the gallery is empty. Hope this makes things easier, let me know what you come up with!

How to feature a photo for HTML pages
First: upload the image that you want to use and feature it. Next, if you are a pro, force the style of the gallery to All Thumbs, since it works nicer than the other styles for what we want to do. Next, add this style to the list of others; chaning the width and height to match the exact width and height of the photos on the All Thumbs page.

img[width="100"][height="80"] { display: none; }

What this does is tell the page not to display any images that match those exact dimensions. So if you wanted to add more images and have them rotate through, then you should have them either match those same dimensions or add another style for that size. Another option for those of you that link to these pages in your header is to simply make the gallery private so that it will not be seen on your homepage but you can still link to it.

JT

Nikolai
Feb-11-2005, 06:36 AM
That was one of my very first requests once I got an account - to have this option! :clap :clap :clap
Tres cool, man, thanks a lot for the feature and for info!:thumb
Cheers!:1drink

rms
Feb-13-2005, 07:49 PM
In the Elegant view, I'm still seeing the navigation arrows, with the notation "1 of 0." Any way to disable this?

Also, in other views (as the template intends) I don't see the description at all. If my viewers have Traditional style selected, they don't get any breadcrumbs or description at all - so it just looks like a blank page with a comment link.

Thanks for all of the great feature enhancements!

{JT}
Feb-14-2005, 07:20 AM
PS: I see that there are some styles that show page elements (the arrows in elegant) or just don't work (slideshow). I will try to fix them soon.

I am working on them now, but it may be a while until they are out ...

{JT}
Feb-14-2005, 12:38 PM
refreshed the instructions above, see UPDATED

Nikolai
Feb-14-2005, 02:29 PM
refreshed the instructions above, see UPDATED
Appreciate the sharing!:thumb
Cheers!:1drink

Enoch
Feb-14-2005, 04:42 PM
Thank You!! Why havn't I been a part of the forum since it started! :dunno

REECEPHOTO
Feb-15-2005, 02:01 AM
When some one does a page like this (or anyother for that matter)
Please post a link to it along with instructions on how you did it for us HTML not so smart people.:scratch :dunno :scratch:dunno :scratch

thanks.................:thumb

{JT}
Feb-18-2005, 12:21 PM
Ok, bumping this, newer code and instructions in the first post.

lenscape
Feb-18-2005, 06:49 PM
Ok, bumping this, newer code and instructions in the first post.Thanks JT. I just did my Pricing and Photography Services gallery.

www.lenscapephotography.com (http://www.lenscapephotography.com/)

Noggin
Feb-19-2005, 04:20 AM
Just created a page of photos hosted elsewhere :rolleyes

Is there any way of hiding/populating the gallery thumbnail (wine glasses and "Empty Gallery"), that would normally contain the gallery featured photo, when the gallery only contains HTML code?

Iain

Example Page (http://thehoggs.smugmug.com/gallery/403944)

Noggin
Feb-19-2005, 08:42 AM
Spooky :dunno

I've just recieved an email from Smugmug telling me that I've got a comment on my gallery (mentioned in the last post) but I can't find it.

I can't even find the Comment button when I look at the gallery, loggid in or not. :cry

Any ideas what is up?

Iain
(currently confused and off to the pub :1drink )

{JT}
Feb-19-2005, 08:50 AM
Added directions on how to do this to the first post.

I actually see the comment that you left down at the bottom of that page. All view styles show comments except for slideshow, so make sure you are not using that style.

Just created a page of photos hosted elsewhere :rolleyes

Is there any way of hiding/populating the gallery thumbnail (wine glasses and "Empty Gallery"), that would normally contain the gallery featured photo, when the gallery only contains HTML code?

Iain

Example Page (http://thehoggs.smugmug.com/gallery/403944)

lidaf
Aug-14-2005, 02:48 PM
Hi all,
i know that by the number posts i've made it appears i am new here, but i've actually been browsing dgrin for about a year. i spend most of my time here looking for cobranding ideas, but over time i have gotten to know a little about many of dgrin's regulars (makes me sound like a stalker, i know. look out behind you! :oD).

this thread is a bit dated, but i feel it deserves a bump because a) it's a good thread, and b) there seems to be a problem applying a "featured photo" the way JT described. actually, i should clarify, there is a problem when using IE (surprise). for some reason, IE doesn't recognize this part of the code:
img[width="100"][height="80"] { display: none; }
it will just display the thumbnail at the bottom of the gallery despite the code. it works fine for me in Netscape, but i'm assuming it doesn't work in IE simply because IE stinks :wxwax. is there any way around this, by maybe doing what Noggin suggested and hiding the wine glasses and "Empty Gallery" picture? i don't want to make the galleries private, either.
Thanks,
Lida

Andy
Aug-14-2005, 03:18 PM
Hi all,
i know that by the number posts i've made it appears i am new here, but i've actually been browsing dgrin for about a year. i spend most of my time here looking for cobranding ideas, but over time i have gotten to know a little about many of dgrin's regulars (makes me sound like a stalker, i know. look out behind you! :oD).

Thanks,
Lida

:wave welcome, lida - and thanks for de-lurking :D i see you put a lot of work into nomad's new webstie.

maybe you can get damon to stop lurking, too :deal

lidaf
Aug-14-2005, 03:33 PM
yeah, i work pretty hard on the site.

about my de-lurking, it was out of necessity! i will usually sit and try to figure things out myself by reading posts and using google, but... i hate to admit that i need help on this issue! :cry

as for damon, he has his mind made up about things and that's that. he doesn't lurk here anymore... i'm his delegate :D. that's my decision, not his!

thanks for the welcome,
Lida

:wave welcome, lida - and thanks for de-lurking :D i see you put a lot of work into nomad's new webstie.

maybe you can get damon to stop lurking, too :deal

Andy
Aug-14-2005, 03:54 PM
yeah, i work pretty hard on the site.

about my de-lurking, it was out of necessity! i will usually sit and try to figure things out myself by reading posts and using google, but... i hate to admit that i need help on this issue! :cry

as for damon, he has his mind made up about things and that's that. he doesn't lurk here anymore... i'm his delegate :D. that's my decision, not his!

thanks for the welcome,
Lida

ahh well i've seen damonff's name here a ton of times over the past six months. guess he was just parking.

lidaf
Aug-14-2005, 03:59 PM
ahh, it must have been me using his name. i just registered my own name today... didn't want to post under his name and cause confusion!

Lida

ahh well i've seen damonff's name here a ton of times over the past six months. guess he was just parking.

Andy
Oct-25-2005, 04:32 AM
okay guys, i'm just expanding on jt's stuff becuase so many people, like me, are html and css idiots - we are the copy/paste/edit/modify crowd :lol3

so:

this stuff and really whatever you want your html to be, goes into the "gallery description edit box:

<html>
your valid HTML goes here
htmlblahblahblahblah-de-blah
</html>

now this stuff goes in your CSS box on your customization page:

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

SITEWIDE (easiest!)

.notLoggedIn .nophotos {display: none;}

YOU will see it logged in (convenient) but visitors WILL NOT see it.
and you can see an example html only page here (http://www.moonriverphotography.com/gallery/911245)

Mike Lane
Jan-04-2006, 10:46 AM
Hi all,
i know that by the number posts i've made it appears i am new here, but i've actually been browsing dgrin for about a year. i spend most of my time here looking for cobranding ideas, but over time i have gotten to know a little about many of dgrin's regulars (makes me sound like a stalker, i know. look out behind you! :oD).

this thread is a bit dated, but i feel it deserves a bump because a) it's a good thread, and b) there seems to be a problem applying a "featured photo" the way JT described. actually, i should clarify, there is a problem when using IE (surprise). for some reason, IE doesn't recognize this part of the code:
img[width="100"][height="80"] { display: none; }
it will just display the thumbnail at the bottom of the gallery despite the code. it works fine for me in Netscape, but i'm assuming it doesn't work in IE simply because IE stinks :wxwax. is there any way around this, by maybe doing what Noggin suggested and hiding the wine glasses and "Empty Gallery" picture? i don't want to make the galleries private, either.
Thanks,
Lida

I somehow didn't see this thread until just now. You are absolutely correct, IE6 stinks. There is no way for IE to handle the CSS 2 selectors that JT used. I'm not sure why JT didn't just have you hide the div.photo or the div#photos instead.

If you want to hide all the photos in any style but journal or filmstrip use this code:

.gallery_xxxxxx #photos {display:none;}

If you want to see it when you're logged in use this:

.loggedIn.gallery_xxxxxx #photos {display:none;}

{JT}
Jan-04-2006, 05:13 PM
There is no way for IE to handle the CSS 2 selectors that JT used. I'm not sure why JT didn't just have you hide the div.photo or the div#photos instead.

Mike, take a look at the date I posted the instructions :) at that point in time, the only choice was to use css selectors since nothing else would have worked.

The code that should be used now is the following:

.gallery_###### #photos, .gallery_###### .albumNav { display: none; }

Mike Lane
Jan-04-2006, 07:27 PM
Mike, take a look at the date I posted the instructions :)

Uh... February 11th. Right. My bad :D :uhoh

Cindy
Jan-23-2006, 12:35 AM
Andy I just entered this code on one of my pages but the footer and smugmug stuff at the bottom dissapears. Shouldn't they stay???

Thanks,
Cindy

Cindy
Jan-23-2006, 12:37 AM
Andy I just entered this code on one of my pages but the footer and smugmug stuff at the bottom dissapears. Shouldn't they stay???

Thanks,
Cindy

Opps - here's the page url:
edit (http://id.smugmug.com/gallery/882771) removed

Andy
Jan-23-2006, 04:40 AM
Opps - here's the page url:
http://id.smugmug.com/gallery/882771

You had bad html in your description. Try again :wink

bwg sez, this: <style type="text/css"> makes him :puke

Cindy
Jan-23-2006, 04:50 AM
- You had bad html in your description. Try again :wink

Thanks Andy. I'm not sure yet what was wrong... I copied and pasted the code exactly as you have it in the post above (the one for dummies :) that's me - lol.

- bwg sez, this: <style type="text/css"> makes him

okay, are you saying not to use css in there? Sorry... I'm trying to figure this stuff out but it's driving me NUTTSO.

Andy
Jan-23-2006, 04:53 AM
- You had bad html in your description. Try again :wink

Thanks Andy. I'm not sure yet what was wrong... I copied and pasted the code exactly as you have it in the post above (the one for dummies :) that's me - lol.

- bwg sez, this: <style type="text/css"> makes him

okay, are you saying not to use css in there? Sorry... I'm trying to figure this stuff out but it's driving me NUTTSO.

Just HTML. Nothing else. For example, I simply copied the cart help from SmugHelp intot his html-only gallery description:

http://williams.smugmug.com/gallery/1096465

Cindy
Jan-23-2006, 05:12 AM
Just HTML. Nothing else. For example, I simply copied the cart help from SmugHelp intot his html-only gallery description:

http://williams.smugmug.com/gallery/1096465

Okay that's cool. I've seen where several people have been making smugmugs gaureetee and such appear in their own smugsites but hadn't figured out how they did it yet. Did you just copy and paste from smugmugs view source page to get this? How did you know what to and not to copy from smugmugs source? Allthough I've been reading lots of pages source stuff it's all mixed up with css, java and all kinds of stuff so sorting to know what to use and not use goes over the top. lol. :rofl

Andy
Jan-23-2006, 05:15 AM
Okay that's cool. I've seen where several people have been making smugmugs gaureetee and such appear in their own smugsites but hadn't figured out how they did it yet. Did you just copy and paste from smugmugs view source page to get this? How did you know what to and not to copy from smugmugs source? Allthough I've been reading lots of pages source stuff it's all mixed up with css, java and all kinds of stuff so sorting to know what to use and not use goes over the top. lol. :rofl

look for !-- Start Content --> and <!-- End Content --> and get what's in between :D

keep in mind, as we change help pages you'll need to change, too.

Cindy
Jan-23-2006, 05:24 AM
look for !-- Start Content --> and <!-- End Content --> and get what's in between :D

keep in mind, as we change help pages you'll need to change, too.

:thumb :thumb :thumb Cool - thanks Andy! Boy your on the ball this morning. EAch time I finish in the other thread my e-mail brings a new reply from you! :D :D :D

rainforest1155
Feb-14-2006, 08:01 AM
<html>
<div class="opening">Here is my HTML OnlyGallery</div>
<div style="font-size: 14px; color: #ffffff; font-weight: normal">Hello, welcome to my pricing page.</div><style type="text/css">
htmlblahblahblahblah-de-blah
</html>

Just a small correction: You need to close the style-tag again at the end with </style>.

Sebastian

Redskeeter
Feb-26-2006, 06:49 AM
...
img[width="100"][height="80"] { display: none; }
...
JT[/quote]

Got what I want in FF but IE refuses to recognize the image suppression. I jinked around with it but could not get IE to function the same. Of course, my working with code is like an chimp working on a nuclear reactor...

Any ideas? Am I doing something wrong and just don't realize it?

The site is www.wildstate.com (http://www.wildstate.com) and it is in reference to the featured galleries - "Click on Featured Pictures Gallery to View" gallery

{JT}
Feb-26-2006, 07:19 AM
These instructions are fairly outdated. I would put all the HTML you want to use in the caption for a gallery - force the style for the page to be journal, then in your css put this (where **** is the gallery number you want to hide:

.gallery_**** #journal {
display: none;
}

Got what I want in FF but IE refuses to recognize the image suppression. I jinked around with it but could not get IE to function the same. Of course, my working with code is like an chimp working on a nuclear reactor...

Any ideas? Am I doing something wrong and just don't realize it?

The site is www.wildstate.com (http://www.wildstate.com) and it is in reference to the featured galleries - "Click on Featured Pictures Gallery to View" gallery

Redskeeter
Feb-26-2006, 07:49 AM
...
.gallery_**** #journal {
display: none;
}[/quote]

JT:
Thanks for the help; however, this code will suppress the gallery display but the problem I have is in suppressing just the thumbnail where it appears in the "Featured Gallery" featuredBox division. Can you help me figure out how to stop displaying the thumbnail for the "Click on Featured Pictues Gallery to View" gallery (i.e., the cheetah cubs thumbail)?

www.wildstate.com (http://www.wildstate.com)

{JT}
Feb-27-2006, 06:57 AM
Perhaps you can send me a link to the page in question ...


...
.gallery_**** #journal {
display: none;
}

JT:
Thanks for the help; however, this code will suppress the gallery display but the problem I have is in suppressing just the thumbnail where it appears in the "Featured Gallery" featuredBox division. Can you help me figure out how to stop displaying the thumbnail for the "Click on Featured Pictues Gallery to View" gallery (i.e., the cheetah cubs thumbail)?

www.wildstate.com (http://www.wildstate.com)[/QUOTE]

digitalpins
Mar-01-2006, 05:46 AM
ok where would I find my description box and the stylesheet html so that I can put that info in there






okay guys, i'm just expanding on jt's stuff becuase so many people, like me, are html and css idiots - we are the copy/paste/edit/modify crowd :lol3

so:

this stuff and really whatever you want your html to be, goes into the "gallery description edit box:

<html>
<div class="opening">Here is my HTML OnlyGallery</div>
<div style="font-size: 14px; color: #ffffff; font-weight: normal">Hello, welcome to my pricing page.</div><style type="text/css">
htmlblahblahblahblah-de-blah
</html>

now this stuff goes in your stylesheet html:

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

and you can see an example html only page here (http://www.moonriverphotography.com/gallery/911245)

Andy
Mar-02-2006, 07:03 AM
No PMs answered privately. Why? A question by one can be answered by many, and the answer from one can benefit many :deal

I will look soon..

Having a problem with my html only page, hi sorry to bother u but I followed you direction in this thread can u take a look at my page and tell what am I doing wrong. If you have the time thanks alot.

Ryan

http://www.digitalpins.smugmug.com/gallery/1116553

:scratch

Mike Lane
Mar-02-2006, 07:30 AM
Having a problem with my html only page, hi sorry to bother u but I followed you direction in this thread can u take a look at my page and tell what am I doing wrong. If you have the time thanks alot.

Ryan

http://www.digitalpins.smugmug.com/gallery/1116553

:scratch

What is it you're having problems with on that page?

digitalpins
Mar-02-2006, 07:32 AM
lol.... I have no clue, first on the top left of my page I see the text
Hello, welcome to my pricing page.
htmlblahblahblahblah-de-blah

Not sure if thats supposed to be there also is there a way I can make the picture smaller.

On Andy's website his link to about me his page is laid out nice and clean thats how I want mine to look, not just like it but similar

Andy
Mar-02-2006, 07:35 AM
lol.... I have no clue, first on the top left of my page I see the text
Hello, welcome to my pricing page.
htmlblahblahblahblah-de-blah

Not sure if thats supposed to be there also is there a way I can make the picture smaller.

On Andy's website his link to about me his page is laid out nice and clean thats how I want mine to look, not just like it but similar

OK so you copied and pasted the "example text" - you can make that any text you like. Start by replacing that text :deal

Andy
Mar-02-2006, 07:37 AM
lol.... I have no clue, first on the top left of my page I see the text
Hello, welcome to my pricing page.
htmlblahblahblahblah-de-blah

Not sure if thats supposed to be there also is there a way I can make the picture smaller.

On Andy's website his link to about me his page is laid out nice and clean thats how I want mine to look, not just like it but similar

Well yes, you do have a clue. I just remembered, you were asking about having a smaller photo on your page, and I answered you by saying you could have an HTML only page. OK so THIS is info we need to know in order to be able to help you :D

BTW, you know, if you really want a smaller image, why not just replace the image that you have there now, with one exactly the size you want? Then you won't have to do an HTML only page. Unless you have other plans for the page, that is....

Again, MORE INFO is better - we can't read minds :lol3

digitalpins
Mar-02-2006, 07:48 AM
oh ok thanks I just deleted that text, nevermind on the image size I am going to change the photo, I want to get rid of the dotted lines and the gallery page text and maybe to remove the footer only on this page.

Thanks alot if you can help

Andy
Mar-02-2006, 08:00 AM
oh ok thanks I just deleted that text, nevermind on the image size I am going to change the photo, I want to get rid of the dotted lines and the gallery page text and maybe to remove the footer only on this page.

Thanks alot if you can help

So, for the footer, you'll need to do just like you did for your header. Create a div, my_footer and set it up exactly the same way as you did for your header. Then, you'd insert css code to block it in that gallery:

.gallery_XXXXXX #my_footer {display: none;}


for the dashed lines, a quick look at my FAQ (STICKY IN THIS FORUM) will get you this:

.gallery_1116553 .journal_entry {border:0}

.gallery_1116553 .top_border, .bottom_border {
border: 0px;
}

digitalpins
Mar-02-2006, 10:43 AM
OK thanks alot for all the help, I figured out most of it, happy with my site so far just gonna be adding some more images

again thanks alot.

rainforest1155
Apr-13-2006, 07:37 AM
<html>
<div class="opening">Here is my HTML OnlyGallery</div>
<div style="font-size: 14px; color: #ffffff; font-weight: normal">Hello, welcome to my pricing page.</div><style type="text/css">
htmlblahblahblahblah-de-blah
</html>

(bad example - the red part has to be removed)
I mentioned it before, but I guess no one saw it :D - remove the marked style-tag from your example - it creates confusion like it did here (http://www.dgrin.com/showthread.php?t=31914).

Sebastian

EDIT: It's this (http://www.dgrin.com/showpost.php?p=186127&postcount=19) post on page 2

Earle
Apr-23-2006, 05:59 PM
okay guys, i'm just expanding on jt's stuff becuase so many people, like me, are html and css idiots - we are the copy/paste/edit/modify crowd :lol3
So I am looking to add a html only page...
but at the same time take everything off of it from smugmug, using css. So that I can start with a blank page.
I saw a really great thread about how to do this, but I can not find it, can I possibly get help locating that thread?

So I found it...and tried it and yeah...everything is great

KC Photo
May-01-2006, 09:16 PM
Thanks JT. I just did my Pricing and Photography Services gallery.

www.lenscapephotography.com (http://www.lenscapephotography.com)

Could you share with me in detail how you created your pricing page? I'm relatively new to CSS and have grasped only bits and pieces of it.
Thanks,

Keith Carey

Andy
May-02-2006, 03:44 AM
Could you share with me in detail how you created your pricing page? I'm relatively new to CSS and have grasped only bits and pieces of it.
Thanks,

Keith Carey
Hi :wave Keith

Welcome to Dgrin :D

A good start is "view source" on the page in question. You can certainly copy/paste/modify as your first exercise in HTML. Then, simply follow the steps in this thread and ... voila! Once you get thru the first parts, we can help you make it "your own" and not "someone else's."

Sound good? :ear

KC Photo
May-02-2006, 02:31 PM
Hi :wave Keith

Welcome to Dgrin :D

A good start is "view source" on the page in question. You can certainly copy/paste/modify as your first exercise in HTML. Then, simply follow the steps in this thread and ... voila! Once you get thru the first parts, we can help you make it "your own" and not "someone else's."

Sound good? :ear

Thanks Andy. How do I view source? And once I do. do I copy and paste it in the css section? Once I get the jist, I'm sure I'll be fine.

Andy
May-02-2006, 03:30 PM
Thanks Andy. How do I view source? And once I do. do I copy and paste it in the css section? Once I get the jist, I'm sure I'll be fine.

In any browser, look at your tool bar...


IE6: View>Source

Firefox: View>Page Source

THE BEST way is to get Firefox, and the Firefox Web Dev tool (both free, and both linked in my sig below).

HTML is NOT CSS. Viewing the source, you'd copy and paste it into a gallery description, as instructed in this thread- re-read the instructions please... be SURE to put what you copy and paste IN BETWEEN <html> and </html>

:thumb

KC Photo
May-02-2006, 03:33 PM
In any browser, look at your tool bar...


IE6: View>Source

Firefox: View>Page Source

THE BEST way is to get Firefox, and the Firefox Web Dev tool (both free, and both linked in my sig below).

HTML is NOT CSS. Viewing the source, you'd copy and paste it into a gallery description, as instructed in this thread- re-read the instructions please... be SURE to put what you copy and paste IN BETWEEN <html> and </html>

:thumbThanks Im a little closer now.

Earle
May-03-2006, 05:19 PM
Hello,
I have a gallery that I am trying one of Andy's tricks in...it defently isn't perfect, but never mind that yet.

I added my own html code, and ALSO added the correct CSS code for my html only page, and yet at the very bottom of the page, there still comes up the regular smugmug gallery.
Ok, my question then is,
to get rid of the pictures, do I have to delete them?

http://momentful.smugmug.com/gallery/1344435

Andy
May-03-2006, 05:47 PM
Hello,
I have a gallery that I am trying one of Andy's tricks in...it defently isn't perfect, but never mind that yet.

I added my own html code, and ALSO added the correct CSS code for my html only page, and yet at the very bottom of the page, there still comes up the regular smugmug gallery.
Ok, my question then is,
to get rid of the pictures, do I have to delete them?

http://momentful.smugmug.com/gallery/1344435

/* don't display the photos in my pimped-out shirts n stuff gallery */
.gallery_1344435 #photos {
display: none;
}

mgomez
Jun-15-2006, 07:45 PM
have I missed something....

how do I make the 'this is a brand new gallery with no photos' disappear?

www.merryngomezphotography.smugmug.com/gallery/1319921/1

and also how do i make the links across the top within the gallery disappear eg 'merryngomezphotography> Private Galleris > About Me'

Thanks!

Andy
Jun-15-2006, 08:01 PM
have I missed something....

how do I make the 'this is a brand new gallery with no photos' disappear?
it's right here:
http://www.dgrin.com/showpost.php?p=186127&postcount=19
which is the post you are directed to from the FAQ to this thread :D

those bits go in your CSS, ok?


and also how do i make the links across the top within the gallery disappear eg 'merryngomezphotography> Private Galleris > About Me'

Thanks!

#breadcrumb {display: none;} for your whole site or
.gallery_XXXXXX #breadcrumb {display: none;} for a specific gallery.

:wave

mgomez
Jun-15-2006, 08:37 PM
it's right here:
http://www.dgrin.com/showpost.php?p=186127&postcount=19
which is the post you are directed to from the FAQ to this thread :D

those bits go in your CSS, ok?


forgice me Andy, I have done that and it still seems to be there :dunno

mgomez
Jun-15-2006, 08:38 PM
forgice me Andy, I have done that and it still seems to be there :dunno
whoopsy, I meant Forgive me!

mgomez
Jun-15-2006, 11:27 PM
Hmmm works now anyway!!

thanks for your help AGAIN Andy!

zerobuttons
Jul-16-2006, 10:00 AM
it's right here:........
I have the opposite problem. I wish to show the breadcrumb links in my page. My newly created nophotos gallery is the only one not to show them. Can anyone clarify this for me?

Oh, and I keep having the top and bottom borders no matter which of the advice from this thread I try. What´s up with that?

And why is my nophotos gallery the only gallery that starts with 'www.smugmug.com'? All my other galleries start with 'zerobuttons.smugmug.com'.

The page is here:
http://www.smugmug.com/gallery/1672837

Best regards,
David List
http://zerobuttons.smugmug.com/

Andy
Jul-16-2006, 10:02 AM
I have the opposite problem. I wish to show the breadcrumb links in my page. My newly created nophotos gallery is the only one not to show them. Can anyone clarify this for me?

Oh, and I keep having the top and bottom borders no matter which of the advice from this thread I try. What´s up with that?

And why is my nophotos gallery the only gallery that starts with 'www.smugmug.com'? All my other galleries start with 'zerobuttons.smugmug.com'.

The page is here:
http://www.smugmug.com/gallery/1672837

Best regards,
David List
http://zerobuttons.smugmug.com/

It's because you have "hide owner" set to "yes" in your gallery customization.

Hide Owner hides your name, and your navigation and your customization.

Set it to "no" and you'll be fine :deal

zerobuttons
Jul-17-2006, 07:50 AM
It's because you have "hide owner" set to "yes" in your gallery customization.


Right. That did it. Thank you very much.

How about the top and bottom borders - can I get rid of them?

Best regards,
David List

Andy
Jul-17-2006, 08:11 AM
Right. That did it. Thank you very much.

How about the top and bottom borders - can I get rid of them?

Best regards,
David List

force the gallery to a style - say, allthumbs, and then add this:

.gallery_1672837 #allthumbs {
border-top: none;
border-bottom: none;
}

zerobuttons
Jul-21-2006, 07:49 AM
force the gallery to a style ........

Great. Will try that. Thank you.

Best regards,
David List

James S
Jul-21-2006, 11:29 AM
look for !-- Start Content --> and <!-- End Content --> and get what's in between :D

keep in mind, as we change help pages you'll need to change, too.


I am trying to do something like this to help buyer with prints. But when I copy the page source between !-- Start Content --> to <!-- End Content -->

I get no photos. Why is that?

Andy
Jul-21-2006, 11:35 AM
I am trying to do something like this to help buyer with prints. But when I copy the page source between !-- Start Content --> to <!-- End Content -->

I get no photos. Why is that?
Which page, link please?

James S
Jul-21-2006, 12:00 PM
Which page, link please?
Sorry.

I am trying to add the buying prints help page from smugmug to a clickable gallery on my site kinda like you have your page here:

http://www.moonriverphotography.com/gallery/1096465

Andy
Jul-21-2006, 12:09 PM
Sorry.

I am trying to add the buying prints help page from smugmug to a clickable gallery on my site kinda like you have your page here:

http://www.moonriverphotography.com/gallery/1096465
So how's this?

http://jstantonjr.smugmug.com/gallery/1691025

James S
Jul-21-2006, 12:14 PM
So how's this?

http://jstantonjr.smugmug.com/gallery/1691025

Perfect! Andy you rock. But I like to learn mind telling me what I was missing?

I think I just realized I was missing my html tags.


Then I go DOH!

Andy
Jul-21-2006, 12:42 PM
Perfect! Andy you rock. But I like to learn mind telling me what I was missing?

I think I just realized I was missing my html tags.


Then I go DOH!
:nod

JMichael
Aug-11-2006, 10:23 AM
okay guys, i'm just expanding on jt's stuff becuase so many people, like me, are html and css idiots - we are the copy/paste/edit/modify crowd :lol3

so:

this stuff and really whatever you want your html to be, goes into the "gallery description edit box:

<html>
your valid HTML goes here
htmlblahblahblahblah-de-blah
</html>

now this stuff goes in your CSS box on your customization page:

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

and you can see an example html only page here (http://www.moonriverphotography.com/gallery/911245)

This single post has ended my rage at the completely backwards way of setting up pages with SmugMug.

It still -is- rather unwieldy for a guy like me who started writing webpages in notepad back in the early 90's... I like using DreamWeaver and watching the code expand as I work. -But- at least now I know how the hell everyone else seemed to be able to code a regular ole webpage and stuff it into smug mug.

Thanks :) I'm much less pissed now! :thumb

Mike Lane
Aug-11-2006, 10:49 AM
This single post has ended my rage at the completely backwards way of setting up pages with SmugMug.

It still -is- rather unwieldy for a guy like me who started writing webpages in notepad back in the early 90's... I like using DreamWeaver and watching the code expand as I work. -But- at least now I know how the hell everyone else seemed to be able to code a regular ole webpage and stuff it into smug mug.

Thanks :) I'm much less pissed now! :thumb

Ah burned by dreamweaver. They should put a warning on DW. "This program should only be used if you are comfortable and capable of creating your own html and css from scratch. Otherwise you'll end up with a bloated confusing mess of a page and you'll end up having troubles elsewhere." Or something like that.

devbobo
Aug-11-2006, 05:34 PM
a guy like me who started writing webpages in notepad back in the early 90's.

mmmmmmm notepad...my html editor of choice since 199x :D

JMichael
Aug-12-2006, 04:39 PM
Ah burned by dreamweaver. They should put a warning on DW. "This program should only be used if you are comfortable and capable of creating your own html and css from scratch. Otherwise you'll end up with a bloated confusing mess of a page and you'll end up having troubles elsewhere." Or something like that.

I almost always write the code from scratch and just use DW to preview and plug in more obscure and underused tags.

If you want to see real bloat... Make a single html document that just says "Hello." in frontpage. It'll be like 80+ lines of code! I can't believe how bloated FP is.

Mike Lane
Aug-13-2006, 08:18 AM
I almost always write the code from scratch and just use DW to preview and plug in more obscure and underused tags.

If you want to see real bloat... Make a single html document that just says "Hello." in frontpage. It'll be like 80+ lines of code! I can't believe how bloated FP is.

:lol3 yeah, front page should slowly fade into oblivion. Have you heard about the new MS expression line? It looks like it will be pretty cool. http://www.microsoft.com/products/expression/en/default.mspx

dcyphert
Aug-14-2006, 07:55 AM
okay guys, i'm just expanding on jt's stuff becuase so many people, like me, are html and css idiots - we are the copy/paste/edit/modify crowd :lol3

so:

this stuff and really whatever you want your html to be, goes into the "gallery description edit box:

<html>
your valid HTML goes here
htmlblahblahblahblah-de-blah
</html>

now this stuff goes in your CSS box on your customization page:

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

and you can see an example html only page here (http://www.moonriverphotography.com/gallery/911245)

Andy,
I have a couple problems & I hope you can point me in the right direction...
#1) I am trying to get rid of the dreaded Breadcrumbs from my "Gaurantee" page, like yours, http://www.moonriverphotography.com/gallery/911245

My page is here, http://propointmedia.smugmug.com/gallery/1687049, how do I get rid of the propointmedia (http://propointmedia.smugmug.com/) > Other (http://propointmedia.smugmug.com/Other) > Guarantee at the top of the page (under the header)

I assume CSS code will fix this.

#2) How do I fix the problem on this sub-category page, http://propointmedia.smugmug.com/Cranberry%20Sports , I want the thumbs to be 4 or 5 across like on my Home page, http://propointmedia.smugmug.com/.

I am still trying to understand this CSS syntax.:scratch

Thank you.

Andy
Aug-14-2006, 08:10 AM
Andy,
I have a couple problems & I hope you can point me in the right direction...
#1) I am trying to get rid of the dreaded Breadcrumbs from my "Gaurantee" page, like yours, http://www.moonriverphotography.com/gallery/911245

My page is here, http://propointmedia.smugmug.com/gallery/1687049, how do I get rid of the propointmedia (http://propointmedia.smugmug.com/) > Other (http://propointmedia.smugmug.com/Other) > Guarantee at the top of the page (under the header)

I assume CSS code will fix this.
add this:

.gallery_1687049 #breadcrumb,
.gallery_1687049 #breadcrumb .nav {display: none;}


#2) How do I fix the problem on this sub-category page, http://propointmedia.smugmug.com/Cranberry%20Sports , I want the thumbs to be 4 or 5 across like on my Home page, http://propointmedia.smugmug.com/.

I am still trying to understand this CSS syntax.:scratch

Thank you.
add this:


#subcategoriesBox .miniBox { margin:0; padding:0; height:260px; width:132px; position:relative; }
#subcategoriesBox .miniBox .nav, #galleriesBox .miniBox .private, #galleriesBox .miniBox p.updated, #galleriesBox .miniBox p.description, #galleriesBox .miniBox p.albumTitle {display:block; text-align:center; position:relative; }
#subcategoriesBox .miniBox .photo { width:100px; height:auto; _height:1%; }

sriley
Oct-23-2006, 12:37 PM
okay guys, i'm just expanding on jt's stuff becuase so many people, like me, are html and css idiots - we are the copy/paste/edit/modify crowd :lol3

so:

this stuff and really whatever you want your html to be, goes into the "gallery description edit box:

<html>
your valid HTML goes here
htmlblahblahblahblah-de-blah
</html>

now this stuff goes in your CSS box on your customization page:

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

and you can see an example html only page here (http://www.moonriverphotography.com/gallery/911245)


Ok, this is going to be a total n00b question, but how do I create a blank page to hold the HTML? I have someone that knows HTML and can help me with the layout code, but where do I put it to create its own page?

Also, what is the best way to see my website's hierarchy? Is there an easy way?

rileyphotography.smugmug.com

Thanks!

Andy
Oct-23-2006, 12:42 PM
Ok, this is going to be a total n00b question, but how do I create a blank page to hold the HTML? I have someone that knows HTML and can help me with the layout code, but where do I put it to create its own page?
You put all the html in the gallery description. Surround it with <html> in the beginning and </html> at the end. Just like we say in this post :D

Holler with any questions.

Dramatapix®
Dec-04-2006, 07:20 AM
okay guys, i'm just expanding on jt's stuff becuase so many people, like me, are html and css idiots - we are the copy/paste/edit/modify crowd :lol3

so:

this stuff and really whatever you want your html to be, goes into the "gallery description edit box:

<html>
your valid HTML goes here
htmlblahblahblahblah-de-blah
</html>

now this stuff goes in your CSS box on your customization page:

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

and you can see an example html only page here (http://www.moonriverphotography.com/gallery/911245)

Thanks so much Andy!

dcyphert
Dec-04-2006, 11:22 AM
add this:

.gallery_1687049 #breadcrumb,
.gallery_1687049 #breadcrumb .nav {display: none;}


add this:


#subcategoriesBox .miniBox { margin:0; padding:0; height:260px; width:132px; position:relative; }
#subcategoriesBox .miniBox .nav, #galleriesBox .miniBox .private, #galleriesBox .miniBox p.updated, #galleriesBox .miniBox p.description, #galleriesBox .miniBox p.albumTitle {display:block; text-align:center; position:relative; }
#subcategoriesBox .miniBox .photo { width:100px; height:auto; _height:1%; }

Andy,

Is there a quick fix to why I don't have a Title on my Guarantee page (http://www.propointmedia.smugmug.com/gallery/1687049), similar to where yours says "GUARANTEE" in big white letters. It's probably a simple error in the CSS or something I'm omitting. Thanks.

gravelbrat
Dec-19-2006, 10:57 PM
okay guys, i'm just expanding on jt's stuff becuase so many people, like me, are html and css idiots - we are the copy/paste/edit/modify crowd :lol3

so:

this stuff and really whatever you want your html to be, goes into the "gallery description edit box:

<html>
your valid HTML goes here
htmlblahblahblahblah-de-blah
</html>

now this stuff goes in your CSS box on your customization page:

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

and you can see an example html only page here (http://www.moonriverphotography.com/gallery/911245)
Hi All,

I've tried the items above, but my contact page is swacked:

http://9thtrydigital.smugmug.com/gallery/2255234

Can someone give a look-see and help me know where this is so off base?
I created a lovely transparent background gif image which uploaded to my smug site and became a jpg. The background is white instead of transparent. Text sizes are off base too.

BLEEP!!! Thanks for guidance!

Andy
Dec-20-2006, 04:06 AM
BLEEP!!! Thanks for guidance!





:wave hi and welcome

1) the image you linked was -L.gif, you must link the Original size to have the transparency. I fixed that.

2) you don't want the stylebar so I forced the gallery to allthumbs

3) you had this:


/* html only page for gallery 2255234 */
.gallery_2255234 .nophotos { display: none; }


needs to be this:


/ html only page for gallery 2255234 /
.gallery_2255234 .nophotos { display: none; }

Andy
Dec-20-2006, 04:08 AM
You must change the color of your navlinks in your Footer please, we can't read, "Powered by SmugMug" and that's a : nono Nono.

gravelbrat
Dec-31-2006, 04:27 PM
You must change the color of your navlinks in your Footer please, we can't read, "Powered by SmugMug" and that's a : nono Nono.
Hi,

I've just started looking at this again since traveling for Christmas - I never knew you answered me - THANKS!!

I am trying to change the colors of the navlinks...working with the Web Developer Toolbar...I guess I am not getting the syntax right.
#footer .nav {
color: #f2a612;
}

Pulling my hairs out - will soon be bald!!

You also talked about this: 2) you don't want the stylebar so I forced the gallery to allthumbs
I am afraid I messed up whatever you did, will you tell me how to force a gallery to one type of display?

The page in question here is this:
http://9thtrydigital.smugmug.com/gallery/2297554
you can see I have some positioning work to do, and a bit more hiding of some smug elements at the bottom.

Greatly appreciated - HAPPY NEW YEAR!!

Andy
Dec-31-2006, 04:58 PM
Hi,

I've just started looking at this again since traveling for Christmas - I never knew you answered me - THANKS!!

I am trying to change the colors of the navlinks...working with the Web Developer Toolbar...I guess I am not getting the syntax right.
#footer .nav {
color: #f2a612;
}

Pulling my hairs out - will soon be bald!!

You also talked about this: 2) you don't want the stylebar so I forced the gallery to allthumbs
I am afraid I messed up whatever you did, will you tell me how to force a gallery to one type of display?

The page in question here is this:
http://9thtrydigital.smugmug.com/gallery/2297554
you can see I have some positioning work to do, and a bit more hiding of some smug elements at the bottom.

Greatly appreciated - HAPPY NEW YEAR!!



Gallery customization, force a style. I did that for you. I also added the .gallery_2297554 .nophotos {display: none;}

You may not hide any "Smug Stuff" at the bottom. In fact, you have to make your footer readable. Like this:

gravelbrat
Dec-31-2006, 10:33 PM
Gallery customization, force a style. I did that for you. I also added the .gallery_2297554 .nophotos {display: none;}

You may not hide any "Smug Stuff" at the bottom. In fact, you have to make your footer readable. Like this:
Hey Andy,

Thanks, it's really getting there. I still have the problem with the footer being readable. Your example said like this: but I don't see anything beyond that...

Thanks for the help with the style box!

:D

pamcam
Jan-22-2007, 06:05 AM
In your directions for an html only page, you say to put gallery_xxxxxx in the CSS portion. Are these x's the name I have given the gallery or the smugmug assigned number?

BTW, thanks so much for all of your work on dgrin! It is much appreciated.

Pam
www.lazyeyephotos.com

ivar
Jan-22-2007, 06:07 AM
In your directions for an html only page, you say to put gallery_xxxxxx in the CSS portion. Are these x's the name I have given the gallery or the smugmug assigned number?

BTW, thanks so much for all of your work on dgrin! It is much appreciated.

Pam
www.lazyeyephotos.com (http://www.lazyeyephotos.com)Hi Pam, welcome to dgrin :wave

The X's are to be replaced by the gallery number. So it will look like this:

.gallery_1234567

I hope this helps. Holler if you have any questions!

pamcam
Jan-22-2007, 06:14 AM
Also, how do I get my banner and nav bar to appear on my html only pages like they do on m home page and gallery page? The instructions were great for those but now I'm lost.

Pam

pamcam
Jan-22-2007, 06:22 AM
Hi Pam, welcome to dgrin :wave

The X's are to be replaced by the gallery number. So it will look like this:

.gallery_1234567

I hope this helps. Holler if you have any questions!

I tried that but the message still appears on the page that there are not any photos in the gallery. How do I get this to go away?

Thanks,
Pam
http://www.smugmug.com/gallery/2376993

pamcam
Jan-22-2007, 07:19 PM
I tried that but the message still appears on the page that there are not any photos in the gallery. How do I get this to go away?

Thanks,
Pam
http://www.smugmug.com/gallery/2376993

I think I figured it out! I had "hide owner" checked. Now that problem is solved and so I'm off to find more hurdles in this html jungle.

Pam
http://www.lazyeyephotos.com/

pamcam
Jan-22-2007, 07:23 PM
I think I figured it out! I had "hide owner" checked. Now that problem is solved and so I'm off to find more hurdles in this html jungle.

Pam
http://www.lazyeyephotos.com/

Urgh, unchecking hide owner solved my banner and navigation bar probs, but not the no photo issue.

alisonphoto
Feb-07-2007, 06:36 PM
you know, I tried this...exactly, I think, and I just can't get it to work. Is there something that I'm missing??? I'm new at this and would really appreciate your help.
alisonphoto

okay guys, i'm just expanding on jt's stuff becuase so many people, like me, are html and css idiots - we are the copy/paste/edit/modify crowd :lol3

so:

this stuff and really whatever you want your html to be, goes into the "gallery description edit box:

<html>
your valid HTML goes here
htmlblahblahblahblah-de-blah
</html>

now this stuff goes in your CSS box on your customization page:

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

and you can see an example html only page here (http://www.moonriverphotography.com/gallery/911245)

StevenV
Feb-07-2007, 06:41 PM
you know, I tried this...exactly, I think...

how "exactly?"

did you replace XXXXX with your gallery's number?

alisonphoto
Feb-10-2007, 07:16 AM
Hi,
This is exactly what I put:

/* html only page for gallery 2441681/1/128082800 */
.gallery_2441681/1/128082800 .nophotos !important;{
display: none;
}
.gallery_2441681/1/128082800 .pageNav !important;{
display: none;
}
I also did it without the !important; in both paces

As I am a super beginner, I cut and pasted html so I will show you that as well:
<html>
<head>
<title> Commissions</title>
</head>
<body>
blah blah blah.
</body>
</html>

Thank you. I really appreciate any help you can offer.
Alison

how "exactly?"

did you replace XXXXX with your gallery's number?

Andy
Feb-10-2007, 07:33 AM
Hi,
This is exactly what I put:

/* html only page for gallery 2441681/1/128082800 */
.gallery_2441681/1/128082800 .nophotos !important;{
display: none;
}
.gallery_2441681/1/128082800 .pageNav !important;{
display: none;
}
I also did it without the !important; in both paces

As I am a super beginner, I cut and pasted html so I will show you that as well:
<html>
<head>
<title> Commissions</title>
</head>
<body>
blah blah blah.
</body>
</html>

Thank you. I really appreciate any help you can offer.
Alison

Like this:

/* html only page for gallery 2441681 */
.gallery_2441681 .nophotost;{
display: none;
}
.gallery_2441681 .pageNav !important;{
display: none;
}

This is your HTML, it goes in the gallery description:

<html>
<h2> Commissions</h2>
blah blah blah.
</html>

alisonphoto
Feb-10-2007, 08:24 AM
Thank you for the quick response. Unfortunately, it's still not working. I have the html in the gallery description box. I cut and pasted just exactly as you have it. Then I tried removing the t; at the end of the first nophotos in case that was a mistake. In the header where I have the forwarading instructions for my navigation bar, I changed the link to be 2441681 instead of the longer number. None of this seems to make a difference. Any more ideas???? Thank you. www.alisonphoto.com (http://www.alisonphoto.com)

Like this:

/* html only page for gallery 2441681 */
.gallery_2441681 .nophotost;{
display: none;
}
.gallery_2441681 .pageNav !important;{
display: none;
}

This is your HTML, it goes in the gallery description:

<html>
<h2> Commissions</h2>
blah blah blah.
</html>

Andy
Feb-10-2007, 08:30 AM
Any more ideas???? Thank you. www.alisonphoto.com (http://www.alisonphoto.com)
What are you trying to do? Your html shows up fine. You have a photo uploaded, and the gallery forced to filmstrip - is that your intention, to show a photo?

:ear

Mike Lane
Feb-10-2007, 08:32 AM
Thank you for the quick response. Unfortunately, it's still not working. I have the html in the gallery description box. I cut and pasted just exactly as you have it. Then I tried removing the t; at the end of the first nophotos in case that was a mistake. In the header where I have the forwarading instructions for my navigation bar, I changed the link to be 2441681 instead of the longer number. None of this seems to make a difference. Any more ideas???? Thank you. www.alisonphoto.com (http://www.alisonphoto.com):lol3 I think andy had a little too much crack for breakfast. He just made a couple of errors. Could happen to anyone. Try using this code:

/* html only page for gallery 2441681 */
.gallery_2441681 .nophotos {
display: none;
}
.gallery_2441681 .pageNav {
display: none;
}

This is your HTML, it goes in the gallery description:

<html>
<h2> Commissions</h2>
blah blah blah.
</html>

Andy
Feb-10-2007, 08:37 AM
:lol3 I think andy had a little too much crack for breakfast. He just made a couple of errors. Could happen to anyone. Try using this code:

/* html only page for gallery 2441681 */
.gallery_2441681 .nophotos {
display: none;
}
.gallery_2441681 .pageNav {
display: none;
}

This is your HTML, it goes in the gallery description:

<html>
<h2> Commissions</h2>
blah blah blah.
</html>
hahah yes indeed, i made some serious boo-boos in that code example. :whip :andy

alisonphoto
Feb-10-2007, 08:53 AM
Thanks. I compensated for the boo-boos....but my version of the crack was that I had it right and didn't know it! I thought I was looking at regular text not html and that the photo was supposed to go away.

OK, so if you're not sick of helping me yet, please could you tell me how to have a single photo there - not the forced filmstrip and how to find some html instructions so that I can change that font, make it bigger and a different color :rofl

hahah yes indeed, i made some serious boo-boos in that code example. :whip :andy

Andy
Feb-11-2007, 04:03 AM
OK, so if you're not sick of helping me yet, please could you tell me how to have a single photo there - not the forced filmstrip and how to find some html instructions so that I can change that font, make it bigger and a different color :roflIs there a reason you are making an html gallery and not a regular gallery, forcing the style to journal, and putting your html in the caption? What are you trying to achieve here?


Our HTML Help Page is at http://www.smugmug.com/help/html-help.mg

alisonphoto
Feb-11-2007, 11:42 AM
Hi Andy,
Truly speaking, I'm trying to achieve an html page with no photo. I just can't seem to eliminate the photo....so then I went with the photo in the best style I could find.

Eliminating the photo can be done, I'm sure. But how?

Is there a reason you are making an html gallery and not a regular gallery, forcing the style to journal, and putting your html in the caption? What are you trying to achieve here?


Our HTML Help Page is at http://www.smugmug.com/help/html-help.mg

Mike Lane
Feb-11-2007, 11:59 AM
Hi Andy,
Truly speaking, I'm trying to achieve an html page with no photo. I just can't seem to eliminate the photo....so then I went with the photo in the best style I could find.

Eliminating the photo can be done, I'm sure. But how?Simply delete that photo from your gallery. The code that andy gave you will do the rest :thumb

alisonphoto
Feb-12-2007, 03:14 PM
Thank you so much. You guys are both great.

I now have two more questions. I'm wondering if there is a way to put the filmstrip bar on the bottom...(I tried everything I could think of and find already to no avail). And is there a way to have the the Gallery catagories and the number of the photos not appear in blue. I thought that would be easy but my solutions are not working. One of the ways I tried is: .miniBox .albumTitle a {color:#707070; !important} Is that close???

Thank you very much for your continued help. SmugMug is great! It really enables you to customize wonderfully.....even when you don't know how!

Simply delete that photo from your gallery. The code that andy gave you will do the rest :thumb

gwyneth
May-12-2007, 07:42 PM
hi andy (and others) i'm not sure what i'm doing wrong, but this is not working for me. i'm trying to do it for this gallery: http://www.smugmug.com/gallery/1995422 (or: http://www.gwynethcolleenphotography.com/gallery/1995422 )

and, no matter how many times i've gone back into the control panel...it's still not working properly. also, i've customised the gallery so that it is NOT supposed to hide my navigation or look/feel, but it still is in ff! anyone?

Andy
May-12-2007, 08:02 PM
hi andy (and others) i'm not sure what i'm doing wrong, but this is not working for me. i'm trying to do it for this gallery: http://www.smugmug.com/gallery/1995422 (or: http://www.gwynethcolleenphotography.com/gallery/1995422 )

and, no matter how many times i've gone back into the control panel...it's still not working properly. also, i've customised the gallery so that it is NOT supposed to hide my navigation or look/feel, but it still is in ff! anyone?

That gallery link isn't valid, can you give us a good link please?

timsmith
Sep-28-2007, 01:59 PM
okay guys, i'm just expanding on jt's stuff becuase so many people, like me, are html and css idiots - we are the copy/paste/edit/modify crowd :lol3

so:

this stuff and really whatever you want your html to be, goes into the "gallery description edit box:

<html>
your valid HTML goes here
htmlblahblahblahblah-de-blah
</html>

now this stuff goes in your CSS box on your customization page:

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

and you can see an example html only page here (http://www.moonriverphotography.com/gallery/911245)

Can you set the background image for you galleries like this. I'm am tring to set a background image for this page behind the smugmug_small.

http://www.timsmithphoto.com/gallery/3465672#194860960

Thanks,

Tim

Shima
Apr-24-2008, 08:31 PM
okay guys, i'm just expanding on jt's stuff becuase so many people, like me, are html and css idiots - we are the copy/paste/edit/modify crowd :lol3

so:

this stuff and really whatever you want your html to be, goes into the "gallery description edit box:


your valid HTML goes here
htmlblahblahblahblah-de-blah


now this stuff goes in your CSS box on your customization page:

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

and you can see an example html only page here (http://www.moonriverphotography.com/gallery/911245)

Andy,

Your example page no longer works fyi.

TexPhotog
Apr-26-2008, 04:07 AM
Thanks JT. I just did my Pricing and Photography Services gallery.

www.lenscapephotography.com (http://www.lenscapephotography.com/)
Ok, so this post is quite old, but I looked at the website and it shows that "lenscapephotography" sells 9x12's...Is this correct??? I looked at all the sizes available for sale and was unable to find 9x12, which some models require for their books... Any help with this is appreciated... Thanks... Miguel www.pmaphotovideo.com (http://www.pmaphotovideo.com)

denisegoldberg
Apr-26-2008, 04:29 AM
Ok, so this post is quite old, but I looked at the website and it shows that "lenscapephotography" sells 9x12's...Is this correct??? I looked at all the sizes available for sale and was unable to find 9x12, which some models require for their books... Any help with this is appreciated... Thanks... Miguel www.pmaphotovideo.com (http://www.pmaphotovideo.com)
9x12 is listed under "compact prints" on this page - http://www.smugmug.com/prints/catalog.mg. And they must have been there for a long time because when I checked the pricing for my galleries I have prices set for 9x12s.

--- Denise

TexPhotog
Apr-29-2008, 03:11 AM
9x12 is listed under "compact prints" on this page - http://www.smugmug.com/prints/catalog.mg. And they must have been there for a long time because when I checked the pricing for my galleries I have prices set for 9x12s.

--- Denise
Yeah... I'm a goof....I saw that... Thanks for the help though =D

Lawrence.young
May-09-2008, 10:33 AM
I was trying to use your code in my css box to turn my about us gallery into an HTML only page and for some reason I don't see an effect. I'm having a short bus kind of day so I'm sorry if the answer is obvious. Any guidance would be appreciated.

Regards,

Lawrence

Andy
May-09-2008, 11:03 AM
I was trying to use your code in my css box to turn my about us gallery into an HTML only page and for some reason I don't see an effect. I'm having a short bus kind of day so I'm sorry if the answer is obvious. Any guidance would be appreciated.

Regards,

LawrenceAdd this to your CSS:

.gallery_4898812 .nophotos {display: none;}

Then your html goes in the album description.

Funmugs
Nov-06-2008, 10:48 AM
Disregard, I have posted in support.

I am missing something and can't debug.

http://funmugs.smugmug.com/gallery/6479102_LnTgC

Working on a "Prints" html page that shows only the "Prints" tab of the catalog2. The Books&More tab is too confusing to customers so I would like each tab of the catalog except the Books.

I thought I would then create a menu bar for the various catalog options.

magicpic
Jan-10-2009, 07:51 AM
okay guys, i'm just expanding on jt's stuff becuase so many people, like me, are html and css idiots - we are the copy/paste/edit/modify crowd :lol3

so:

this stuff and really whatever you want your html to be, goes into the "gallery description edit box:

<html>
your valid HTML goes here
htmlblahblahblahblah-de-blah
</html>

now this stuff goes in your CSS box on your customization page:

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

and you can see an example html only page here (http://www.moonriverphotography.com/gallery/911245)

got my slideshow working and put the stuff in css and it did not work dohttp://widgetr.smugmug.com/gallery/7025230_iPAvH

Allen
Jan-10-2009, 07:56 AM
got my slideshow working and put the stuff in css and it did not work dohttp://widgetr.smugmug.com/gallery/7025230_iPAvH
Get what to work? You have photos in that gallery so this does nothing.

/* html only page for gallery 7025230 */
.gallery_7025230 .nophotos { display: none; }

Perhaps you just wanted to hide the photos below.

/* html only page for gallery 7025230 */
.notLoggedIn .gallery_7025230 .pageNav,
.notLoggedIn .gallery_7025230 #photos { display: none; }

magicpic
Jan-10-2009, 08:27 AM
Get what to work? You have photos in that gallery so this does nothing.

/* html only page for gallery 7025230 */
.gallery_7025230 .nophotos { display: none; }

Perhaps you just wanted to hide the photos below.

/* html only page for gallery 7025230 */
.notLoggedIn .gallery_7025230 .pageNav,
.notLoggedIn .gallery_7025230 #photos { display: none; }

here is the page of my slideshowhttp://widgetr.smugmug.com/gallery/7025230_iPAvH#450774524_wRTM9
I pasted it in the css and it did not work I am trying to get rid of the photo to show my slideshow
plus I need to get the code not to show my paypal stuff on the portfolio page
plus I need to center my slideshow
thanks allen

Andy
Jan-10-2009, 10:42 AM
here is the page of my slideshowhttp://widgetr.smugmug.com/gallery/7025230_iPAvH#450774524_wRTM9
I pasted it in the css and it did not work I am trying to get rid of the photo to show my slideshow
plus I need to get the code not to show my paypal stuff on the portfolio page
plus I need to center my slideshow
thanks allen

Hello Magicpic, I deleted your other duplicate posting on this in the SmugMug Support forum.

1) you've already posted this and are in active discussion with Allen in another thread. Posting again clutters the forum, takes attention away from other poster's issues, and confuses the people helping you.

2) It belongs here in customizing forum

3) If you single out Allen, then you stop others from helping you, and you put an undue burden on one helper, Allen.

Andy
Jan-10-2009, 10:44 AM
here is the page of my slideshowhttp://widgetr.smugmug.com/gallery/7025230_iPAvH#450774524_wRTM9
I pasted it in the css and it did not work I am trying to get rid of the photo to show my slideshow
plus I need to get the code not to show my paypal stuff on the portfolio page
plus I need to center my slideshow
thanks allen

So on this gallery

http://widgetr.smugmug.com/gallery/7025230_iPAvH#450774524_wRTM9

you want no photos to show?

if so, add this:


.gallery_7025230 #photos {display: none;}

magicpic
Jan-10-2009, 11:09 AM
So on this gallery

http://widgetr.smugmug.com/gallery/7025230_iPAvH#450774524_wRTM9

you want no photos to show?

if so, add this:


.gallery_7025230 #photos {display: none;}

thanks andy:clap:clap:clap

http://widgetr.smugmug.com/gallery/7025230_iPAvH#449799920_epPJYhow:re (http://widgetr.smugmug.com/gallery/7025230_iPAvH#P-0-15)
v (http://widgetr.smugmug.com/gallery/7025230_iPAvH#P-0-15)Page1of 1Next > (http://widgetr.smugmug.com/gallery/7025230_iPAvH#P-2-15)>> (http://widgetr.smugmug.com/gallery/7025230_iPAvH#P-1-15) < Prev (javascript:void('0'))1 of 2Next > (http://widgetr.smugmug.com/gallery/7025230_iPAvH#450774524_wRTM9)
1- get rid of page number at the bottom of the page
2- center page
3- remove the paypal from that page?
thanks janis:bow:bow:bow

Andy
Jan-10-2009, 11:14 AM
3- remove the paypal from that page?
thanks janis:bow:bow:bow
wrap your paypal stuff in a div

<div id="mypapalbuttons">
paypal html here
</div>

then use css to hide it

#mypayaplbuttons {display: none;}

magicpic
Jan-10-2009, 11:32 AM
wrap your paypal stuff in a div

<div id="mypapalbuttons">
paypal html here
</div>

then use css to hide it

#mypayaplbuttons {display: none;}

all I want to for the paypalbutton not to show on certain gallerys
I tryed putting the <div id="mypapalbuttons">
paypal html here
</div> and then hiding it in css with
#mypayaplbuttons {display: none;}

and it do not work for me .....:scratch:scratch:scratch:scratch:scratchjanis

Allen
Jan-10-2009, 07:27 PM
all I want to for the paypalbutton not to show on certain gallerys
I tryed putting the <div id="mypapalbuttons">
paypal html here
</div> and then hiding it in css with
#mypayaplbuttons {display: none;}

and it do not work for me .....:scratch:scratch:scratch:scratch:scratchjanis
Add this for each specific gallery. Change the xxxxxxx to your gallery number.

.gallery_xxxxxxx #mypayaplbuttons {display: none;}

magicpic
Jan-11-2009, 07:30 AM
Add this for each specific gallery. Change the xxxxxxx to your gallery number.

.gallery_xxxxxxx #mypayaplbuttons {display: none;}

it did not work

adamdiveruk
Jan-19-2009, 10:44 AM
Hi all,

I think I'm probably being dense here, but I can't make this work!

My site is at www.adamhanlon.com (http://www.adamhanlon.com)

The specific page is http://www.adamhanlon.com/gallery/7100762_uGhLW

I've put the code in my CSS box-nothing changes!

Many thanks

Adam

OK think I have got it now!

okay guys, i'm just expanding on jt's stuff becuase so many people, like me, are html and css idiots - we are the copy/paste/edit/modify crowd :lol3

so:

this stuff and really whatever you want your html to be, goes into the "gallery description edit box:

<html>
your valid HTML goes here
htmlblahblahblahblah-de-blah
</html>

now this stuff goes in your CSS box on your customization page:

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

and you can see an example html only page here (http://www.moonriverphotography.com/gallery/911245)

HeavyJ
Feb-03-2009, 04:08 AM
I have 2 pages I want to be HTML pages. The about me page and the services page. Both I would like to work like Andy's in that the About me page is similar to an introduction/Blog and the services pages provides Pictures that are linked to HTML pages with an HTML page of that particular service.

Can someone give me a head start on what to do here?

PS. I did nothing in my CSS for either page, just the html in the description, and I still have no photos (Which is what I want right now.)

denisegoldberg
Feb-03-2009, 04:45 AM
I have 2 pages I want to be HTML pages. The about me page and the services page. Both I would like to work like Andy's in that the About me page is similar to an introduction/Blog and the services pages provides Pictures that are linked to HTML pages with an HTML page of that particular service.

Can someone give me a head start on what to do here?

PS. I did nothing in my CSS for either page, just the html in the description, and I still have no photos (Which is what I want right now.)
Take a look at Allen's tutorial on html-only pages at http://allen-steve.smugmug.com/gallery/3819841. That should give you a starting point.

--- Denise

HeavyJ
Feb-03-2009, 06:52 AM
Take a look at Allen's tutorial on html-only pages at http://allen-steve.smugmug.com/gallery/3819841. That should give you a starting point.

--- Denise

Got it working, but now I'm not sure how to get the title of the About Me page to change size and font. I thought this would be done in CSS.

TalkieT
Mar-02-2009, 02:18 AM
Add this for each specific gallery. Change the xxxxxxx to your gallery number.

.gallery_xxxxxxx #mypayaplbuttons {display: none;}

[EDIT - It's amazing how just typing out your problem to make sure you have documented it properly can lead you to the solution sometimes :-) I don't know exactly how I fixed it, but the code below DOES work, even when I am relocating the paypal with some JS]

I'm having real problems making this work... [edit: No I'm not]

on this gallery:

http://www.nzsnaps.com/gallery/6965847_Kbb8q#445833400_crhT8

I still get the Paypal stuff, even with this: [Not anymore :-)]

.gallery_6965847 #paypalContainer, .gallery_6965847 #paypalBackground {display: none;}

in my CSS. (I don't think I should need paypalBackground as well, but it doesn't suppress with just paypalContainer either...

I am using some Top Javascript to move the Paypal code into the Displayphoto DIV, and I hope that means I can still suppress the Paypal on certain galleries (or even better on a category or subcategory level)

I have some wedding galleries that I would like to suppress the Paypal for and I am currently stuck. [edit - not anymore... unstuck now!]

Any help appreciated. [edit: left this here for reference]

Regards
Neil Gardner

yukoner
Apr-05-2009, 11:19 AM
[UPDATED: Totally new instructions on how to do this since the new class is there.]

How to feature a photo for HTML pages
First: upload the image that you want to use and feature it. Next, if you are a pro, force the style of the gallery to All Thumbs, since it works nicer than the other styles for what we want to do. Next, add this style to the list of others; chaning the width and height to match the exact width and height of the photos on the All Thumbs page.

img[width="100"][height="80"] { display: none; }

What this does is tell the page not to display any images that match those exact dimensions. So if you wanted to add more images and have them rotate through, then you should have them either match those same dimensions or add another style for that size. Another option for those of you that link to these pages in your header is to simply make the gallery private so that it will not be seen on your homepage but you can still link to it.

JT

When I use the instruction above to not display the images in the gallery I am still left with a gray container where they would have been. See http://www.yukonphotographers.com/gallery/7807892_jianb

Is there a way to remove the gray, or the container, or to just not have to upload a photo in order to get rid of the message that "This is a new gallery with no images uploaded" (sic)?

Thanks for all your efforts. This is interesting and informative to be working on this. :rofl

Andy
Apr-06-2009, 12:03 PM
When I use the instruction above to not display the images in the gallery I am still left with a gray container where they would have been. See http://www.yukonphotographers.com/gallery/7807892_jianb

Is there a way to remove the gray, or the container, or to just not have to upload a photo in order to get rid of the message that "This is a new gallery with no images uploaded" (sic)?

Thanks for all your efforts. This is interesting and informative to be working on this. :rofl

Your code should be this:

.gallery_7807892 .nophotos { display: none; }

don't use the albumKey in your CSS :)

yukoner
Apr-06-2009, 12:29 PM
Your code should be this:

.gallery_7807892 .nophotos { display: none; }

don't use the albumKey in your CSS :)

Thanks Andy. Worked like a charm. :clap

ChancyRat
Jul-24-2009, 01:46 PM
okay guys, i'm just expanding on jt's stuff becuase so many people, like me, are html and css idiots - we are the copy/paste/edit/modify crowd :lol3

so:

this stuff and really whatever you want your html to be, goes into the "gallery description edit box:

<html>
your valid HTML goes here
htmlblahblahblahblah-de-blah
</html>

now this stuff goes in your CSS box on your customization page:

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

and you can see an example html only page here (http://www.moonriverphotography.com/gallery/911245)

You think YOU'RE an html and css dummy??? :rofl
Anyway, I fit right in.
I have searched multiple variations on this subject but can't find anything.

I would like a gallery to have a page 2, html page only, as an extension to the gallery description information. I think I would put a link at the bottom of the (page 1) gallery description, that the viewer would click to get to the HTML-only page 2.

I understand how to set up an HTML page only, I got that from this thread.
I'm asking mostly about navigation, I assume each page is its own gallery? and you put a link at the bottom of the original gallery (non-html only) to the first HTML-only (gallery) page? And ditto if you have a page three?
If I have that, where each HTML-page is its own gallery, where does one locate them? And how do you show navigation to the viewers, just with "previous" and "next" links?

Do the pages have to be unlisted? What does that do with navigation? Do you just get rid of the breadcrumb because the path wouldn't be correct? Thanks THANKS THANKS!!!

Thanks!

sunxsweet
Aug-01-2009, 08:12 AM
ah... this feels so silly... but i've been staring at it for hours now...

http://calvinj.smugmug.com/gallery/9115285_VtNFF

i've got this code in my css

.gallery_9115285 .nophotos {display: none;}

and i'm in journal (old) mode. help please...

(the craziest part is i have a gallery where i was successfully able to hid the pic from a long time ago)

sunxsweet
Aug-01-2009, 08:21 AM
nevermind.. i'm a little slow this morning... i had to paste the html in the album description and delete the picture i had in there for this code to work properly. hope this helps somebody missing this subtlety.

ah... this feels so silly... but i've been staring at it for hours now...

http://calvinj.smugmug.com/gallery/9115285_VtNFF

i've got this code in my css

.gallery_9115285 .nophotos {display: none;}

and i'm in journal (old) mode. help please...

(the craziest part is i have a gallery where i was successfully able to hid the pic from a long time ago)

nicnelly
Oct-29-2009, 01:55 PM
so i finally was able to get my pricing and artist pages going but i'm not really happy with how they look. i need to add pictures down the line but for now i would like to at least make the font larger and get rid of the nicole nielsen photography>information>pricing piece at the top of each page. also, how do i add line spades. like if i want to put pricing as a title in larger font then skip a few lines and add. the text.

ps-im a cut and paste chic but i can follow specific directions pretty well:)

nicolenielsenphotography.smugmug.com

r9jackson
Nov-01-2009, 06:05 AM
Thanks JT. I just did my Pricing and Photography Services gallery.

www.lenscapephotography.com (http://www.lenscapephotography.com/)
I like your Pricing page. Is it pure HTML? I don't think I can get that fancy. Is it possible to use another tool to create the HTML for pages like this?
Randy

leftcoast650
Dec-29-2009, 03:33 PM
I cant seem to find how, but how do i get rid of the add photo, customize buttons..etc

http://www.onetimephotos.com/Other/News/10795907_aHnMK

KimV
Jan-04-2010, 03:15 PM
Hi, I have followed this tutorial,
http://allen-steve.smugmug.com/gallery/3819841
but have missed something yet again, as it is not working quite right
http://www.kimages.com.au/INFORMATION/About-Me/10858299_JpkzB/1/757538205_7ZZCm
help appreciated once again,
thanks, Kim

Allen
Jan-05-2010, 05:44 AM
Hi, I have followed this tutorial,
http://allen-steve.smugmug.com/gallery/3819841
but have missed something yet again, as it is not working quite right
http://www.kimages.com.au/INFORMATION/About-Me/10858299_JpkzB/1/757538205_7ZZCm
help appreciated once again,
thanks, Kim
A quick look and I only found a missing #, what else is not working?

.gallery_10858299 .myEmail:hover {color: #FF00FF;}

KimV
Jan-06-2010, 06:54 PM
A quick look and I only found a missing #, what else is not working?

.gallery_10858299 .myEmail:hover {color: #FF00FF;}

Sorry Allen, it was me, I could see both images, so thought I was missing something to hide one, but Joe pointed out that I was probably in "owner view" & I was... :rolleyes :doh
thanks also for the "#" :D
kind regards, Kim

runway
Feb-28-2010, 09:39 AM
okay guys, i'm just expanding on jt's stuff becuase so many people, like me, are html and css idiots - we are the copy/paste/edit/modify crowd :lol3

so:

this stuff and really whatever you want your html to be, goes into the "gallery description edit box:

<html>
your valid HTML goes here
htmlblahblahblahblah-de-blah
</html>

now this stuff goes in your CSS box on your customization page:

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

SITEWIDE (easiest!)

.notLoggedIn .nophotos {display: none;}

YOU will see it logged in (convenient) but visitors WILL NOT see it.
and you can see an example html only page here (http://www.moonriverphotography.com/gallery/911245)

I'm getting better at following directions, but haven't gotten this to work.
Before I start looking for errors in all the wrong places, I thought I'd better check on the "your valid HTML" note. Can I get valid HTML code by:
- starting with a Word doc,
- saving it as a "Web Page (*.htm;*.html)",
- open that new document;
- view the document with "View HTLM source"
- copy the code to later paste into the gallery description code above?

Thanks, Dave

{JT}
Feb-28-2010, 09:41 AM
Hey Dave, do you have a link to the gallery you are trying to get it to work with? You can PM me if the gallery is private or hidden.

I'm getting better at following directions, but haven't gotten this to work.
Before I start looking for errors in all the wrong places, I thought I'd better check on the "your valid HTML" note. Can I get valid HTML code by:
- starting with a Word doc,
- saving it as a "Web Page (*.htm;*.html)",
- open that new document;
- view the document with "View HTLM source"
- copy the code to later paste into the gallery description code above?

Thanks, Dave

Allen
Feb-28-2010, 10:40 AM
I'm getting better at following directions, but haven't gotten this to work.
Before I start looking for errors in all the wrong places, I thought I'd better check on the "your valid HTML" note. Can I get valid HTML code by:
- starting with a Word doc,
- saving it as a "Web Page (*.htm;*.html)",
- open that new document;
- view the document with "View HTLM source"
- copy the code to later paste into the gallery description code above?

Thanks, Dave
I assume you are trying to customize your Welcome and Guestbook gallery.

See if you like this. Under gallery setting set the style to journal (old) in the
style drop. This is all basically just copy and paste from this page (http://allen-steve.smugmug.com/gallery/3819841).

Add this to the gallery description.

<html>
<div class="myTitle">
Welcome to my site
</div> <!-- closes myTitle div -->

<div class="myPhoto">
<img src="/photos/795449605_Br6vq-S.jpg" width="400" height="262" /><br />
<center><span class="myCaption">Dave Scherbel, Photographer at Sterling Pond, Vermont. 2007</span></center>
</div> <!-- closes myPhoto div -->

<div class="myText">

<p>After decades of print film cameras, I entered the digital age a few years ago with the purchase of a small family digital camera. Its electronic sensor brought wonderful sky blues and a subtle cast of supporting colors. And images you could see immediately!</p>
<p>With Photoshop came control over color editing, which brought -- color by color -- new control over the tonal ranges in black and white photographs. Along with a large format inkjet printer came larger prints and papers with traditional glossy appearances and others with the look and feel of water color paintings.</p>
<p>These new electonic images could be shared with friends, professionals and galleries in the blink of an eye over the internet. And as a bonus, computer monitors displayed these digital images in a new way, as backlit slides, bringing life to sunsets and water droplets, and light to friends’ eyes.</p>

<p>Thanks for visiting, Please sign my guestbook and leave any comments you'd like. Just click the "Add Comment " button below. Include your email address if you'd like information about any upcoming gallery shows. I may be contacted about anything you've seen <a href="mailto:dscherbel@comcast.net">
<span class="myEmail">by clicking here</span></a>.
</p>
Thanks, Dave
</div> <!-- closes myText div -->

<div class="spacer"></div>
</html>
Add this to your CSS

/* START gallery Welcome and Guestbook */

.gallery_11328970 #albumDescription {
margin-top: 40px; /* gap from navbar at top */
background: #ccc; /* background of description box */
padding: 20px 40px 40px 40px; /* top right bottom left */
} /* spacing inside box from edges */

.gallery_11328970 .myPhoto {
float: right; /* allows the text to flow to the left */
padding: 0 0 10px 30px ; /* top right bottom left */
} /* spacing of text around photo */

.gallery_11328970 .myPhoto img {
border: 4px ridge #444; /* add border around photo */
}

.gallery_11328970 .myCaption {
font-family: Comic Sans MS, verdana;
font-size: 90%;
color: #444;
}

.gallery_11328970 .myTitle {
font-family: Comic Sans MS, verdana;
font-size: 150%;
color: #444;
font-weight: bold;
text-align: center;
margin: 0 auto 30px auto; /* top right bottom left */
}

.gallery_11328970 .myText {
font-family: Comic Sans MS, verdana;
font-size: 110%;
color: #444;
font-weight: normal;
text-align: justify;
}

.gallery_11328970 .myEmail {color: #000;}
.gallery_11328970 .myEmail:hover {color: red;}

/* things you can hide on page */
.notLoggedIn .gallery_11328970 .nophotos, /* if no photos in gallery */
.gallery_11328970 #albumNav_top,
.gallery_11328970 #albumNav_bottom,
.notLoggedIn .gallery_11328970 .journal_entry, /* hides photos in gallery */
.notLoggedIn .gallery_11328970 #breadcrumb {display: none;}

/* END gallery Welcome and Guestbook */
btw, all non CSS rules that are text/comments need to be between comment tags like this.

/* SITEWIDE (easiest!) */

runway
Feb-28-2010, 05:14 PM
I assume you are trying to customize your Welcome and Guestbook gallery.

See if you like this. Under gallery setting set the style to journal (old) in the
style drop. This is all basically just copy and paste from this page (http://allen-steve.smugmug.com/gallery/3819841).

Add this to the gallery description.

<html>
<div class="myTitle">
Welcome to my site
</div> <!-- closes myTitle div -->

<div class="myPhoto">
<img src="/photos/795449605_Br6vq-S.jpg" width="400" height="262" /><br />
<center><span class="myCaption">Dave Scherbel, Photographer at Sterling Pond, Vermont. 2007</span></center>
</div> <!-- closes myPhoto div -->

<div class="myText">

<p>After decades of print film cameras, I entered the digital age a few years ago with the purchase of a small family digital camera. Its electronic sensor brought wonderful sky blues and a subtle cast of supporting colors. And images you could see immediately!</p>
<p>With Photoshop came control over color editing, which brought -- color by color -- new control over the tonal ranges in black and white photographs. Along with a large format inkjet printer came larger prints and papers with traditional glossy appearances and others with the look and feel of water color paintings.</p>
<p>These new electonic images could be shared with friends, professionals and galleries in the blink of an eye over the internet. And as a bonus, computer monitors displayed these digital images in a new way, as backlit slides, bringing life to sunsets and water droplets, and light to friends’ eyes.</p>

<p>Thanks for visiting, Please sign my guestbook and leave any comments you'd like. Just click the "Add Comment " button below. Include your email address if you'd like information about any upcoming gallery shows. I may be contacted about anything you've seen <a href="mailto:dscherbel@comcast.net">
<span class="myEmail">by clicking here</span></a>.
</p>
Thanks, Dave
</div> <!-- closes myText div -->

<div class="spacer"></div>
</html>
Add this to your CSS

/* START gallery Welcome and Guestbook */

.gallery_11328970 #albumDescription {
margin-top: 40px; /* gap from navbar at top */
background: #ccc; /* background of description box */
padding: 20px 40px 40px 40px; /* top right bottom left */
} /* spacing inside box from edges */

.gallery_11328970 .myPhoto {
float: right; /* allows the text to flow to the left */
padding: 0 0 10px 30px ; /* top right bottom left */
} /* spacing of text around photo */

.gallery_11328970 .myPhoto img {
border: 4px ridge #444; /* add border around photo */
}

.gallery_11328970 .myCaption {
font-family: Comic Sans MS, verdana;
font-size: 90%;
color: #444;
}

.gallery_11328970 .myTitle {
font-family: Comic Sans MS, verdana;
font-size: 150%;
color: #444;
font-weight: bold;
text-align: center;
margin: 0 auto 30px auto; /* top right bottom left */
}

.gallery_11328970 .myText {
font-family: Comic Sans MS, verdana;
font-size: 110%;
color: #444;
font-weight: normal;
text-align: justify;
}

.gallery_11328970 .myEmail {color: #000;}
.gallery_11328970 .myEmail:hover {color: red;}

/* things you can hide on page */
.notLoggedIn .gallery_11328970 .nophotos, /* if no photos in gallery */
.gallery_11328970 #albumNav_top,
.gallery_11328970 #albumNav_bottom,
.notLoggedIn .gallery_11328970 .journal_entry, /* hides photos in gallery */
.notLoggedIn .gallery_11328970 #breadcrumb {display: none;}

/* END gallery Welcome and Guestbook */
btw, all non CSS rules that are text/comments need to be between comment tags like this.

/* SITEWIDE (easiest!) */

Ouch. Sorry, Allen. I didn't want you guys to work on my behalf on a Sunday, so I tried to limit my question to just the one. (I figured everyone would be watching the big hockey game in Vancouver.) Everything is predicted on whether or not I can create html code that will work using Word as I outlined above, so I just asked that one question.

Website gallery: http://www.davidscherbel.com/Developmental/Exibits/11370190_FuXUr

Sooo, I used My Bio to make my homepage slide show and push the Galleries to its own page - like you guys taught me. Then I used a Weclome gallery for my Guest Book and figured I'd make a new gallery for a one page list of the art shows I've had, which I'd link from the navbar - which you guys taught me to make. (Exhibits gallery is under Developmental category.) I put the first bit of Andy's code in the Description, pasted in the code I got from Word, and then put the second bit at the end of my CSS. To that I added the Exhibits gallelry # in two places to the CSS code. No dice. Got something wrong.

Thanks for any suggestions. Dave

Allen
Feb-28-2010, 09:11 PM
Ouch. Sorry, Allen. I didn't want you guys to work on my behalf on a Sunday, so I tried to limit my question to just the one. (I figured everyone would be watching the big hockey game in Vancouver.) Everything is predicted on whether or not I can create html code that will work using Word as I outlined above, so I just asked that one question.

Website gallery: http://www.davidscherbel.com/Developmental/Exibits/11370190_FuXUr

Sooo, I used My Bio to make my homepage slide show and push the Galleries to its own page - like you guys taught me. Then I used a Weclome gallery for my Guest Book and figured I'd make a new gallery for a one page list of the art shows I've had, which I'd link from the navbar - which you guys taught me to make. (Exhibits gallery is under Developmental category.) I put the first bit of Andy's code in the Description, pasted in the code I got from Word, and then put the second bit at the end of my CSS. To that I added the Exhibits gallelry # in two places to the CSS code. No dice. Got something wrong.

Thanks for any suggestions. Dave
That is a very bad idea using an editor like Word, they insert all kinds of junk code and maybe some div names that Smug already uses. Div id's can only be used once on a page. Also the whole inserted html has to be between <html> tags so Smug knows to process the page as html.

runway
Mar-01-2010, 03:42 AM
That is a very bad idea using an editor like Word, they insert all kinds of junk code and maybe some div names that Smug already uses. Div id's can only be used once on a page. Also the whole inserted html has to be between <html> tags so Smug knows to process the page as html.

Oooo, bad idea huh? What editors do you recommend?

Dave

Allen
Mar-01-2010, 05:14 AM
Oooo, bad idea huh? What editors do you recommend?

Dave A pure text editor like Notepad.
Here is a simplified version using a text editor and simple html tags.
Switch the gallery to journal (old) under gallery settings. Text pages are much
easier to read if not too wide.

<html>
<span class="myHeading">Education</span>
<br>
Corcoran School of Art studies, 1970-73
<br>
Photoworks, Digital Photography and Photoshop, Glen Echo, MD 2008
<br><br>

<span class="myHeading">Publications</span>
<br>
Three Sisters magazine, Volume 5, number 1, 1976, Georgetown University.
<br>
Three Sisters magazine, Volume 4, number 1, 1975, Georgetown University.
<br>
Today in Northern Virginia, “Architectural Details: A Photographic Essay,” June 1975
<br><br>

<span class="myHeading">Solo Exhibitions</span>
<br>
2008 Orchard Gallery, “Landscapes of Memory and Handmade Photography Books,” Bethesda, MD
<br>
1978 Colorfax Gallery, “Images of Washington Theatre,” Bethesda, MD
<br>
1976 Colorfax Gallery, “Carnival”, “Performance” and “Nude Forms,” Washington, DC
<br>
1976 Charmed Circle Gallery, “Gum Bichromate Photographs,” Alexandria, VA
<br>
1974 Art League Gallery, Alexandria, VA
<br><br>

<span class="myHeading">Group Exhibitions: Juried</span>
<br>
2009 Art League Gallery, December “All-Media Show, Alexandria, VA.
<br>
2009 Fotoweek at the Art League Exhibit Juried Show November. On Line Exhibition.
<br>
2009 Art League Gallery, “Black and White” All-Media Show July 2009, Alexandria, VA
<br>
2009 Delaplaine Visual Arts and Education Center, Regional Juried Exhibit 2009, Frederick, MD
<br>
2009 Art League Gallery, May All-Media Show, May 2009, Alexandria, VA
<br>
2008 Art League Gallery, “Small Works,” November All-Media Show, Alexandria, VA
<br>
2008 Art League Gallery, “Revealed Histories” All-Media Show October 2008, Alexandria VA,
<br>
2008 Art League Gallery, June All-Media Membership Show 2008, Alexandria, VA
<br>
2007 Art League Gallery, All-Media Show December 2007, Alexandria, VA
<br>
2007 Art League Galllery, “Small Works Show” November 2007, Alexandria, VA
<br>
1972 Art League gallery, Gilham Award Show (Award entry), Alexandria, VA
<br><br>

<span class="myHeading">Group Exhibits: Invitation Exhibition</span>
<br>
Charmed Circle Gallery, 1977
<br>

Museum and University Exhibitions<br>
Charles Marvin Fairchild (SFS '48) Memorial Gallery, “Shakespeare in Georgetown”, <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;May 8-September 16, 2007, King Lear Photographic Album featured.

<pre> <!-- WYSIWYG typing -->
<span class="myHeading">Public Collections</span>
Georgetown University Art Collecton, Lauinger Library
* David Scherbel, William Shakespeare's Tragedy of 'King Lear,' photo-offset poster,
1975 Georgetown University, Laurenger Library Shakespeare
* King Lear, Photographic album, 1975
* The Tragedy of Macbeth, screenprint poster, 1977
* Self-Portrait: Christmas Morning 1975, Multiple Photograph Grouping
</pre>
</html>

Supporting CSS

.gallery_11370190 #albumDescription {
font-size: 11pt;
color:#ddd;
font-family: Tunga;
}

.gallery_11370190 #albumDescription .myHeading {
font-size: 13pt;
color:#fff;
font-family: Tunga;
font-weight: bold;
}

.gallery_11370190 #albumDescription pre {
font-size: 11pt;
color:#ddd;
font-family: Tunga;
}

/* remove if switch to journal (old) style */
.gallery_11370190 #albumDescription {
width: 750px;
margin: 0 auto;
}

Here is all the junk in your html all the way down to the first text in your description. :puke

<link rel="File-List" href="David%20Scherbel%20ART%20RESUME%20Rev%20Jan%202010 %20html_files/filelist.xml">

<o:smarttagtype namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="place">
<o:smarttagtype namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="PlaceType">
<o:smarttagtype namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="PlaceName">
<o:smarttagtype namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="State">
<o:smarttagtype namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="City">
<!--[if gte mso 9]><xml>
<o:DocumentProperties>
<o:Author>Catrionafraser</o:Author>
<o:Template>Normal</o:Template>
<o:LastAuthor>David Scherbel</o:LastAuthor>
<o:Revision>2</o:Revision>
<o:TotalTime>37</o:TotalTime>
<o:LastPrinted>2009-10-01T18:14:00Z</o:LastPrinted>
<o:Created>2010-02-28T15:10:00Z</o:Created>
<o:LastSaved>2010-02-28T15:10:00Z</o:LastSaved>
<o:Pages>1</o:Pages>
<o:Words>354</o:Words>
<o:Characters>2020</o:Characters>
<o:Company> </o:Company>
<o:Lines>16</o:Lines>
<o:Paragraphs>4</o:Paragraphs>
<o:CharactersWithSpaces>2370</o:CharactersWithSpaces>
<o:Version>11.9999</o:Version>
</o:DocumentProperties>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:WordDocument>
<w:Zoom>0</w:Zoom>
<w:SpellingState>Clean</w:SpellingState>
<w:GrammarState>Clean</w:GrammarState>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:Compatibility>
<w:SelectEntireFieldWithStartOrEnd/>
<w:UseWord2002TableStyleRules/>
</w:Compatibility>
<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
</w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" LatentStyleCount="156">
</w:LatentStyles>
</xml><![endif]--><!--[if !mso]><object
classid="clsid:38481807-CA0E-42D2-BF39-B33AF135CC4D" id=ieooui></object>
<style>
st1\:*{behavior:url(#ieooui) }
</style>
<![endif]-->
<style>
<!--
/* Font Definitions */
@font-face
{font-family:Tunga;
panose-1:0 0 4 0 0 0 0 0 0 0;
mso-font-charset:0;
mso-generic-font-family:auto;
mso-font-pitch:variable;
mso-font-signature:4194307 0 0 0 1 0;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;
mso-font-charset:0;
mso-generic-font-family:swiss;
mso-font-pitch:variable;
mso-font-signature:1627421319 -2147483648 8 0 66047 0;}
@font-face
{font-family:"Kozuka Mincho Pro H";
panose-1:0 0 0 0 0 0 0 0 0 0;
mso-font-charset:128;
mso-generic-font-family:roman;
mso-font-format:other;
mso-font-pitch:variable;
mso-font-signature:515 134676480 16 0 131077 0;}
@font-face
{font-family:"\@Kozuka Mincho Pro H";
panose-1:0 0 0 0 0 0 0 0 0 0;
mso-font-charset:128;
mso-generic-font-family:roman;
mso-font-format:other;
mso-font-pitch:variable;
mso-font-signature:515 134676480 16 0 131077 0;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-parent:"";
margin:0in;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";
color:windowtext;}
h1
{mso-style-next:Normal;
margin:0in;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
page-break-after:avoid;
mso-outline-level:1;
font-size:12.0pt;
font-family:Arial;
mso-bidi-font-family:"Times New Roman";
color:windowtext;
mso-font-kerning:0pt;
font-weight:bold;
mso-bidi-font-weight:normal;}
a:link, span.MsoHyperlink
{color:#336699;
text-decoration:underline;
text-underline:single;}
a:visited, span.MsoHyperlinkFollowed
{color:purple;
text-decoration:underline;
text-underline:single;}
p
{mso-margin-top-alt:auto;
margin-right:0in;
mso-margin-bottom-alt:auto;
margin-left:0in;
mso-pagination:widow-orphan;
font-size:9.5pt;
font-family:Arial;
mso-fareast-font-family:"Times New Roman";
color:black;}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
{mso-style-noshow:yes;
margin:0in;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:8.0pt;
font-family:Tahoma;
mso-fareast-font-family:"Times New Roman";
color:windowtext;}
span.smalltext1
{mso-style-name:small_text1;
mso-ansi-font-size:8.5pt;
mso-bidi-font-size:8.5pt;
font-family:Arial;
mso-ascii-font-family:Arial;
mso-hansi-font-family:Arial;
mso-bidi-font-family:Arial;
color:black;}
span.searchresultsnippet
{mso-style-name:searchresultsnippet;}
span.SpellE
{mso-style-name:"";
mso-spl-e:yes;}
span.GramE
{mso-style-name:"";
mso-gram-e:yes;}
@page Section1
{size:8.5in 11.0in;
margin:45.0pt .75in 1.0in 63.0pt;
mso-header-margin:.5in;
mso-footer-margin:.5in;
mso-paper-source:0;}
div.Section1
{page:Section1;}
/* List Definitions */
@list l0
{mso-list-id:611713221;
mso-list-template-ids:-1933414882;}
@list l0:level1
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:.5in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l1
{mso-list-id:865604618;
mso-list-template-ids:801657300;}
@list l1:level1
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:.5in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l2
{mso-list-id:1700356970;
mso-list-type:hybrid;
mso-list-template-ids:697215032 67698689 67698691 67698693 67698689 67698691 67698693 67698689 67698691 67698693;}
@list l2:level1
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:.5in;
mso-level-number-position:left;
text-indent:-.25in;
font-family:Symbol;}
@list l2:level2
{mso-level-tab-stop:1.0in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2:level3
{mso-level-tab-stop:1.5in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2:level4
{mso-level-tab-stop:2.0in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2:level5
{mso-level-tab-stop:2.5in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2:level6
{mso-level-tab-stop:3.0in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2:level7
{mso-level-tab-stop:3.5in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2:level8
{mso-level-tab-stop:4.0in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2:level9
{mso-level-tab-stop:4.5in;
mso-level-number-position:left;
text-indent:-.25in;}
ol
{margin-bottom:0in;}
ul
{margin-bottom:0in;}
-->
</style>
<!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-parent:"";
mso-padding-alt:0in 5.4pt 0in 5.4pt;
mso-para-margin:0in;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman";
mso-ansi-language:#0400;
mso-fareast-language:#0400;
mso-bidi-language:#0400;}
</style>
<![endif]--><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="3074"/>
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1"/>
</o:shapelayout></xml><![endif]-->


<div class="Section1">

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Tunga;"><o:p>&nbsp;</o:p></span></p>

<h1><span style="font-size: 11pt; font-family: Tunga;">Education<o:p></o:p></span></h1>

runway
Mar-01-2010, 09:05 PM
A pure text editor like Notepad.
Here is a simplified version using a text editor and simple html tags.
Switch the gallery to journal (old) under gallery settings. Text pages are much
easier to read if not too wide.

<html>
<span class="myHeading">Education</span>
<br>
Corcoran School of Art studies, 1970-73
<br>
Photoworks, Digital Photography and Photoshop, Glen Echo, MD 2008
<br><br>

<span class="myHeading">Publications</span>
<br>
Three Sisters magazine, Volume 5, number 1, 1976, Georgetown University.
<br>
Three Sisters magazine, Volume 4, number 1, 1975, Georgetown University.
<br>
Today in Northern Virginia, “Architectural Details: A Photographic Essay,” June 1975
<br><br>

<span class="myHeading">Solo Exhibitions</span>
<br>
2008 Orchard Gallery, “Landscapes of Memory and Handmade Photography Books,” Bethesda, MD
<br>
1978 Colorfax Gallery, “Images of Washington Theatre,” Bethesda, MD
<br>
1976 Colorfax Gallery, “Carnival”, “Performance” and “Nude Forms,” Washington, DC
<br>
1976 Charmed Circle Gallery, “Gum Bichromate Photographs,” Alexandria, VA
<br>
1974 Art League Gallery, Alexandria, VA
<br><br>

<span class="myHeading">Group Exhibitions: Juried</span>
<br>
2009 Art League Gallery, December “All-Media Show, Alexandria, VA.
<br>
2009 Fotoweek at the Art League Exhibit Juried Show November. On Line Exhibition.
<br>
2009 Art League Gallery, “Black and White” All-Media Show July 2009, Alexandria, VA
<br>
2009 Delaplaine Visual Arts and Education Center, Regional Juried Exhibit 2009, Frederick, MD
<br>
2009 Art League Gallery, May All-Media Show, May 2009, Alexandria, VA
<br>
2008 Art League Gallery, “Small Works,” November All-Media Show, Alexandria, VA
<br>
2008 Art League Gallery, “Revealed Histories” All-Media Show October 2008, Alexandria VA,
<br>
2008 Art League Gallery, June All-Media Membership Show 2008, Alexandria, VA
<br>
2007 Art League Gallery, All-Media Show December 2007, Alexandria, VA
<br>
2007 Art League Galllery, “Small Works Show” November 2007, Alexandria, VA
<br>
1972 Art League gallery, Gilham Award Show (Award entry), Alexandria, VA
<br><br>

<span class="myHeading">Group Exhibits: Invitation Exhibition</span>
<br>
Charmed Circle Gallery, 1977
<br>

Museum and University Exhibitions<br>
Charles Marvin Fairchild (SFS '48) Memorial Gallery, “Shakespeare in Georgetown”, <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;May 8-September 16, 2007, King Lear Photographic Album featured.

<pre> <!-- WYSIWYG typing -->
<span class="myHeading">Public Collections</span>
Georgetown University Art Collecton, Lauinger Library
* David Scherbel, William Shakespeare's Tragedy of 'King Lear,' photo-offset poster,
1975 Georgetown University, Laurenger Library Shakespeare
* King Lear, Photographic album, 1975
* The Tragedy of Macbeth, screenprint poster, 1977
* Self-Portrait: Christmas Morning 1975, Multiple Photograph Grouping
</pre>
</html>

Supporting CSS

.gallery_11370190 #albumDescription {
font-size: 11pt;
color:#ddd;
font-family: Tunga;
}

.gallery_11370190 #albumDescription .myHeading {
font-size: 13pt;
color:#fff;
font-family: Tunga;
font-weight: bold;
}

.gallery_11370190 #albumDescription pre {
font-size: 11pt;
color:#ddd;
font-family: Tunga;
}

/* remove if switch to journal (old) style */
.gallery_11370190 #albumDescription {
width: 750px;
margin: 0 auto;
}

Here is all the junk in your html all the way down to the first text in your description. :puke

<link rel="File-List" href="David%20Scherbel%20ART%20RESUME%20Rev%20Jan%202010 %20html_files/filelist.xml">

<o:smarttagtype namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="place">
<o:smarttagtype namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="PlaceType">
<o:smarttagtype namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="PlaceName">
<o:smarttagtype namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="State">
<o:smarttagtype namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="City">
<!--[if gte mso 9]><xml>
<o:DocumentProperties>
<o:Author>Catrionafraser</o:Author>
<o:Template>Normal</o:Template>
<o:LastAuthor>David Scherbel</o:LastAuthor>
<o:Revision>2</o:Revision>
<o:TotalTime>37</o:TotalTime>
<o:LastPrinted>2009-10-01T18:14:00Z</o:LastPrinted>
<o:Created>2010-02-28T15:10:00Z</o:Created>
<o:LastSaved>2010-02-28T15:10:00Z</o:LastSaved>
<o:Pages>1</o:Pages>
<o:Words>354</o:Words>
<o:Characters>2020</o:Characters>
<o:Company> </o:Company>
<o:Lines>16</o:Lines>
<o:Paragraphs>4</o:Paragraphs>
<o:CharactersWithSpaces>2370</o:CharactersWithSpaces>
<o:Version>11.9999</o:Version>
</o:DocumentProperties>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:WordDocument>
<w:Zoom>0</w:Zoom>
<w:SpellingState>Clean</w:SpellingState>
<w:GrammarState>Clean</w:GrammarState>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:Compatibility>
<w:SelectEntireFieldWithStartOrEnd/>
<w:UseWord2002TableStyleRules/>
</w:Compatibility>
<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
</w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" LatentStyleCount="156">
</w:LatentStyles>
</xml><![endif]--><!--[if !mso]><object
classid="clsid:38481807-CA0E-42D2-BF39-B33AF135CC4D" id=ieooui></object>
<style>
st1\:*{behavior:url(#ieooui) }
</style>
<![endif]-->
<style>
<!--
/* Font Definitions */
@font-face
{font-family:Tunga;
panose-1:0 0 4 0 0 0 0 0 0 0;
mso-font-charset:0;
mso-generic-font-family:auto;
mso-font-pitch:variable;
mso-font-signature:4194307 0 0 0 1 0;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;
mso-font-charset:0;
mso-generic-font-family:swiss;
mso-font-pitch:variable;
mso-font-signature:1627421319 -2147483648 8 0 66047 0;}
@font-face
{font-family:"Kozuka Mincho Pro H";
panose-1:0 0 0 0 0 0 0 0 0 0;
mso-font-charset:128;
mso-generic-font-family:roman;
mso-font-format:other;
mso-font-pitch:variable;
mso-font-signature:515 134676480 16 0 131077 0;}
@font-face
{font-family:"\@Kozuka Mincho Pro H";
panose-1:0 0 0 0 0 0 0 0 0 0;
mso-font-charset:128;
mso-generic-font-family:roman;
mso-font-format:other;
mso-font-pitch:variable;
mso-font-signature:515 134676480 16 0 131077 0;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-parent:"";
margin:0in;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";
color:windowtext;}
h1
{mso-style-next:Normal;
margin:0in;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
page-break-after:avoid;
mso-outline-level:1;
font-size:12.0pt;
font-family:Arial;
mso-bidi-font-family:"Times New Roman";
color:windowtext;
mso-font-kerning:0pt;
font-weight:bold;
mso-bidi-font-weight:normal;}
a:link, span.MsoHyperlink
{color:#336699;
text-decoration:underline;
text-underline:single;}
a:visited, span.MsoHyperlinkFollowed
{color:purple;
text-decoration:underline;
text-underline:single;}
p
{mso-margin-top-alt:auto;
margin-right:0in;
mso-margin-bottom-alt:auto;
margin-left:0in;
mso-pagination:widow-orphan;
font-size:9.5pt;
font-family:Arial;
mso-fareast-font-family:"Times New Roman";
color:black;}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
{mso-style-noshow:yes;
margin:0in;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:8.0pt;
font-family:Tahoma;
mso-fareast-font-family:"Times New Roman";
color:windowtext;}
span.smalltext1
{mso-style-name:small_text1;
mso-ansi-font-size:8.5pt;
mso-bidi-font-size:8.5pt;
font-family:Arial;
mso-ascii-font-family:Arial;
mso-hansi-font-family:Arial;
mso-bidi-font-family:Arial;
color:black;}
span.searchresultsnippet
{mso-style-name:searchresultsnippet;}
span.SpellE
{mso-style-name:"";
mso-spl-e:yes;}
span.GramE
{mso-style-name:"";
mso-gram-e:yes;}
@page Section1
{size:8.5in 11.0in;
margin:45.0pt .75in 1.0in 63.0pt;
mso-header-margin:.5in;
mso-footer-margin:.5in;
mso-paper-source:0;}
div.Section1
{page:Section1;}
/* List Definitions */
@list l0
{mso-list-id:611713221;
mso-list-template-ids:-1933414882;}
@list l0:level1
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:.5in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l1
{mso-list-id:865604618;
mso-list-template-ids:801657300;}
@list l1:level1
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:.5in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l2
{mso-list-id:1700356970;
mso-list-type:hybrid;
mso-list-template-ids:697215032 67698689 67698691 67698693 67698689 67698691 67698693 67698689 67698691 67698693;}
@list l2:level1
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:.5in;
mso-level-number-position:left;
text-indent:-.25in;
font-family:Symbol;}
@list l2:level2
{mso-level-tab-stop:1.0in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2:level3
{mso-level-tab-stop:1.5in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2:level4
{mso-level-tab-stop:2.0in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2:level5
{mso-level-tab-stop:2.5in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2:level6
{mso-level-tab-stop:3.0in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2:level7
{mso-level-tab-stop:3.5in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2:level8
{mso-level-tab-stop:4.0in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2:level9
{mso-level-tab-stop:4.5in;
mso-level-number-position:left;
text-indent:-.25in;}
ol
{margin-bottom:0in;}
ul
{margin-bottom:0in;}
-->
</style>
<!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-parent:"";
mso-padding-alt:0in 5.4pt 0in 5.4pt;
mso-para-margin:0in;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman";
mso-ansi-language:#0400;
mso-fareast-language:#0400;
mso-bidi-language:#0400;}
</style>
<![endif]--><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="3074"/>
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1"/>
</o:shapelayout></xml><![endif]-->


<div class="Section1">

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Tunga;"><o:p>&nbsp;</o:p></span></p>

<h1><span style="font-size: 11pt; font-family: Tunga;">Education<o:p></o:p></span></h1>


Al, thanks for removing the extaneous code for me. :bow

Amazing amount of garbage code in the Word html conversion. I like your animated graphic to emphasis the point. The last computer language I used was FORTRAN II in college in the late 60s so I couldn't recognize any issues. It's curious that Micorsoft would have two very different html converters in their products - you'd think they'd have the best one in each.

I added some code from Andy's thread from May 09 to get ride of the "Gallery Needs Photos" section at the end when in "visitor view". Now I'm trying to make the page look like a sheet of white paper and I changed the theme to "White (old)", changed the color of the text to black, and got really close to what I wanted. However, my "sheet of white paper" floats above a white background and casts a blue shadow on the background. Nice actually, but I think I want to remove the white background. Where'd I go wrong?
Dave

expatjoe
May-12-2010, 05:18 AM
Okay. I'm trying to create an html only page and have succeeded in the content (still trying to get rid of the "add images" - still working on it). What is not working is adding in an image to the left of the content. I've tried to follow all the directions here but I know I'm missing something - which isn't unusual for me.

http://joelmasson.smugmug.com/Other/Services/12142740_d7nYb

Oh, by the way . . . Andy, your profile picture freeks me out. I thought I was having an LSD flashback for a second. And hope you don't mind I borrowed some ideas from your services section. If you do let me know I'll change it up - just not trying to reinvent the wheel here just get something running and will redo the wheel another day.

Can anyone provide some insight here? Thanks

________________

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
</style>
</head>

<h2 class="style1"><strong>Custom Portrait Experiences</strong></h2>

<div class="myPhoto">
<img src=""http://joelmasson.smugmug.com/Other/For-Design/12155819_fk9Ah#864680126_khRhy-A-LB"><img src="http://joelmasson.smugmug.com/Other/For-Design/200904227262web/864680126_khRhy-S.jpg">" width="225" height="281"/>
</div>

<p class="style1">High School Portraits <strong>|</strong> Special Events <strong>|</strong> Workplace <strong>|</strong> Family &amp; Children <strong>|</strong> Headshots | Executive Portraits

<p class="style1"><em>Prices starting</em><em> at $XXX</em>
<ul>
<li class="style1">Consultation and &quot;get to know you&quot; session conducted prior to the photo shoot.</li>
<li class="style1">Session will be up to 3 hours at a location you choosing. This would include reasonable travel.</li>
<li class="style1">Digital Image Optimization</li>
<li class="style1">Private online gallery for you and those you share it with.</li>
<li class="style1">Prints, enlargements, books and specialty items available through online gallery.</li>
<li class="style1">One Digital Print File for electronic personal or commercial usage.</li>
<li class="style1">Additional time is available, $XXX for each additional hour.</li>
<li class="style1">If under 18 years of age a parent or guardian must be present.</li>
</ul>
<p><a href="http://www.smugmug.com/prints/catalog/" title="Catalog">Catalog of Print Options
</a><p>&nbsp;</p>
<p>&nbsp; </p>
</body>
</html>

_________________

jfriend
May-12-2010, 09:49 AM
Okay. I'm trying to create an html only page and have succeeded in the content (still trying to get rid of the "add images" - still working on it). What is not working is adding in an image to the left of the content. I've tried to follow all the directions here but I know I'm missing something - which isn't unusual for me.

http://joelmasson.smugmug.com/Other/Services/12142740_d7nYb

Oh, by the way . . . Andy, your profile picture freeks me out. I thought I was having an LSD flashback for a second. And hope you don't mind I borrowed some ideas from your services section. If you do let me know I'll change it up - just not trying to reinvent the wheel here just get something running and will redo the wheel another day.

Can anyone provide some insight here? Thanks
To start with, change your HTML in your album description to this:

<html><h2 class="style1"><strong>Custom Portrait Experiences</strong></h2>

<div class="myPhoto">
<img style="float:left; margin-right: 30px;" src="http://joelmasson.smugmug.com/Other/For-Design/200904227262web/864680126_khRhy-S.jpg"/>
</div>

<p class="style1">High School Portraits <strong>|</strong> Special Events <strong>|</strong> Workplace <strong>|</strong> Family &amp; Children <strong>|</strong> Headshots | Executive Portraits

<p class="style1"><em>Prices starting</em><em> at $XXX</em>
<ul>
<li class="style1">Consultation and &quot;get to know you&quot; session conducted prior to the photo shoot.</li>
<li class="style1">Session will be up to 3 hours at a location you choosing. This would include reasonable travel.</li>
<li class="style1">Digital Image Optimization</li>
<li class="style1">Private online gallery for you and those you share it with.</li>
<li class="style1">Prints, enlargements, books and specialty items available through online gallery.</li>
<li class="style1">One Digital Print File for electronic personal or commercial usage.</li>
<li class="style1">Additional time is available, $XXX for each additional hour.</li>
<li class="style1">If under 18 years of age a parent or guardian must be present.</li>
</ul>
<p><a href="http://www.smugmug.com/prints/catalog/" title="Catalog">Catalog of Print Options
</a><p>&nbsp;</p>
<p>&nbsp; </p>
</div></html>

expatjoe
May-12-2010, 02:27 PM
Okay, That worked perfectly. Not to analyze the code I had for what I was doing wrong :clap

Thanks!!!!

Joel

awoap
May-21-2010, 09:43 AM
okay guys, i'm just expanding on jt's stuff becuase so many people, like me, are html and css idiots - we are the copy/paste/edit/modify crowd :lol3

so:

this stuff and really whatever you want your html to be, goes into the "gallery description edit box:

<html>
your valid HTML goes here
htmlblahblahblahblah-de-blah
</html>

now this stuff goes in your CSS box on your customization page:

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

SITEWIDE (easiest!)

.notLoggedIn .nophotos {display: none;}

YOU will see it logged in (convenient) but visitors WILL NOT see it.
and you can see an example html only page here (http://www.moonriverphotography.com/gallery/911245)

The stuff that goes in your CSS box, what the XXXX mean and where do I find it on my gallery page?

Allen
May-21-2010, 12:02 PM
The stuff that goes in your CSS box, what the XXXX mean and where do I find it on my gallery page?
The XXXXXX is the gallery number, look in the browser address at the top.

http://nickname.smugmug.com/Other/12345678_ch7cs

Scott B
Mar-26-2011, 01:55 PM
okay guys, i'm just expanding on jt's stuff becuase so many people, like me, are html and css idiots - we are the copy/paste/edit/modify crowd :lol3

so:

this stuff and really whatever you want your html to be, goes into the "gallery description edit box:

<html>
your valid HTML goes here
htmlblahblahblahblah-de-blah
</html>

now this stuff goes in your CSS box on your customization page:

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

SITEWIDE (easiest!)

.notLoggedIn .nophotos {display: none;}

YOU will see it logged in (convenient) but visitors WILL NOT see it.
and you can see an example html only page here (http://www.moonriverphotography.com/gallery/911245)




Really struggling on this, so how exactly do you get rid of the "This gallery has no photos to display yet" message box that appears please ????

jfriend
Mar-26-2011, 09:42 PM
Really struggling on this, so how exactly do you get rid of the "This gallery has no photos to display yet" message box that appears please ????Add this CSS:

.notLoggedIn .emptyGallery {display: none;}

And, check it when logged out.

Ely
Aug-10-2011, 12:04 PM
I managed to create 3 HTML only pages one for About Me,one for Contact and one for Links. I put all these 3 Galleries in the "Other" category. All my other photo galleries are in the "Portfolio" category. I should also add that I created a 'separate' page just for the galleries following the navbar-slideshow-galleries instructions. All works except that I dont seem to be able to get rid of the Breadcrumbs in those 3 html only galleries in spite of following the instructions in the relevant thread (where I also just posted) and more important I dont want those 3 html only galleries to appear among the photo galleries on display in the "separate" galleries page. Can someone please help?Many thanks!

jfriend
Aug-10-2011, 12:49 PM
I managed to create 3 HTML only pages one for About Me,one for Contact and one for Links. I put all these 3 Galleries in the "Other" category. All my other photo galleries are in the "Portfolio" category. I should also add that I created a 'separate' page just for the galleries following the navbar-slideshow-galleries instructions. All works except that I dont seem to be able to get rid of the Breadcrumbs in those 3 html only galleries in spite of following the instructions in the relevant thread (where I also just posted) and more important I dont want those 3 html only galleries to appear among the photo galleries on display in the "separate" galleries page. Can someone please help?Many thanks!

To keep galleries from showing on the galleries page, make them unlisted. To comment on the breadcrumb issue, we'd need a link to the relevant galleries so we can see what's going on.

Ely
Aug-11-2011, 07:10 AM
To keep galleries from showing on the galleries page, make them unlisted. To comment on the breadcrumb issue, we'd need a link to the relevant galleries so we can see what's going on.

Thanks. Galleries page sorted. Will post a link on the Breadcrumb thread

MelmoK
Aug-25-2011, 06:21 AM
Okay, definitely not claiming to be the sharpest knife in the drawer here. I used Andy's code on post #19 for two HTML only galleries. Still shows the 'no photos, hope some soon' message even when logged out. Also can't get the guestbook instead of gallery comments html to work. And last but not least, I'm attempting to link one gallery in another and can't for the life of me get that happening. Feel free to laugh, roll your eyes, or beat your head on your desk.

I have NO html experience unless you count bolding and font color changing on various web forums experience.

http://melklingermanphotography.smugmug.com/History/About/18690266_x9ZFKc

http://melklingermanphotography.smugmug.com/Professional/Print-prices-and-Collections/18704187_PLFBbz

Allen
Aug-25-2011, 08:47 AM
Okay, definitely not claiming to be the sharpest knife in the drawer here. I used Andy's code on post #19 for two HTML only galleries. Still shows the 'no photos, hope some soon' message even when logged out. Also can't get the guestbook instead of gallery comments html to work. And last but not least, I'm attempting to link one gallery in another and can't for the life of me get that happening. Feel free to laugh, roll your eyes, or beat your head on your desk.

I have NO html experience unless you count bolding and font color changing on various web forums experience.

http://melklingermanphotography.smugmug.com/History/About/18690266_x9ZFKc

http://melklingermanphotography.smugmug.com/Professional/Print-prices-and-Collections/18704187_PLFBbz
Things will work better fixin' your comment tags. Start there.


/* html only page for gallery x9ZFKc */
.notLoggedIn .gallery_x9ZFKc .nophotos { display: none; }

/* SITEWIDE */

.notLoggedIn .nophotos {display: none;}


/* html only page for gallery PLFBbz */
.notLoggedIn .gallery_PLFBbz .nophotos { display: none; }

/* SITEWIDE */

.notLoggedIn .nophotos {display: none;}

Where is your Guestbook gallery, got a link?
What gallery are the links in, got a link?

MelmoK
Aug-25-2011, 09:17 AM
The guestbook gallery is included in the 'About me' gallery

http://melklingermanphotography.smugmug.com/History/Who-is-Melissa/18529728_8cjgcv

The links are in the first link posted above (gallery x9ZFKc)

MelmoK
Aug-25-2011, 09:30 AM
Ah, and thank you for the fixed stuff. That worked perfectly. Thank you thank you.

Allen
Aug-25-2011, 11:00 AM
Things will work better fixin' your comment tags. Start there.
Where is your Guestbook gallery, got a link?
What gallery are the links in, got a link?
Check your top javascript, an error is being reported. This is what the source shows.
Remove the font tags.

function ModifyText ()
{
if (YD.hasClass(document.body, "gallery_x9ZFKc"))
{
var objElement = YD.get("comment")
if (objElement != null)
{
var str = new String(objElement.innerHTML);
str = str.replace(/\gallery/gi, 'guestbook');
objElement.innerHTML = str;
}
}
}

YE.onAvailable("comment", ModifyText);

Allen
Aug-25-2011, 11:11 AM
I'm attempting to link one gallery in another and can't for the life of me get that happening.

The links are in the first link posted above (gallery x9ZFKc)
Change this

<font http:="" melklingermanphotography.smugmug.com="" professional="" print-prices-and-collections="" 18704187_plfbbz="" size="+1&gt;&lt;b&gt;&lt;a href=">Print and Collection info and pricing</font>

to this

<a href="link here">Print and Collection info and pricing</a>

MelmoK
Aug-25-2011, 12:26 PM
The link is fixed, I hadn't realized it wouldn't let me change font size and bold it. I'll survive with it how it is now though since at least it works! thank you.


I did edit the javascript as you told me to. Nothing has changed that I can tell, both my top and bottom scrpt boxes have the 'gotcha' in red above them so I assume I've mucked things up in both but I can't for the life of me figure out what or how. I've been copying and pasting my way through this for days and days lol.

gputah
Aug-27-2011, 04:28 PM
Hey I'm still getting the "this gallery has no photo's" box whether I'm logged in or not. I tried copying this into my css:

/* html only page for gallery BTJGVB */
.notLoggedIn .gallery_BTJGVB .nophotos { display: none; }

/* SITEWIDE */

.notLoggedIn .nophotos {display: none;}


/* html only page for gallery BTJGVB*/
.notLoggedIn .gallery_BTJGVB .nophotos { display: none; }

/* SITEWIDE */

.notLoggedIn .nophotos {display: none;}

It still shows it. Tried it with the album ID and key just to mess around. Always there. Other people have commented about it. Want to get rid of it. Its in this gallery:http://www.ldsphotographer.com/Other/Investment/18745027_BTJGVB

ANy help is appreciated. Thanks.

Allen
Aug-27-2011, 07:22 PM
Hey I'm still getting the "this gallery has no photo's" box whether I'm logged in or not. I tried copying this into my css:

/* html only page for gallery BTJGVB */
.notLoggedIn .gallery_BTJGVB .nophotos { display: none; }

/* SITEWIDE */

.notLoggedIn .nophotos {display: none;}


/* html only page for gallery BTJGVB*/
.notLoggedIn .gallery_BTJGVB .nophotos { display: none; }

/* SITEWIDE */

.notLoggedIn .nophotos {display: none;}

It still shows it. Tried it with the album ID and key just to mess around. Always there. Other people have commented about it. Want to get rid of it. Its in this gallery:http://www.ldsphotographer.com/Other/Investment/18745027_BTJGVB

ANy help is appreciated. Thanks.
I don't see it here. :scratch
btw, use the gallery number not the key.

.notLoggedIn .gallery_BTJGVB .nophotos { display: none; }
like this
.notLoggedIn .gallery_18745027 .nophotos { display: none; }

gputah
Aug-27-2011, 07:50 PM
I don't see it here. :scratch
btw, use the gallery number not the key.

.notLoggedIn .gallery_BTJGVB .nophotos { display: none; }
like this
.notLoggedIn .gallery_18745027 .nophotos { display: none; }

It appears that it has since vanished :) I guess I needed to be more patient. I expected instant results... Thanks for looking :)

Allen
Aug-27-2011, 07:52 PM
It appears that it has since vanished :) I guess I needed to be more patient. I expected instant results... Thanks for looking :)
The results would be instant if you saved the changes. Nothing just happens to change later unless
you changed something.

gputah
Aug-27-2011, 08:41 PM
The results would be instant if you saved the changes. Nothing just happens to change later unless
you changed something.

Well, I gave up trying because it wasn't working. And then you said it was working, so I went and checked and sure enough, its working. I cleared my cache/cookies/history every time I went to see if it was working. But I'm happy cause its working.

David_S85
Mar-01-2013, 01:00 AM
I realize this thread is ancient, but I tried this and I can't get this to work.

Trying to get an all text "gallery" set up in Other > Text Only Test Page. Here are my gallery settings.

Theme: default
Appearance: custom
Gallery Style: Journal (old)

I placed one photo in the gallery to set it up initially.

I have the following in my CSS box under advanced customization:


.gallery_28227378 .nophotos { display: none; }


What am I doing wrong? I am seeing a pic in both owner and visitor view

Also, if that might be able to work, how can I get rid of the page number text?

Thanks!

J Allen
Mar-01-2013, 01:08 AM
I realize this thread is ancient, but I tried this and I can't get this to work.

Trying to get an all text "gallery" set up in Other > Text Only Test Page. Here are my gallery settings.

Theme: default
Appearance: custom
Gallery Style: Journal (old)

I placed one photo in the gallery to set it up initially.

I have the following in my CSS box under advanced customization:



What am I doing wrong? I am seeing a pic in both owner and visitor view

Also, if that might be able to work, how can I get rid of the page number text?

Thanks!


Why not just remove the photo and add the text to the gallery description area....?

David_S85
Mar-01-2013, 01:19 AM
Why not just remove the photo and add the text to the gallery description area....?

I thought that tactic might eliminate the gallery altogether. :dunno And isn't the purpose of that code to eliminate the showing of images within a gallery, even if they were there? Or is the code's purpose to allow the existence of a gallery when photos have been deleted from it? Just trying to understand the why. I do know I can place a huge amount of text and html in the galley's description area.

J Allen
Mar-01-2013, 02:03 AM
I thought that tactic might eliminate the gallery altogether. :dunno And isn't the purpose of that code to eliminate the showing of images within a gallery, even if they were there? Or is the code's purpose to allow the existence of a gallery when photos have been deleted from it? Just trying to understand the why. I do know I can place a huge amount of text and html in the galley's description area.


That code is to remove a box that states "this gallery has no photo's" ....and it only appears when you have no images in that gallery.....you can make a gallery with no images and the gallery will stay on your site. What exactly are you wanting to add in this gallery..I can give you a hand formatting the html if you need help...

Allen
Mar-01-2013, 03:46 AM
...
The main advantage of using the .journal (old) style is it is a fixed width and allows you to set up a
static document looking page with perhaps photos. If you want visitors to be able to comment, at
least one photo needs to be in the gallery. Also if you embed photos in with the text it's best to put
them in this gallery so they are easy to link to and you'll always know where they are. And leave
them viewable when logged in for maintenance.

I prefer to use this as it is the top div of the message box. Sometimes .nophotos leaves part of the box.

.notLoggedIn .gallery_28227378 .emptyGallery { display: none; }

There are maintenance buttons on the box so best to see it when logged in.

David_S85
Mar-01-2013, 06:50 AM
Thanks, Allen. I'll look into this more in the next couple of days. I see you've created some tutorials for this type of thing.

JBDimagery
Mar-27-2013, 09:19 AM
okay guys, i'm just expanding on jt's stuff becuase so many people, like me, are html and css idiots - we are the copy/paste/edit/modify crowd :lol3

so:

this stuff and really whatever you want your html to be, goes into the "gallery description edit box:

<html>
your valid HTML goes here
htmlblahblahblahblah-de-blah
</html>

now this stuff goes in your CSS box on your customization page:

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

SITEWIDE (easiest!)

.notLoggedIn .nophotos {display: none;}

YOU will see it logged in (convenient) but visitors WILL NOT see it.
and you can see an example html only page here (http://www.moonriverphotography.com/gallery/911245)

I seem to be having some trouble with my coding. Can someone help me please?

/* html only page for gallery 28601579_2Zzjxw */
.notLoggedIn .gallery_28601579_2Zzjxw .nophotos { display: none; }

SITEWIDE (easiest!)

.notLoggedIn .nophotos {display: none;}

link to my page: http://www.jbdimagery.com/Contact/Me/28601579_2Zzjxw

Allen
Mar-27-2013, 09:45 AM
I seem to be having some trouble with my coding. Can someone help me please?

/* html only page for gallery 28601579_2Zzjxw */
.notLoggedIn .gallery_28601579_2Zzjxw .nophotos { display: none; }

SITEWIDE (easiest!)

.notLoggedIn .nophotos {display: none;}

link to my page: http://www.jbdimagery.com/Contact/Me/28601579_2Zzjxw
Only the gallery number is used in CSS, remove the red.

.notLoggedIn .gallery_28601579_2Zzjxw .nophotos { display: none; }

FreddieB
Apr-05-2013, 11:06 AM
Hi Allen, I need help again. I setup a html page and it works fine with firefox, but not with IE. The website is www.wapwtoshowdown.org (http://www.wapwtoshowdown.org) , and html page is http://www.wapatoshowdown.org/SponsorsForm/Sponsors-From/28758610_9jT3fb

This is the css code I used -

/* START gallery 28758610 */

.gallery_28758610 #albumDescription {
margin-top: 40px; /* gap from navbar at top */
background: #ccc; /* background of description box */
padding: 20px 40px 40px 40px; /* top right bottom left */
} /* spacing inside box from edges */

.gallery_28758610 .myPhoto {
float: left; /* allows the text to flow to the right */
padding: 0 30px 10px 0; /* top right bottom left */
} /* spacing of text around photo */

.gallery_28758610 .myPhoto img {
border: 4px ridge #444; /* add border around photo */
}

.gallery_28758610 .myTitle {
font-family: Comic Sans MS, verdana;
font-size: 150%;
color: #ff0000;
font-weight: bold;
text-align: center;
margin: 0 auto 30px auto; /* top right bottom left */
}

.gallery_28758610 .myText {
font-family: Comic Sans MS, verdana;
font-size: 100%;
color: #fff;
font-weight: normal;
text-align: justify;
}

.myEmail {color: #fff;}
.myEmail:hover {color: red;}
.notLoggedIn.gallery_28758610 #breadcrumb {display: none;}

/* END gallery 28758610 */


And I used this in the gallery settings -

<html>
<div class="myTitle">
This Page is for the Wapato Showdown Sponsors
</div> <!-- closes myTitle div -->

<div class="myPhoto">
<img src="/photos/!i=2441202512&k=SJmTf3B-L.jpg" width="815" height="1055" />
</div> <!-- closes myPhoto div -->

<div class="myText">
<p>Dear Sponsors:
We are proud to announce the 17th Annual Wapato Showdown Car Show, scheduled on Saturday, August 24th, 2013 in Gaston, OR.
</p>

<p>We wish to thank you, our Sponsors, for the friendship and generosity that has been exhibited throughout the years by the owners, employees, and representatives of all businesses and

individuals
who have helped. We have been able to continue to build a better event and relationships with your support.
</p>

<p>Click on the image below to read more detailed information. Then you can right click on the image and then click on save image if you want to download it to your computer, this should

be done if you want to print it out and mail it in or you can complete all the information on line by clicking on the individual forms below. Follow the directions on each form. If you

have any questions, please email me.</p>

<p>Thank you for your support.</p>

<p>You can contact me by Email <a href="mailto: e-mail mail@wapatoshowdown.org?subject=Hello Fred">
<span class="myEmail">here</span></a></p>

</div> <!-- closes myText div -->
<div style="clear: both;"></div>
</html>

When using IE the top part of the page is blank. I believe I need more code to make this work with IE.

Thank you for your help.
Fred

Allen
Apr-05-2013, 01:49 PM
Hi Allen, I need help again. I setup a html page and it works fine with firefox, but not with IE. The website is www.wapwtoshowdown.org (http://www.wapwtoshowdown.org) , and html page is http://www.wapatoshowdown.org/SponsorsForm/Sponsors-From/28758610_9jT3fb

This is the css code I used - ...
When using IE the top part of the page is blank. I believe I need more code to make this work with IE.

Thank you for your help.
Fred
You have a bad link here, fixed below. I'd also remove the height and width.

<div class="myPhoto">
<img src="/photos/2441202512_SJmTf3B-L.jpg" height="1055" width="815">
</div> <!-- closes myPhoto div -->

FreddieB
Apr-05-2013, 04:36 PM
You have a bad link here, fixed below. I'd also remove the height and width.

<div class="myPhoto">
<img src="/photos/2441202512_SJmTf3B-L.jpg" height="1055" width="815">
</div> <!-- closes myPhoto div -->

Thanks for your help Allen.
Fred

renk777
Apr-05-2013, 06:56 PM
I'm new here. I set up a site 2 years ago but I know absolutely nothing about photography or websites. I partnered with someone but than decided I really want to be on my own. So we went our separate ways. THen I baked some babies and popped them out and the site just sat. THen my camera broke. So here I am...done creating life but needing to feed and clothe the little urchins I do have and I need income! I have no business behind a camera--let alone trying to design a site--but I will prevail! I have a ton of questions but my first was how to have my "About" page feature one larger photo of me as well as a bit of a bio. I found the code above and have tried every which way to get it to work but I'm just not getting it. I went from 2 clicks to get to my info to requiring 3 clicks. I'm thinking there must be conflicting code somewhere. So far, I've just copied and pasted and edited code I've found on the web to get what I have now. If anyone could look at my site and let me know what I'm doing wrong, that would be sweet! Thanks so much! http://karenkretzmerphotography.smugmug.com

Allen
Apr-05-2013, 07:08 PM
...http://karenkretzmerphotography.smugmug.com
Can't help much without seeing the gallery.

FreddieB
Apr-05-2013, 07:46 PM
Thanks for your help Allen.
Fred

Well, I still don't have everything just right. The images below the box when using firefox, and when using IE there is no image. I think I have something wrong in my CSS. It is at the bottom of the CSS. Could you please look at this one more time when you have time.

Is it possible if the image is in the box to click on it and make it larger? Or, could I add a second image below the box that could be made larger?

Thanks again,
Fred



http://www.wapatoshowdown.org/

http://www.wapatoshowdown.org/SponsorsForm/For-The-Sponsors/28774659_DX8mvf

Allen
Apr-05-2013, 08:10 PM
Well, I still don't have everything just right. The images below the box when using firefox, and when using IE there is no image. I think I have something wrong in my CSS. It is at the bottom of the CSS. Could you please look at this one more time when you have time.

Is it possible if the image is in the box to click on it and make it larger? Or, could I add a second image below the box that could be made larger?

Thanks again,
Fred



http://www.wapatoshowdown.org/

http://www.wapatoshowdown.org/SponsorsForm/For-The-Sponsors/28774659_DX8mvf
See if you like this. Opens an XL image in a new browser window.

Change the myPhoto html to this. Fixes image link also.

<div class="myPhoto">
<a href="/photos/2442681363_zWrPgSG-X2.jpg" target="_blank">
<img src="/photos/2442681363_zWrPgSG-M.jpg" />
</a>
<br />
<center>
<font color=red>Click image above to open larger one.</font></center>
</div> <!-- closes myPhoto div -->

Add red in CSS to make the page a little wider.

/* START gallery 28774659 */

.gallery_28774659 #journal {margin: 0 auto; width: 900px;}

.gallery_28774659 #albumDescription { ............

FreddieB
Apr-05-2013, 09:57 PM
See if you like this. Opens an XL image in a new browser window.

Change the myPhoto html to this. Fixes image link also.

<div class="myPhoto">
<a href="/photos/2442681363_zWrPgSG-X2.jpg" target="_blank">
<img src="/photos/2442681363_zWrPgSG-M.jpg" />
</a>
<br />
<center>
<font color=red>Click image above to open larger one.</font></center>
</div> <!-- closes myPhoto div -->
Add red in CSS to make the page a little wider.

/* START gallery 28774659 */

.gallery_28774659 #journal {margin: 0 auto; width: 900px;}

.gallery_28774659 #albumDescription { ............



Allen this is fantastic, it is better than I was hoping for. :clap:barb :ivar:rofl:D

Thank you very, very much!!!!!
Fred

renk777
Apr-06-2013, 07:42 AM
Woops...sorry...I forgot I had the site set so no one could view it without a p-word. The password to view is "view". How original LOL I took out the CSS code that wasn't working so right now, there's nothing to show for my efforts. But I left the description in the gallery between the <html> </html>. I'm thinking I understood that much but I'm not going to extend myself too much credit!

Allen
Apr-06-2013, 07:59 AM
Woops...sorry...I forgot I had the site set so no one could view it without a p-word. The password to view is "view". How original LOL I took out the CSS code that wasn't working so right now, there's nothing to show for my efforts. But I left the description in the gallery between the <html> </html>. I'm thinking I understood that much but I'm not going to extend myself too much credit!
Here's a start.

Replace your whole about gallery description with this.

<html>
<div class="myPhoto">
<img src="/photos/2439309773_tP4n2Lq-S.jpg" width="400" height="267" />
</div> <!-- closes myPhoto div -->

<div class="myText">
<p>Hi, I'm Karen... an on-location, natural light photographer servicing the Jersey shore / Central NJ area.</p>

<p>I'm a stay-at-home mom who resides with my hubby and 3 children in an old fixer-upper in Long Branch, NJ. When I'm not stalking my children with a camera, I'm probably cleaning up after them (or just cleaning in general), gardening, cleaning, reading, cleaning (seeing a pattern?), or trying to survive the latest renovation we've embarked upon. Yet no matter how crazy the days can get, I feel so blessed with all that I've been given and long for a way to hold onto the more touching moments forever. Photography has provided me with such an outlet!</p>

<p>I had barely learned to walk when my doodles (on paper and walls alike!) caught the attention of my parents and later, teachers. Over the years, as my interest in the arts increased, my time to explore them has only decreased! Today, painting and sculpting are just too messy and require space we don't have. With a husband, 3 kids and one big (and very old, doggy!) in the mix, I barely find the time to shower, let alone delve into something artsy for fun! It never occured to me to use photography for creative expression until the birth of my daughter a few years back. I certainly didn't consider it for a profession until some time later at the urging of loved ones who had seen some of my photos. So,I'm taking that leap of faith!</p>

<p>I'm so excited about this new venture in which my passion and career are one! I know how difficult it is in today's world to consciously stop and enjoy the time and people we've been given to share in our journey. Precious moments race away from us before we ever get a chance to grasp them, really soak them in and commit them to memory. All too fast, they are gone.</p>

<p>My desire is to capture your experiences for you... to present you with your most cherished moments...little snapshots of your lives, your love, your laughter... preserved forever in a form you can take with you and revisit time and again. If you'll allow me to help document the people and milestones you hold most dear, than please do not hesitate to contact me via the link above.
<br />
God Bless, Karen</p>
</div> <!-- closes myText div -->
</html>

Add this to your advanced CSS.


/* START about gallery */

.gallery_16681724 #albumDescription {
margin-top: 20px; /* gap from navbar at top */
background: #eee; /* background of description box */
border: 2px solid #ccc;
padding: 20px 30px 20px 30px; /* top right bottom left */
} /* spacing inside box from edges */

.gallery_16681724 .myPhoto {
float: left; /* allows the text to flow to the right */
padding: 0 20px 0 0; /* top right bottom left */
} /* spacing of text around photo */

.gallery_16681724 .myPhoto img {
border: 4px ridge #444; /* add border around photo */
}

.gallery_16681724 .myTitle {
font-family: Comic Sans MS, verdana;
font-size: 150%;
color: #444;
font-weight: bold;
text-align: center;
margin: 0 auto 30px auto; /* top right bottom left */
}

.gallery_16681724 .myText {
font-family: Comic Sans MS, verdana;
font-size: 100%;
color: #444;
font-weight: normal;
text-align: justify;
}

.myEmail {color: #444;}
.myEmail:hover {color: red;}

/* things you can hide on page */
.notLoggedIn.gallery_16681724 #photos, /* hides photos in gallery */
.notLoggedIn.gallery_16681724 #albumNav_top,
.notLoggedIn.gallery_16681724 #albumNav_bottom,
.notLoggedIn.gallery_16681724 #breadcrumb {display: none;}

/* END about gallery */

In your header nav html change this

<li><a href="/About">About</a></li>

to this

<li><a href="/gallery/16681724_CB4k6Q">About</a></li>

It's a direct link to the gallery.

renk777
Apr-06-2013, 09:25 AM
I reached my wedding weight for the first time in almost 6 years so I didn't think today could get any better but it just did! Thank you!!!!! You rock!

FreddieB
Apr-07-2013, 10:13 AM
Hi Allen,

I have messed something up. A couple of things aren't working right.

No bread crumbs are showing up in none of the galleries when not signed in.

www.wapatoshowdown.org

I can't keep the photo from showing up at the bottom of the old journal page.

http://www.wapatoshowdown.org/SponsorsForm/For-The-Sponsors/28774659_DX8mvf

Not sure what I did wrong. Could you please take a look when you can.

Thanks Again,
Fred

Allen
Apr-07-2013, 10:35 AM
Hi Allen,

I have messed something up. A couple of things aren't working right.

No bread crumbs are showing up in none of the galleries when not signed in.

www.wapatoshowdown.org (http://www.wapatoshowdown.org)

I can't keep the photo from showing up at the bottom of the old journal page.

http://www.wapatoshowdown.org/SponsorsForm/For-The-Sponsors/28774659_DX8mvf

Not sure what I did wrong. Could you please take a look when you can.

Thanks Again,
Fred
You're missing the red.

.notLoggedIn.gallery_28774659 .emptyGallery, /* if no photos in gallery */
.notLoggedIn.gallery_28774659 .journal_entry, /* hides photos in gallery */
.notLoggedIn.gallery_28774659 .pageNav,
.notLoggedIn.gallery_28774659 .photos /* hides photos in gallery */
{display:none}

/* END gallery 28774659 */

BTW, .journal_entry and .photos are for two different style galleries. You only need the one for the
gallery style you're using, this case Smugmug style, .photos.

FreddieB
Apr-07-2013, 11:19 AM
You're missing the red.

.notLoggedIn.gallery_28774659 .emptyGallery, /* if no photos in gallery */
.notLoggedIn.gallery_28774659 .journal_entry, /* hides photos in gallery */
.notLoggedIn.gallery_28774659 .pageNav,
.notLoggedIn.gallery_28774659 .photos /* hides photos in gallery */
{display:none}

/* END gallery 28774659 */
BTW, .journal_entry and .photos are for two different style galleries. You only need the one for the
gallery style you're using, this case Smugmug style, .photos.

I tried that code but it did not work for me. Am I doing something wrong ?
Thanks
Fred

Allen
Apr-07-2013, 11:23 AM
I tried that code but it did not work for me. Am I doing something wrong ?
Thanks
Fred
Replace this

.notLoggedIn.gallery_28774659 .emptyGallery, /* if no photos in gallery */
.notLoggedIn.gallery_28774659 .photos /* hides photos in gallery */
{display:none}

/* END gallery 28774659 */

With this

.notLoggedIn.gallery_28774659 .journal_entry, /* hides photos in gallery */
.notLoggedIn.gallery_28774659 .pageNav {display:none}

/* END gallery 28774659 */

FreddieB
Apr-07-2013, 11:44 AM
Replace this

.notLoggedIn.gallery_28774659 .emptyGallery, /* if no photos in gallery */
.notLoggedIn.gallery_28774659 .photos /* hides photos in gallery */
{display:none}

/* END gallery 28774659 */
With this

.notLoggedIn.gallery_28774659 .journal_entry, /* hides photos in gallery */
.notLoggedIn.gallery_28774659 .pageNav {display:none}

/* END gallery 28774659 */



That worked great. But how do I get something like this to show up when I am not logged in -
carshowphotos (http://www.wapatoshowdown.org/community/carshowphotos) > WapatoShowdown (http://www.wapatoshowdown.org) > Past Car Shows (http://www.wapatoshowdown.org/PastCarShows) > Past Car Shows (http://www.wapatoshowdown.org/PastCarShows/Past-Car-Shows) > Car Shows.
It is difficult for visitors to move around. It is like this in all the galleries.

Thanks
Fred

Allen
Apr-07-2013, 01:09 PM
That worked great. But how do I get something like this to show up when I am not logged in -
carshowphotos (http://www.wapatoshowdown.org/community/carshowphotos) > WapatoShowdown (http://www.wapatoshowdown.org) > Past Car Shows (http://www.wapatoshowdown.org/PastCarShows) > Past Car Shows (http://www.wapatoshowdown.org/PastCarShows/Past-Car-Shows) > Car Shows.
It is difficult for visitors to move around. It is like this in all the galleries.

Thanks
Fred
This in your CSS is hiding it everywhere. Perhaps you only need it on a few specific pages?

.notLoggedIn #breadCrumbTrail {display: none;}

FreddieB
Apr-07-2013, 01:51 PM
This in your CSS is hiding it everywhere. Perhaps you only need it on a few specific pages?

.notLoggedIn #breadCrumbTrail {display: none;}


I took that out and it is working now. I am not sure why that was in there, I removed it for now. I doubt that it was ever needed. You bailed me out again!!! I feel like I owe you a dinner or something.

Again, thank you very much.
Fred

FreddieB
Apr-07-2013, 11:21 PM
Is there a way to not have the NAVBAR be displayed in this gallery.

http://www.wapatoshowdown.org/SponsorsForm/For-The-Sponsors/28774659_DX8mvf

I have been trying different codes but no luck.

www.wapatoshowdown.org

Thanks For You Help
Fred

Allen
Apr-08-2013, 04:49 AM
Is there a way to not have the NAVBAR be displayed in this gallery.

http://www.wapatoshowdown.org/SponsorsForm/For-The-Sponsors/28774659_DX8mvf

I have been trying different codes but no luck.

www.wapatoshowdown.org (http://www.wapatoshowdown.org)

Thanks For You Help
Fred
The navbar or the breadcrumb? I see both now.

Use one of these or both.

.gallery_28774659 #navcontainer {display: none;}
.gallery_28774659 #breadCrumbTrail {display: none;}

FreddieB
Apr-08-2013, 08:47 AM
The navbar or the breadcrumb? I see both now.

Use one of these or both.

.gallery_28774659 #navcontainer {display: none;}
.gallery_28774659 #breadCrumbTrail {display: none;}

That made it work. I took out the navbar. It looks great now.

Thanks again Allen.
Fred

flytime
Apr-30-2013, 05:47 AM
Hi there!
I have many problems with my page at http://www.flytime.cc/GTP/GTP/29176082_CPm3v2.

I adapted it from Andy's pricing page and there's probably a lot of junk in the code, but right now the most pressing thing is to get the "this gallery needs photos" message out of the way. I have added the following code to CSS but that hasn't worked.

/* html only page for gallery GTP/GTP/29176082_CPm3v2 */
.gallery_GTP/GTP/29176082_CPm3v2 .nophotos { display: none; }

Would appreciate any help!
Alex

denisegoldberg
Apr-30-2013, 06:04 AM
...I have added the following code to CSS but that hasn't worked.

/* html only page for gallery GTP/GTP/29176082_CPm3v2 */
.gallery_GTP/GTP/29176082_CPm3v2 .nophotos { display: none; }
CSS only uses the gallery id. Change your CSS to:
.gallery_29176082 .nophotos { display: none; }
If you always want to suppress the no photos message when you are not logged in, change the message to this instead:
.notLoggedIn .nophotos { display: none; }
--- Denise

Allen
Apr-30-2013, 06:05 AM
Hi there!
I have many problems with my page at http://www.flytime.cc/GTP/GTP/29176082_CPm3v2.

I adapted it from Andy's pricing page and there's probably a lot of junk in the code, but right now the most pressing thing is to get the "this gallery needs photos" message out of the way. I have added the following code to CSS but that hasn't worked.

/* html only page for gallery GTP/GTP/29176082_CPm3v2 */
.gallery_GTP/GTP/29176082_CPm3v2 .nophotos { display: none; }

Would appreciate any help!
Alex
Change it to this.

/* html only page for gallery GTP/GTP/29176082_CPm3v2 */
.gallery_29176082 .notLoggedIn .emptyGallery { display: none; }

flytime
Apr-30-2013, 06:22 AM
Hmph. Doesn't work. I suppose my code is simply too cluttered....

Allen
Apr-30-2013, 03:45 PM
Hmph. Doesn't work. I suppose my code is simply too cluttered....
I do not see the message on the page you linked?

flytime
Apr-30-2013, 04:15 PM
Oh weird, now it worked. Thanks Denise and Allen.