View Full Version : Oh boy! another question!
bellbivdevo
Feb-03-2009, 07:52 AM
Ok i know there was a whole thread to my question i read it copied this code:
<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 it looks like this in my css box:
/* html only page for gallery 7265038 */
.gallery_7265038 .nophotos { display: none; }
and the valid HTML code in the description box with description-
My question is did i do this right? and if so do i need a pic in my "emptygallery box?" or can it be blank ? and why is my txt in my description box so crapped? want it more spaced out, I copied it and pasted it, is that why it so cramped? thank all
James...........http://perspectivephotos.smugmug.com/
jfriend
Feb-03-2009, 07:54 AM
We need a link to the page in question in order to help.
bellbivdevo
Feb-03-2009, 07:59 AM
We need a link to the page in question in order to help.
http://perspectivephotos.smugmug.com/galleries
http://www.smugmug.com/gallery/7265038_q3Jz6
jfriend
Feb-03-2009, 08:02 AM
http://perspectivephotos.smugmug.com/galleries
http://www.smugmug.com/gallery/7265038_q3Jz6
That gallery has none of your customization. To allow it to have your customization, you need to go to customize gallery for that gallery and make sure that:
Hide Owner is set to "No"
and
Appearance is set to "Custom".
That will allow your customization to work on this gallery and we can then see what else you might want to do.
FYI, when using <html>your text here </html>, you have to insert your own HTML linebreaks in your text with either of these HTML tags <br> or <p>. Regular text linebreaks are ignored in HTML.
bellbivdevo
Feb-03-2009, 08:38 AM
That gallery has none of your customization. To allow it to have your customization, you need to go to customize gallery for that gallery and make sure that:
Hide Owner is set to "No"
and
Appearance is set to "Custom".
That will allow your customization to work on this gallery and we can then see what else you might want to do.
FYI, when using <html>your text here </html>, you have to insert your own HTML linebreaks in your text with either of these HTML tags <br> or <p>. Regular text linebreaks are ignored in HTML.
good news - got it, bad news: I have added the breaks and I just went to add more (because there were some missing) and i cannot make any new changes i went back threw the customize gallery to see if all was set the same and it was- the page goes blank when i go to edit it, http://perspectivephotos.smugmug.com/gallery/7265038_q3Jz6 so now i cannot finish the spacing..yet it is all there in the galley itself just cannot edit it.....help? http://perspectivephotos.smugmug.com/gallery/7265038_q3Jz6 so once that is finished that what should i do about the empty gallery box? If i do put a picture in it is it possible to just have it show in the box and not in the page itself? thanks-
jfriend
Feb-03-2009, 08:40 AM
good news - got it, bad news: I have added the breaks and I just went to add more (because there were some missing) and i cannot make any new changes i went back threw the customize gallery to see if all was set the same and it was- the page goes blank when i go to edit it, http://perspectivephotos.smugmug.com/gallery/7265038_q3Jz6 so now i cannot finish the spacing..yet it is all there in the galley itself just cannot edit it.....help? http://perspectivephotos.smugmug.com/gallery/7265038_q3Jz6 so once that is finished that what should i do about the empty gallery box? If i do put a picture in it is it possible to just have it show in the box and not in the page itself? thanks- This issue is caused because you have unmatched <div> tags in your description. Remember, for every <div> tag you add, there must be a matching </div> tag. If you don't have that, you get this issue.
You can fix your problem by going to the customize gallery screen and editing the description there.
bellbivdevo
Feb-03-2009, 09:10 AM
This issue is caused because you have unmatched <div> tags in your description. Remember, for every <div> tag you add, there must be a matching </div> tag. If you don't have that, you get this issue.
You can fix your problem by going to the customize gallery screen and editing the description there.
got it -thanks John you have been much help:
questions :
the emptygallery box what do i do:scratch
and If i want to add this Bundles link this to my nav. bar do i do this?
http://dgrin.smugmug.com/img/spacer.gif (http://dgrin.smugmug.com/gallery/1932803_rXTJe/1/98083113_D6NDM/Large)
I NEED MORE LINKS
No problem! just add another one of those lines, starting with < li > and ending with < /li >
with just the word bundles and the url change of course? thanks
jfriend
Feb-03-2009, 09:28 AM
got it -thanks John you have been much help:
questions :
the emptygallery box what do i do:scratch
and If i want to add this Bundles link this to my nav. bar do i do this?
http://dgrin.smugmug.com/img/spacer.gif (http://dgrin.smugmug.com/gallery/1932803_rXTJe/1/98083113_D6NDM/Large)
I NEED MORE LINKS
No problem! just add another one of those lines, starting with < li > and ending with < /li >
with just the word bundles and the url change of course? thanks
It would make it much easier to help you if you can be a little more detailed when asking a question. You said "empty gallery box". It took me quite a while to figure out what you meant with that.
You have several different options for dealing with the lack of a gallery thumb. First, you could upload an image to that gallery (which would be used as the gallery thumb). You would then add CSS to hide the display of that image in the gallery so your page continues to look how it does now.
Second, you could make the gallery unlisted (so it doesn't show to your viewers in your gallery listings (it will show only for you) and then link to it directly from your navbar. This is what most professionals seem to do so that their gallery listing stays pure as just photos.
Yes, to add more navbar items, you just add more lines of the form you already have just changing the link and the visible text. You must follow the syntax exactly though.
bellbivdevo
Feb-03-2009, 10:08 AM
It would make it much easier to help you if you can be a little more detailed when asking a question. You said "empty gallery box". It took me quite a while to figure out what you meant with that.
You have several different options for dealing with the lack of a gallery thumb. First, you could upload an image to that gallery (which would be used as the gallery thumb). You would then add CSS to hide the display of that image in the gallery so your page continues to look how it does now.
Second, you could make the gallery unlisted (so it doesn't show to your viewers in your gallery listings (it will show only for you) and then link to it directly from your navbar. This is what most professionals seem to do so that their gallery listing stays pure as just photos.
Yes, to add more navbar items, you just add more lines of the form you already have just changing the link and the visible text. You must follow the syntax exactly though.
sorry- I will work on being detailed-
I took option 2 (unlisted galley)
Ok i have tried to set up the new nav bar it looks like this:
<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/7027634_qJKXA_YYYYY">About Me</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/gallery/7167603_NdafC">Guestbook</a></li>
<li><a href="perspectivephotos.smugmug.com/gallery/7265038_q3Jz6">Bundles</a></li>
</ul>
</div>
I have tried several options but cannot get the word -Bundles- to appear on the nav. bar, and of course, not get it to link- do i need to put something in the css box?
jfriend
Feb-03-2009, 10:13 AM
sorry- I will work on being detailed-
I took option 2 (unlisted galley)
Ok i have tried to set up the new nav bar it looks like this:
<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/7027634_qJKXA_YYYYY">About Me</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/gallery/7167603_NdafC">Guestbook</a></li>
<li><a href="perspectivephotos.smugmug.com/gallery/7265038_q3Jz6">Bundles</a></li>
</ul>
</div>
I have tried several options but cannot get the word -Bundles- to appear on the nav. bar, and of course, not get it to link- do i need to put something in the css box?
Where are you putting it in your customization because this new code is not present in your site. It goes in your custom header (in place of the existing navcontainer html), remember to hit the Update button and the proper HTML for this would be:
<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/7027634_qJKXA">About Me</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/gallery/7167603_NdafC">Guestbook</a></li>
<li><a href="/gallery/7265038_q3Jz6">Bundles</a></li>
</ul>
</div>
I had to correct the URL for the Bundles gallery and the About Me gallery.
bellbivdevo
Feb-03-2009, 10:37 AM
Where are you putting it in your customization because this new code is not present in your site. It goes in your custom header (in place of the existing navcontainer html), remember to hit the Update button and the proper HTML for this would be:
<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/7027634_qJKXA">About Me</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/gallery/7167603_NdafC">Guestbook</a></li>
<li><a href="/gallery/7265038_q3Jz6">Bundles</a></li>
</ul>
</div>
I had to correct the URL for the Bundles gallery and the About Me gallery.
ok i got it could you explain? I would like to understand? I did it and it works thnx...Question
why when i hit the
Preview your site-wide customization:
submit button to preview the change did in not show up? i had to update and finalize in order for "bundles" to appear-
also
u fixed the URL "about me gallery" (thx) but it still was ok the other way? it seamed to work?no?
and last for tday is it possible to put a white line under Perspective Photos (header)? u spoke with me before about the boarder on my slideshow (the top boarder was getting sliced off) because you cannot use both topAlign and a border in your slideshow declaration. You have to pick one of the other as the two settings are not compatible with each other. is that still the same with the line i would like to add under perspective Photos on my home page? Thank you John your very very helpful:bowjames
http://perspectivephotos.smugmug.com/
jfriend
Feb-03-2009, 10:48 AM
ok i got it could you explain? I would like to understand? I did it and it works thnx...Question
why when i hit the
Preview your site-wide customization:
submit button to preview the change did in not show up? i had to update and finalize in order for "bundles" to appear-
also
u fixed the URL "about me gallery" (thx) but it still was ok the other way? it seamed to work?no?
and last for tday is it possible to put a white line under Perspective Photos (header)? u spoke with me before about the boarder on my slideshow (the top boarder was getting sliced off) because you cannot use both topAlign and a border in your slideshow declaration. You have to pick one of the other as the two settings are not compatible with each other. is that still the same with the line i would like to add under perspective Photos on my home page? Thank you John your very very helpful:bowjames
http://perspectivephotos.smugmug.com/
I don't use preview so I have no idea why it didn't work.
URLs in a link can generally be of three forms:
#1: Full URL like:
http://perspectivephotos.smugmug.com/gallery/7265038_q3Jz6.
If you are linking to something on another web domain, this is the form you have to use.
#2: URL that is relative to the domain you are on, but is independent of the page your are on (it will use whatever domain your are on). These all start with a leading "/". That's what you want in this case:
/gallery/7265038_q3Jz6
At Smugmug, you can use relative links for all links to your Smugmug site if you want and it will keep the domain the same as whatever the user started on.
#3: URL that is relative to the page you are on, so the value of the link will be added to whatever the URL of the current page is.
gallery/7265038_q3Jz6
With Smugmug, you can use either of the top two forms, but the bottom form is never a good idea for a navbar because it will work in some places in your site and not work in other places in your site depending upon what page you are on.
You had a hybrid of these that just left off the http:// and didn't start with a /, but included the domain which probably mean it would be interpreted as #3, but in any case it's not a valid form of URL for a link whether it worked in some places or not.
I don't really know what you want for a white line under your banner. You can try this CSS:
#my_banner {border-bottom: 1px solid #777777;}
or let me know (in more detail) what you want.
bellbivdevo
Feb-03-2009, 10:57 AM
I don't use preview so I have no idea why it didn't work.
URLs in a link can generally be of three forms:
#1: Full URL like:
http://perspectivephotos.smugmug.com/gallery/7265038_q3Jz6.
If you are linking to something on another web domain, this is the form you have to use.
#2: URL that is relative to the domain you are on, but is independent of the page your are on (it will use whatever domain your are on). These all start with a leading "/". That's what you want in this case:
/gallery/7265038_q3Jz6
At Smugmug, you can use relative links for all links to your Smugmug site if you want and it will keep the domain the same as whatever the user started on.
#3: URL that is relative to the page you are on, so the value of the link will be added to whatever the URL of the current page is.
gallery/7265038_q3Jz6
With Smugmug, you can use either of the top two forms, but the bottom form is never a good idea for a navbar because it will work in some places in your site and not work in other places in your site depending upon what page you are on.
You had a hybrid of these that just left off the http:// and didn't start with a /, but included the domain which probably mean it would be interpreted as #3, but in any case it's not a valid form of URL for a link whether it worked in some places or not.
I don't really know what you want for a white line under your banner. You can try this CSS:
#my_banner {border-bottom: 1px solid #777777;}
or let me know (in more detail) what you want.
Thank you- white line looks great- also thank you for your explanation James-
bellbivdevo
Feb-05-2009, 06:33 PM
Thank you- white line looks great- also thank you for your explanation James-
Hey jfriend- question
That white line i put on my home page (under perspective photos) the one you gave me the code for- can I/ is it possible to write in that line: James Beliveau?
--------------------------------------James Beliveau-----------
Kinda like that? so my name is pushed to the rightside but still leaving some line to trail with?
also is there any other suggestions you might have to achieve a awsome site that fits my style, something I could tweek? anything really! thank you james-http://www.perspectivephotosite.com/
jfriend
Feb-05-2009, 06:47 PM
Hey jfriend- question
That white line i put on my home page (under perspective photos) the one you gave me the code for- can I/ is it possible to write in that line: James Beliveau?
--------------------------------------James Beliveau-----------
Kinda like that? so my name is pushed to the rightside but still leaving some line to trail with?
also is there any other suggestions you might have to achieve a awsome site that fits my style, something I could tweek? anything really! thank you james-http://www.perspectivephotosite.com/
Change your custom header to this:
<div id="myHeader">
<div id="my_banner"></div>
<div id="myName">James Beliveau</div>
</div>
<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/7027634_qJKXA">About Me</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/gallery/7167603_NdafC">Guestbook</a></li>
<li><a href="/gallery/7265038_q3Jz6">Bundles</a></li>
<li><a href="/gallery/7266748_PkVh7">Contact</a></li>
</ul>
</div>
Then, add this CSS:
#myHeader {position:relative; width: 600px; height: 84px; margin:0 auto;}
#myName {position:absolute; right:50px; bottom:0px; background-color:#000000; padding: 0 5px;}
You should end up with this:
http://content.screencast.com/users/jfriend/folders/Jing/media/56d622ae-24e3-4282-881b-6ffe625b3f04/2009-02-05_1947.png
bellbivdevo
Feb-05-2009, 06:56 PM
Change your custom header to this:
<div id="myHeader">
<div id="my_banner"></div>
<div id="myName">James Beliveau</div>
</div>
<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/7027634_qJKXA">About Me</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/gallery/7167603_NdafC">Guestbook</a></li>
<li><a href="/gallery/7265038_q3Jz6">Bundles</a></li>
<li><a href="/gallery/7266748_PkVh7">Contact</a></li>
</ul>
</div>
Then, add this CSS:
#myHeader {position:relative; width: 600px; height: 84px; margin:0 auto;}
#myName {position:absolute; right:50px; bottom:0px; background-color:#000000; padding: 0 5px;}
You should end up with this:
http://content.screencast.com/users/jfriend/folders/Jing/media/56d622ae-24e3-4282-881b-6ffe625b3f04/2009-02-05_1947.png
Thanks.....ummm my bad:(: is it possible to copy the same font that i used in header perspective photos? i feel like a ass sorry-but the style is right and everthing!
jfriend
Feb-05-2009, 07:14 PM
Thanks.....ummm my bad:(: is it possible to copy the same font that i used in header perspective photos? i feel like a ass sorry-but the style is right and everthing! Your banner is an image. What font did you use when you made it? Do you want to make a small graphic with that font that is your name? If you do, then make the graphic, don't put any extra blank space around the graphic, then upload it the same place you put your banner image and post the link to it here and I'll work out how to use it instead of the text I just did.
bellbivdevo
Feb-05-2009, 07:48 PM
Your banner is an image. What font did you use when you made it? Do you want to make a small graphic with that font that is your name? If you do, then make the graphic, don't put any extra blank space around the graphic, then upload it the same place you put your banner image and post the link to it here and I'll work out how to use it instead of the text I just did.
Ok i made a small graphic with my name :
http://perspectivephotos.smugmug.com/gallery/7236162_UViLF#468401009_Ay2LX i hope i did this the way u said- I hope its small enough- Thanks
-----------------------------------------------James Beliveau----------
jfriend
Feb-05-2009, 08:20 PM
Ok i made a small graphic with my name :
http://perspectivephotos.smugmug.com/gallery/7236162_UViLF#468401009_Ay2LX i hope i did this the way u said- I hope its small enough- Thanks
-----------------------------------------------James Beliveau----------
OK, new instructions:
Change your custom header to this:
<div id="myHeader">
<div id="my_banner"></div>
<div id="myName"></div>
</div>
<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/7027634_qJKXA">About Me</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/gallery/7167603_NdafC">Guestbook</a></li>
<li><a href="/gallery/7265038_q3Jz6">Bundles</a></li>
<li><a href="/gallery/7266748_PkVh7">Contact</a></li>
</ul>
</div>
<link rel="SHORTCUT ICON" href="%20http://h1.ripway.com/25966576/fav@n.gif%20%20">
Add this CSS:
#myHeader {position:relative; width: 600px; height: 97px; margin:0 auto;}
#myName {
position:absolute;
right:50px;
bottom:0px;
width:223px;
height:30px;
padding: 0 5px;
background: #000000 url(http://perspectivephotos.smugmug.com/photos/468401009_Ay2LX-O.png) no-repeat;
}
It should look like this:
http://content.screencast.com/users/jfriend/folders/Jing/media/4029f2d8-8d38-44c5-b634-7da4ca544f9c/2009-02-05_2120.png
bellbivdevo
Feb-05-2009, 08:33 PM
ummmm help......http://perspectivephotos.smugmug.com/ everthing is all over the place and ive lost my favication...yikes
OK, new instructions:
Change your custom header to this:
<div id="myHeader">
<div id="my_banner"></div>
<div id="myName"></div>
</div>
<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/7027634_qJKXA">About Me</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/gallery/7167603_NdafC">Guestbook</a></li>
<li><a href="/gallery/7265038_q3Jz6">Bundles</a></li>
<li><a href="/gallery/7266748_PkVh7">Contact</a></li>
</ul>
</div>
<link rel="SHORTCUT ICON" href="%20http://h1.ripway.com/25966576/fav@n.gif%20%20">
Add this CSS:
#myHeader {position:relative; width: 600px; height: 97px; margin:0 auto;}
#myName {
position:absolute;
right:50px;
bottom:0px;
width:223px;
height:30px;
padding: 0 5px;
background: #000000 url(http://perspectivephotos.smugmug.com/photos/468401009_Ay2LX-O.png) no-repeat;
}
It should look like this:
http://content.screencast.com/users/jfriend/folders/Jing/media/4029f2d8-8d38-44c5-b634-7da4ca544f9c/2009-02-05_2120.png
jfriend
Feb-05-2009, 08:36 PM
ummmm help......http://perspectivephotos.smugmug.com/ everthing is all over the place and ive lost my favication...yikes
You missed the closing brace on this piece of CSS:
#myName {
position:absolute;
right:50px;
bottom:0px;
width:223px;
height:30px;
padding: 0 5px;
background: #000000 url(http://perspectivephotos.smugmug.com/photos/468401009_Ay2LX-O.png) no-repeat;
}
bellbivdevo
Feb-05-2009, 08:54 PM
You missed the closing brace on this piece of CSS:
#myName {
position:absolute;
right:50px;
bottom:0px;
width:223px;
height:30px;
padding: 0 5px;
background: #000000 url(http://perspectivephotos.smugmug.com/photos/468401009_Ay2LX-O.png) no-repeat;
}
wow its hard to believe that a symbol can do all of that.....hummm any idea where my gallerys are?:scratch there not on the gallery page -none of them-
http://www.perspectivephotosite.com/galleries other than that you do great work!
jfriend
Feb-05-2009, 09:00 PM
wow its hard to believe that a symbol can do all of that.....hummm any idea where my gallerys are?:scratch there not on the gallery page -none of them-
http://www.perspectivephotosite.com/galleries other than that you do great work!
CSS is a computer lanugage. When you don't get the syntax just right, the computer screws up the processing of lots of things that come afterwards. In this case, it got so confused that it was unable to parse all the styling for your navbar and banner.
It looks to me like you've hidden your galleries from your homepage. Go to the homepage layout button and make sure that you galleries or categories are checked so that they will show on your galleries page.
bellbivdevo
Feb-05-2009, 09:10 PM
CSS is a computer lanugage. When you don't get the syntax just right, the computer screws up the processing of lots of things that come afterwards. In this case, it got so confused that it was unable to parse all the styling for your navbar and banner.
It looks to me like you've hidden your galleries from your homepage. Go to the homepage layout button and make sure that you galleries or categories are checked so that they will show on your galleries page.
Yes there they are ! I had forgot that in my panic i had unchecked the gallerys in the layout button. thank you again! Really, u helped me do all of this! thats all 4 tonight:):....thanks Jfriend!:thumb
jfriend
Feb-05-2009, 09:34 PM
Yes there they are ! I had forgot that in my panic i had unchecked the gallerys in the layout button. thank you again! Really, u helped me do all of this! thats all 4 tonight:):....thanks Jfriend!:thumb
FYI, you have an error in your navbar CSS that is messing things up a bit. You should delete the part in red as it is causing some of the rest of the rule to not work:
#navcontainer ul li a {Tahoma
text-decoration: none;
padding: .2em .99em;
color: #FFFFFF ;
background-color: #181818 ;
}
If you want a different font for your navbar, then add it here:
#navcontainer ul {
margin: 15px 0 0 0;
padding: 0;
list-style-type: none;
text-align: center;
font-size: 160%;
font-family: Tekton Pro;
}
bellbivdevo
Feb-08-2009, 04:32 PM
FYI, you have an error in your navbar CSS that is messing things up a bit. You should delete the part in red as it is causing some of the rest of the rule to not work:
#navcontainer ul li a {Tahoma
text-decoration: none;
padding: .2em .99em;
color: #FFFFFF ;
background-color: #181818 ;
}
If you want a different font for your navbar, then add it here:
#navcontainer ul {
margin: 15px 0 0 0;
padding: 0;
list-style-type: none;
text-align: center;
font-size: 160%;
font-family: Tekton Pro;
}
thanks Jfriend-
Question:
how do i put a facebook link in, so the person reading can click on it an be linked to my facebook page? maybe put in the "about me page" if that makes a difference. (andy has this on his contact page for example)
or anyother link in for that matter...(myspace-flicker ect.)
and one other question:
I put this code (below) into my bio to get a better listing on yahoo/google any other suggestions? did i do it right? I guess its called a mettag-
div id="bioText">Perspective Photos,Southern Vermont,James Beliveau,802*558*3876,Pictures,Discounts,Weddings, Photographer,Guestbook,Galleys</div>
thank you!
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.