Machlin Imaging Customization Thread (More Questions!)

[machlinimaging]

Hi all,

Since I don't want to sporadically revive my older thread on my customization questions, I'm starting a new one for more questions of mine. Thanks for all your help, especially Allen. You've helped me improve my website a lot!.

Thanks again,
Michael

My Website (http://machlinimaging.com)

[machlinimaging]

...

Okay, here are my first questions:
I want 3 white lines on my page:
1 under my navbar (horizontal)
2, one on each side of the header (vertical)

See the attachment for exactly what I want- yes, I know, it is opposite of real life (white background, black lines/ text). I still want the color scheme the way it is now.

Also, want to remove the extra space in the bio box above and below my slideshow. Is that possible, and if so, do I need to change any of the parameters?

Thanks,
Michael

[Allen]

Hi all,

Since I don't want to sporadically revive my older thread on my customization questions, I'm starting a new one for more (slightly annoying) questions of mine. Thanks for all your help, especially Allen. You've helped me turn my boring, standard site to an interesting (I hope), unique one.

Thanks again,
Michael

My Website (http://machlinimaging.smugmug.com)
I think everyone would rather see you continue in the one thread. It helps
follow the history of what has been accomplished and how you got there.

Anyway, fire away, we're ready.:D

[Allen]

...
1 under my navbar (horizontal)...
Add this in your header below the nav html

<hr width="900px">

[machlinimaging]

Add this...

Thanks Allen. Now, how can I make two vertical bars, one centered halfway between each side of the header and the end of the horizontal bar? I want them to extend downward to the end of the current page, and no further.

[machlinimaging]

... Bump!

[machlinimaging]

...Double Bump!

[Allen]

Thanks Allen. Now, how can I make two vertical bars, one centered halfway between each side of the header and the end of the horizontal bar? I want them to extend downward to the end of the current page, and no further.
Vertical lines are a little tougher. Usually it's done with an image repeated
down the page. And then the image would have to be a different width for all
the page sizes and then what happens with stretchy?

Maybe someone will chime in that has an idea of how to do this.

[machlinimaging]

Vertical lines are a little tougher...
Oh, I didn't realize it was this hard. I realized that I've been a little impatient, looking back at my posts.

If you know how to fix this, I'm still wondering how to remove the extra space at the top and bottom of the slideshow, as it pushes the slideshow down a lot. I don't notice this as much, on my new 24 inch monitor:D, but when viewing my site from smaller screens, a lot of scrolling is required.
Also, I'm wondering if it is possible to implement Cssplay menus (http://www.cssplay.co.uk/menus/pro_horizontal.html)(I like pro #1) into my site? If this can be done, will I still be able to create/ edit new links in the menu, or will this require a complex process?

Thanks again,
Michael

[Allen]

Oh, I didn't realize it was this hard. I realized that I've been a little impatient, looking back at my posts.

If you know how to fix this, I'm still wondering how to remove the extra space at the top and bottom of the slideshow, as it pushes the slideshow down a lot. I don't notice this as much, on my new 24 inch monitor:D, but when viewing my site from smaller screens, a lot of scrolling is required.
Also, I'm wondering if it is possible to implement Cssplay menus (http://www.cssplay.co.uk/menus/pro_horizontal.html)(I like pro #1) into my site? If this can be done, will I still be able to create/ edit new links in the menu, or will this require a complex process?

Thanks again,
Michael
This is about as much space you can remove at the top without the show
covering the line. Add to CSS.

.homepage #navcontainer {margin-bottom: -40px;}
.loggedIn .homepage #navcontainer {margin-bottom: 0px;}


You can use the menu, but only add the stuff between these tags.
<style t...
this stuff << to CSS
</stlye>
<body>
this stuff << to header
</body>
Not those tags.

[machlinimaging]

Okay, I added that code. Now, is it possible to make the black background of the bio box transparent, so the slideshow is directly on the page's background?

[Allen]

Okay, I added that code. Now, is it possible to make the black background of the bio box transparent, so the slideshow is directly on the page's background?
Don't see a background here?

[machlinimaging]

Don't see a background here?

What I want to do is remove the black background color from the bio box. Right now, the background is a grid style, from the black arts theme, but there is a border of black, which is the bio box, around the slideshow. I'd like to either remove the background of the bio box, or make it transparent, so that the slideshow is directly on top of the black arts grid background.

Thanks,
Michael

EDIT: Here is an (extremely) crude sketch on what I mean. The box on the left shows my page now, and on the right is how I want it to be. Currently, the black background of the bio box is there. I want to remove it, or make it transparent, so that the slideshow (inner black rectangle, or the only black rectangle on the right) is directly on the gridline background.

[Allen]

What I want to do is remove the black background color from the bio box. Right now, the background is a grid style, from the black arts theme, but there is a border of black, which is the bio box, around the slideshow. I'd like to either remove the background of the bio box, or make it transparent, so that the slideshow is directly on top of the black arts grid background.

Thanks,
Michael

EDIT: Here is an (extremely) crude sketch on what I mean. The box on the left shows my page now, and on the right is how I want it to be. Currently, the black background of the bio box is there. I want to remove it, or make it transparent, so that the slideshow (inner black rectangle, or the only black rectangle on the right) is directly on the gridline background.
Does this do it?

#bioBox {background:none;}

[machlinimaging]

Does this do it?

#bioBox {background:none;}

Nope, the black background is still there. Any other ideas?

Also, I have a few questions about the size of thumbnails. On your site, in the flora&fungi section, or on andy's site, in the workshops section, the thumnails that link to the galleries are much bigger than those on my site, or your/andy's other pages. Is this a customization thing, or does it have to do with the formatting of those particular pages? I want all my links to be this size,, in the 4-across format, (first works across, then goes to next row, then across, etc) on all the thumbnails, including those for categories, subcategories, and individual galleries.

Thanks,
Michael

[Allen]

Nope, the black background is still there. Any other ideas?

Also, I have a few questions about the size of thumbnails. On your site, in the flora&fungi section, or on andy's site, in the workshops section, the thumnails that link to the galleries are much bigger than those on my site, or your/andy's other pages. Is this a customization thing, or does it have to do with the formatting of those particular pages? I want all my links to be this size,, in the 4-across format, (first works across, then goes to next row, then across, etc) on all the thumbnails, including those for categories, subcategories, and individual galleries.

Thanks,
Michael
There are only two size thumbs, 150x150 and 100x100. If there are six
or more then the small ones will show.

[machlinimaging]

There are only two size thumbs, 150x150 and 100x100. If there are six
or more then the small ones will show.
Oh. Anyway, how can I get them to go 4 across with the title under the picture?

[Allen]

Oh. Anyway, how can I get them to go 4 across with the title under the picture?
Take a look here.

Mini-box hack
#10 in the FAQ: http://www.dgrin.com/showpost.php?p=300387&postcount=8

[machlinimaging]

Thanks. Do you know why the background is still there in the biobox? Also, I want to insert a custom footer with a copyright notice. What do I need to do for that? Finally, where can I find a list of all the fonts that can be used on a web page, and how to name them? (what their font families are) I know that you can't just type in the name of a font for it to appear.



Thanks,
Michael
Grateful noob

[Allen]

Thanks. Do you know why the background is still there in the biobox? Also, I want to insert a custom footer with a copyright notice. What do I need to do for that? Finally, where can I find a list of all the fonts that can be used on a web page, and how to name them? (what their font families are) I know that you can't just type in the name of a font for it to appear.



Thanks,
Michael
Grateful noob:
:noob
Add this to the top of your footer.

<p class="nav" align="center">All images © Machlinimaging</p>

You can look here (http://typetester.maratz.com/) for fonts.


Still don't see a background color. But found this in the theme.

#homepage .box
background-color:#090909;
}

might try adding this to your CSS

#homepage .box
background-color: none;
}

or if that don't work

#homepage .box
background-color: none !important;
}

or if that don't work

#homepage .box
background: none !important;
}

[machlinimaging]

Add this...
None of these worked. Maybe I'm doing something wrong, I don't know. I guess I'll just leave it as it is for now, unless you know of any other way. Anyway, I like the new footer, but want to change the font of the footer to papyrus, if it's supported. Also, the footer is too high up (close to the box) on the about me and guestbook pages. I tried to make the guestbook taller, to push the footer down, but it just made the blue background section longer. How do I get just the footer down so that it is the same distance on the about me and guestbook as it is on the homepage and gallery pages?

[Allen]

None of these worked. Maybe I'm doing something wrong, I don't know. I guess I'll just leave it as it is for now, unless you know of any other way. Anyway, I like the new footer, but want to change the font of the footer to papyrus, if it's supported. Also, the footer is too high up (close to the box) on the about me and guestbook pages. I tried to make the guestbook taller, to push the footer down, but it just made the blue background section longer. How do I get just the footer down so that it is the same distance on the about me and guestbook as it is on the homepage and gallery pages?
Change this in your footer

<p class="nav" align="center">All images © Michael Machlin - Machlin Imaging</p>
<div></div>

to this

<div id="myFooter">
All images © Michael Machlin - Machlin Imaging
</div>

Add this to your CSS

#myFooter {
text-align: center;
margin: 20px auto -5px;
font-family: Comic Sans MS, verdana, tahoma;
font-size: 120%;
color: #ccc;
}

[machlinimaging]

[/code]

I changed the code, and tweaked both my footer and the smugmug footer to the way I want. However, I must've messed something up in the process, as there are now are few problems with the footer:

powered by links to my referral code on the smugmug homepage. it used to not be a link to anything.
smugmug links to just the smugmug homepage. it used to be the link to the referral code.

I can't tell anymore which part of the footer is what, when I'm defining the colors, fonts, and sizes. Here is what I used to think:
footer A: text w/ links in smugmug footer (smugmug, shopping cart)
footer B: text w/o links in smugmug footer (powered by, portions © 2007 smugmug)
myfooter: my new custom footer- I linked it to my homepage, I'm not sure if I made the link correctly.:scratch

I want to make the smugmug footer the same as before, with only the words smugmug and shopping cart being links. I DO want the word smugmug to be a link to the smugmug homepage with my referral code. However, I dont want any of the words that aren't normally links to be links. The following is what I'd really want for the colors and fonts:

Links in smugmug footer:
White, Papyrus, 110%.

Regular text in smugmug footer:
Gray, papyrus, 100%.

My footer:
Dark red (#8b0000), impact, 180%.

Thanks Allen. I hope I'm not being too demanding.:dunno

Michael

[Allen]

I changed the code, and tweaked both my footer and the smugmug footer to the way I want. However, I must've messed something up in the process, as there are now are few problems with the footer:

powered by links to my referral code on the smugmug homepage. it used to not be a link to anything.
smugmug links to just the smugmug homepage. it used to be the link to the referral code.

I can't tell anymore which part of the footer is what, when I'm defining the colors, fonts, and sizes. Here is what I used to think:
footer A: text w/ links in smugmug footer (smugmug, shopping cart)
footer B: text w/o links in smugmug footer (powered by, portions © 2007 smugmug)
myfooter: my new custom footer- I linked it to my homepage, I'm not sure if I made the link correctly.:scratch

I want to make the smugmug footer the same as before, with only the words smugmug and shopping cart being links. I DO want the word smugmug to be a link to the smugmug homepage with my referral code. However, I dont want any of the words that aren't normally links to be links. The following is what I'd really want for the colors and fonts:

Links in smugmug footer:
White, Papyrus, 110%.

Regular text in smugmug footer:
Gray, papyrus, 100%.

My footer:
Dark red (#8b0000), impact, 180%.

Thanks Allen. I hope I'm not being too demanding.:dunno

Michael
Isn't Papyrus a mac font? Don't have it on pc here.

font-family: Papyrus, Comic Sans MS, verdana, tahoma;

[machlinimaging]

Isn't Papyrus a mac font? Don't have it on pc here.

font-family: Papyrus, Comic Sans MS, verdana, tahoma;

I don't know. Anyway, do you know what happened to the smugmug footer, and how to change the colors, fonts and sizes to what I want?

Thanks,
Michael

[Allen]

I don't know. Anyway, do you know what happened to the smugmug footer, and how to change the colors, fonts and sizes to what I want?

Thanks,
Michael
Remove the red from your footer.

<div id="myFooter">
<a href="http://machlinimaging.smugmug.com">All images © Michael Machlin - Machlin Imaging
</a></div>
<a href="http://machlinimaging.smugmug.com">

Remove this from your CSS

footer {display: none !important;}


This is what is controling the smug footer.

#footer, #footer a {
font-family:Papyrus, Comic Sans MS, verdana, tahoma;
font-size: 100%;
color:#ffffff;
}

[machlinimaging]

Remove the red from your footer.

<div id="myFooter">
<a href="http://machlinimaging.smugmug.com">All images © Michael Machlin - Machlin Imaging
</a></div>
<a href="http://machlinimaging.smugmug.com">

Remove this from your CSS

footer {display: none !important;}


This is what is controling the smug footer.

#footer, #footer a {
font-family:Papyrus, Comic Sans MS, verdana, tahoma;
font-size: 100%;
color:#ffffff;
}

Okay, I customized the footer to how I want it to be, except it still doesn't let me change the color of the text in my custom footer. However, I can change everything else in the footer, and CAN change the color of the smugmug footer. Do you know what the problem is?

Also, I want to change the default comments box design, and the default buttons design. Do you have any ideas of what would look good on my site for the comments? I also want to incorporate custom stars (the gold ones), not just the normal outline stars. How do you do that? For the buttons, I like the ones on mike lane's site. Do you know how to add in buttons like those?

Thanks again,
Mike

[Allen]

Okay, I customized the footer to how I want it to be, except it still doesn't let me change the color of the text in my custom footer. However, I can change everything else in the footer, and CAN change the color of the smugmug footer. Do you know what the problem is?

Also, I want to change the default comments box design, and the default buttons design. Do you have any ideas of what would look good on my site for the comments? I also want to incorporate custom stars (the gold ones), not just the normal outline stars. How do you do that? For the buttons, I like the ones on mike lane's site. Do you know how to add in buttons like those?

Thanks again,
Mike
Change to these two.


#myFooter {
text-align: center;
margin: 55px auto 10px;
}

#myFooter a {
font-family:georgia;
font-size: 140%;
color: #8b0000;
}

[machlinimaging]

Change to these two.


#myFooter {
text-align: center;
margin: 55px auto 10px;
}

#myFooter a {
font-family:georgia;
font-size: 140%;
color: #8b0000;
}


That worked, thanks! I just happened to be browsing my site, logged out, in IE, and noticed a problem in my "about me" page. Instead of just the links guestbook and contact me being blue, all the text after guestbook is blue as well. How can I fix this problem? (link (http://machlinimaging.smugmug.com/gallery/3764499))

Also, I want to change the color of the text in the breadcrumb that indicates the current page you are on. How is that done?

Thanks,
Michael

[Allen]

That worked, thanks! I just happened to be browsing my site, logged out, in IE, and noticed a problem in my "about me" page. Instead of just the links guestbook and contact me being blue, all the text after guestbook is blue as well. How can I fix this problem? (link (http://machlinimaging.smugmug.com/gallery/3764499))

Also, I want to change the color of the text in the breadcrumb that indicates the current page you are on. How is that done?

Thanks,
Michael
Let's remove the color from the html and have the CSS control it. IE might
behave better.

<br />
<div id="myText">
<h2><center>
About Me
</center></h2>
<br />
<p>
Hi, welcome to my photography website. This is a collection of photos that I have recently taken. Hopefully you'll find something you like. Add a comment to the
<a href="http://machlinimaging.smugmug.com/gallery/3739514">guestbook</a>
to tell me about anything you like on my website. Please check back often, as I am constantly adding on to my website.
<br>I am not a full-time professional photographer. However, I am usually available to shoot portrait sessions and events, if desired. My pricing is flexible, depending on the budget and occasion, so contact me with inquiries. If you have any questions or comments, please feel free to

<a href="mailto:mjmachlin@aol.com">contact me.</a>
Thanks again for stopping by!
<br><br>
Sincerely,
<br>Michael Machlin
</p>
</div>

Add these to your CSS

.gallery_3764499 #myText h2,
.gallery_3764499 #myText a {
background: none;
color: #00F;
}

.gallery_3764499 #myText a:hover {
color: #4C8FF1;
}


If you are referring to the page picker popout add this to your CSS.

.pickerContent a.page {
color: white !important;
}

.pickerContent a.page:hover {
color: white !important;
background: #666;
}

.pickerContent a.pageOn,
.pickerContent a.pageOn:hover {
color: red !important; }

[machlinimaging]

Hi again! I've recently been making more changes to my site, and suddenly there is a problem with my galleries. They don't line up anymore with the text. I think I must've somehow messed up the code for 4-across. Do you know what went wrong?

Also, I bought the domain machlinimaging.com, and my cname is working fine. Should I change all the links on my site to not include the .smugmug anymore, or will that cause problems?

Thanks,
Michael

[Allen]

Hi again! I've recently been making more changes to my site, and suddenly there is a problem with my galleries. They don't line up anymore with the text. I think I must've somehow messed up the code for 4-across. Do you know what went wrong?

Also, I bought the domain machlinimaging.com, and my cname is working fine. Should I change all the links on my site to not include the .smugmug anymore, or will that cause problems?

Thanks,
Michael
Change the links in your nav html to relative and this should keep you or
your visitors in the domain or nickname.smugmug with the link they enter
with. Especially if you're logged in you want to remain on your nickname
links not domain.

<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="https://www.smugmug.com/cart/">Cart</a></li>
<li><a href="/gallery/3764499">About</a></li>
<li><a href="/gallery/3739514">Guestbook</a></li>
<li><a href="/gallery/4075822">Contact</a></li>
<hr width="950">
</ul>
</div>

I would re-paste in the original 4-across code and re-tweak.

[machlinimaging]

Change the links in your nav html to relative...

Okay, I made the links relative. I have more questions, as usual.:D

When browsing in firefox, typing in machlinimaging.com in the url box and hitting enter will send you to www.machlinimaging.com, but IE doesn't seem to do this (please correct me if I'm wrong). I heard that setting up the cname with @yourdomain.com, instead of www or photos.yourdomain.com, will make it so you don't need to enter www to get to the page. Is this true?
If so, where will I have to change the settings (from www.machlinimaging.com to @machlinimaging.com)? On my smugmug settings in the custom hostname area, on Joker.com's settings, or on both? Also, will I have to wait the 24-48 hours it took to set the cname up for the changes to be made?

Thanks for all your help so far. I really appreciate it. If I'm asking too much of you, please tell me so.

Michael

[machlinimaging]

...
^^^

[machlinimaging]

^^^
Bump!

[machlinimaging]

Bump!
Bump

[Allen]

Okay, I made the links relative. I have more questions, as usual.:D

When browsing in firefox, typing in machlinimaging.com in the url box and hitting enter will send you to www.machlinimaging.com (http://www.machlinimaging.com), but IE doesn't seem to do this. (correct me if I'm wrong) I heard that setting up the cname with @yourdomain.com, instead of www or photos.yourdomain.com, will make it so you don't need to enter www to get to the page. Is this true?
If so, where will I have to change the settings (from www.machlinimaging.com (http://www.machlinimaging.com) to @machlinimaging.com)? On my smugmug settings in the custom hostname area, on Joker.com's settings, or on both? Also, will I have to wait the 24-48 hours it took to set the cname up for the changes to be made?

Thanks for all your help so far. I really appreciate it. If I'm asking too much of you, please tell me so.

Michael
Have you read this page (http://www.smugmug.com/help/professional-accounts) yet? Goes thru step by step how to setup Joker.

[machlinimaging]

Have you read this page (http://www.smugmug.com/help/professional-accounts) yet? Goes thru step by step how to setup Joker. I have read it, but joker won't let me use @ as the subdomain. Anyway, I'm working on a new header now. Do you know how to map the links on a header, like on paint by pixels (http://www.paintbypixels.com/)? I still want the top of the header to link to the homepage (can I make this link relative?).

[Allen]

I have read it, but joker won't let me use @ as the subdomain. Anyway, I'm working on a new header now. Do you know how to map the links on a header, like on paint by pixels? I still want the top of the header to link to the homepage (can I make this link relative?).
Need to email the help desk for the domain problems.

Image map? Why? Just add this to your CSS. Simple way to get your nav
located where you want.:D

#navcontainer {
position: relative;
margin: 0 auto;
left: 140px;
top: -40px;
}

[machlinimaging]

Need to email the help desk for the domain problems.

Image map? Why? Just add this to your CSS. Simple way to get your nav
located where you want.:D
...code...

The reason I don't want the regular navbar is because I want the links on a transparent background, not a colored one. However, to be honest, I really want to entirely redisign my website. If I had the time, I'd create my own theme, since I want a black background, and I'd like to change a lot of different things to make my site more elegant. However, to do so, I'll need to start over on many different things. This will make my site look bad to guests for a while. Also, I don't know if I will have the time to create a theme. Is there some sort of guide to doing this, or will I have to go through each item on the page with webdev or firebug, and change it to the way I like? If I will create a jpeg image showing how I'd like to make my theme, could you give me an estimate of how long it will take, based on what I want to add, remove, or change?
I really think I should make bigger changes in my site, starting with a theme, because it seems like it will make things easier in the future, such as coordinating colors. Do you have any reasons why I should or shouldn't attempt to create my own theme?

Thanks,
Mike

[machlinimaging]

AAAAGGGGHHHH, MORE PROBLEMS!!!

I was just browsing my site, and noticed a few terrible problems. My navbar is now suddenly on the side of the page, and my galleries page has the slideshow in it. What happened? I'm guessing that I did something stupid, like forgetting a } somewhere.

Thanks,
Mike

EDIT: I fixed the navbar issue, but the slideshow is still on the galleries page. Any ideas?

[Allen]

AAAAGGGGHHHH, MORE PROBLEMS!!!

I was just browsing my site, and noticed a few terrible problems. My navbar is now suddenly on the side of the page, and my galleries page has the slideshow in it. What happened? I'm guessing that I did something stupid, like forgetting a } somewhere.

Thanks,
Mike

EDIT: I fixed the navbar issue, but the slideshow is still on the galleries page. Any ideas?
From the galleries hack page (http://dgrin.smugmug.com/gallery/2160039) you're missing the two in bold here.
See if this helps.

.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}

.galleries #bioBox {
display: none;
}

.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}

[machlinimaging]

Hi Again Allen,

I moved the slideshow to the footer so the bio box background won't show, but since the footer is apparent in every page, so is the slideshow. What code is needed to only show the slideshow on the homepage?

Also, I am about to transition the slideshow over to a gallery of images all with the 3:2 (landscape) aspect ratio. What should I change the "create SWF" to so that they will show correctly, without pushing the footer down by taking up extra space on the top and bottom?

Also, I'm still considering taking the time to create a theme of my own. However, I don't know where to start. I looked at mike lane's post, where he states all the things addressed in a theme, but I don't really know what to do. Should I copy the code from an existing theme and alter it? If so, what theme should I start from? Is it better to start from nothing? I really don't know how much knowledge and time this process will take. Do you know of any guides on creating a theme? Are there any people on this forum who have the time to walk me through some of the steps, or tell me where I should start to design a theme?

Thanks for all your help so far. I can't believe how much my smugmug website has improved.
Michael

[Allen]

Hi Again Allen,

I moved the slideshow to the footer so the bio box background won't show, but since the footer is apparent in every page, so is the slideshow. What code is needed to only show the slideshow on the homepage?

Also, I am about to transition the slideshow over to a gallery of images all with the 3:2 (landscape) aspect ratio. What should I change the "create SWF" to so that they will show correctly, without pushing the footer down by taking up extra space on the top and bottom?

Also, I'm still considering taking the time to create a theme of my own. However, I don't know where to start. I looked at mike lane's post, where he states all the things addressed in a theme, but I don't really know what to do. Should I copy the code from an existing theme and alter it? If so, what theme should I start from? Is it better to start from nothing? I really don't know how much knowledge and time this process will take. Do you know of any guides on creating a theme? Are there any people on this forum who have the time to walk me through some of the steps, or tell me where I should start to design a theme?

Thanks for all your help so far. I can't believe how much my smugmug website has improved.
Michael Add this to your CSS.

.galleries #homepage_slideshow,
#homepage_slideshow {display: none;}
.homepage #homepage_slideshow {display: block;}

You can change the height here in your show code keeping the 3:2 ratio.

createSWF(700,466, oParams, "transparent");

I would pick either a basic white or black theme to start. Copy the theme
and paste in the modify theme box and save it with a new name. Then you
can apply it to a new private gallery and tweak till you like it. To make it
much easier, get the Firefox add-on WebDev and you can play with the user
CSS and theme CSS in real time.

[machlinimaging]

Add this to your CSS.

.galleries #homepage_slideshow,
#homepage_slideshow {display: none;}
.homepage #homepage_slideshow {display: block;}

You can change the height here in your show code keeping the 3:2 ratio.

createSWF(700,466, oParams, "transparent");

I would pick either a basic white or black theme to start. Copy the theme
and paste in the modify theme box and save it with a new name. Then you
can apply it to a new private gallery and tweak till you like it. To make it
much easier, get the Firefox add-on WebDev and you can play with the user
CSS and theme CSS in real time.

Thanks Allen. That worked for the most part, but the galleries page still has the slideshow on it. I assume this is because of the galleries page hack. How can I remove it from the galleries page, too?

[Allen]

Thanks Allen. That worked for the most part, but the galleries page still has the slideshow on it. I assume this is because of the galleries page hack. How can I remove it from the galleries page, too? You might try this in your slideshow footer code.
Add the red.

...
oParams.borderColor = 'ffffff';
if (YD.hasClass(document.body,"homepage") && !YD.hasClass(document.body, "galleries"))
{createSWF(700,600, oParams, "transparent");
}
</script>

[machlinimaging]

You might try this in your slideshow footer code.
Add the red.

...
oParams.borderColor = 'ffffff';
if (YD.hasClass(document.body,"homepage") && !YD.hasClass(document.body, "galleries"))
{createSWF(700,600, oParams, "transparent");
}
</script>
I tried that, and the slideshow on the galleries page still didn't go away. What else should I try to remove this?

If I start creating a theme, how should I organize my CSS? Do you think it is best to move all my "themelike" css to the theme's code, or leave it as is?

Thanks,
Michael

[Allen]

I tried that, and the slideshow on the galleries page still didn't go away. What else should I try to remove this?

If I start creating a theme, how should I organize my CSS? Do you think it is best to move all my "themelike" css to the theme's code, or leave it as is?

Thanks,
Michael Try this then.


<div id="homepage_slideshow" align="center">
<script>
if (YD.hasClass(document.body,"homepage") && !YD.hasClass(document.body, "galleries"))
{
var oParams = new Object;
oParams.AlbumID = "3723282";
oParams.newWindow = 'false';
oParams.transparent = "true";
oParams.showLogo = "false";
oParams.showThumbs = "false";
oParams.showButtons = 'false';
oParams.splashDelay = '1000';
oParams.crossFadeSpeed = '800';
oParams.borderThickness = '15';
oParams.borderColor = 'ffffff';
createSWF(700,600, oParams, "transparent");
}
</script>
</div>


If that doesn't work try the direct method.

<div id="homepage_slideshow" align="center">
<script>
if (YD.hasClass(document.body,"homepage") && !YD.hasClass(document.body, "galleries"))
{
<object align="middle" height="100%" width="100%">
<param name="movie" value="http://www.smugmug.com/ria/ShizamSlides-2007091201.swf?AlbumID=3723282&amp;newWindow=false&amp;tra nsparent=true&amp;showLogo=false&amp;showThumbs=false&amp;show Buttons=false&amp;splashDelay=1000&amp;crossFadeSpeed=800&amp; borderThickness=15&amp;borderColor=ffffff&amp;">
<param name="wmode" value="transparent">
<embed src="http://www.smugmug.com/ria/ShizamSlides-2007091201.swf?AlbumID=3723282&amp;newWindow=false&amp;tra nsparent=true&amp;showLogo=false&amp;showThumbs=false&amp;show Buttons=false&amp;splashDelay=1000&amp;crossFadeSpeed=800&amp; borderThickness=15&amp;borderColor=ffffff&amp;" wmode="transparent" type="application/x-shockwave-flash" allowscriptaccess="always" allownetworking="all" height="600" width="700">
</object>
}
</script>
</div>

[machlinimaging]

Try this then...

...If that doesn't work try the direct method...


The first didn't change anything, and the second way made the slideshow disappear entirely. Do you know what is causing this problem?

[Allen]

The first didn't change anything, and the second way made the slideshow disappear entirely. Do you know what is causing this problem?
Change the order of these and see if it works.

/* slideshow */
#homepage_slideshow {display: none;}
.homepage #homepage_slideshow {display: block;}
.galleries #homepage_slideshow {display: none;}
/* end slideshow */

[machlinimaging]

Okay, I've been working on my site a bit more, and have a few questions.

A few days ago, I was browsing my site in IE6, to make sure everything was fine, and a lot of items on the site were rendered incorrectly. In my guestbook, the background of the image/text extends much further down than it should. I decided to remove the background and border for now. My guestbook is displaying correctly, but I can't see the picture or caption text at all in IE. What has happened? Also, my contact me form is not showing correctly. The field names (email, telephone, name, subject, message) are not left justified (next to the edge of the black box) in IE as they are in FF. How can I fix this?

Thanks,
Michael

EDIT: I would also like the guestbook photo to not be clickable. What code or settings will do this?

(Guestbook Link) (http://machlinimaging.smugmug.com/gallery/3739514)

[machlinimaging]

Okay, I've been working on my site a bit more, and have a few questions.

A few days ago, I was browsing my site in IE6, to make sure everything was fine, and a lot of items on the site were rendered incorrectly. In my guestbook, the background of the image/text extends much further down than it should. I decided to remove the background and border for now. My guestbook is displaying correctly, but I can't see the picture or caption text at all in IE. What has happened? Also, my contact me form is not showing correctly. The field names (email, telephone, name, subject, message) are not left justified (next to the edge of the black box) in IE as they are in FF. How can I fix this?

Thanks,
Michael

EDIT: I would also like the guestbook photo to not be clickable. What code or settings will do this?

(Guestbook Link) (http://machlinimaging.smugmug.com/gallery/3739514)

Bump!

[machlinimaging]

Okay, I've been working on my site a bit more, and have a few questions.

A few days ago, I was browsing my site in IE6, to make sure everything was fine, and a lot of items on the site were rendered incorrectly. In my guestbook, the background of the image/text extends much further down than it should. I decided to remove the background and border for now. My guestbook is displaying correctly, but I can't see the picture or caption text at all in IE. What has happened? Also, my contact me form is not showing correctly. The field names (email, telephone, name, subject, message) are not left justified (next to the edge of the black box) in IE as they are in FF. How can I fix this?

Thanks,
Michael

EDIT: I would also like the guestbook photo to not be clickable. What code or settings will do this?

(Guestbook Link) (http://machlinimaging.smugmug.com/gallery/3739514)
Bump!

[machlinimaging]

Okay, I've been working on my site a bit more, and have a few questions.

A few days ago, I was browsing my site in IE6, to make sure everything was fine, and a lot of items on the site were rendered incorrectly. In my guestbook, the background of the image/text extends much further down than it should. I decided to remove the background and border for now. My guestbook is displaying correctly, but I can't see the picture or caption text at all in IE. What has happened? Also, my contact me form is not showing correctly. The field names (email, telephone, name, subject, message) are not left justified (next to the edge of the black box) in IE as they are in FF. How can I fix this?

Thanks,
Michael

EDIT: I would also like the guestbook photo to not be clickable. What code or settings will do this?

(Guestbook Link) (http://machlinimaging.smugmug.com/gallery/3739514)
Bump!

[machlinimaging]

Anybody? I'm sorry if I'm being impatient.:dunno

[machlinimaging]

Bump!

[machlinimaging]

I have a few questions regarding my homepage slideshow.

First of all, I'd like to adjust the spacing so that the space above the slideshow is removed, making the spacing equal above and below. What settings should I change to do this?

Next, I've been encountering a problem sporadically. Sometimes, even after the slideshow has loaded and is rotating through the pictures, the loading bar remains in the middle of the show. However, it usually goes away if the page is refreshed. Do you know the cause of this issue?

Thank You,
Michael

[Allen]

I have a few questions regarding my homepage slideshow.

First of all, I'd like to adjust the spacing so that the space above the slideshow is removed, making the spacing equal above and below. What settings should I change to do this?

...
Why is your show not in the bio box? There is the blank homepage div using the space above the show.

Try this and see if it has any bad results.

#homepage {display:none;}
.loggedIn #homepage {display:block;}

[machlinimaging]

Why is your show not in the bio box? There is the blank homepage div using the space above the show.

Try this and see if it has any bad results.

#homepage {display:none;}
.loggedIn #homepage {display:block;}
That fixed the slideshow's spacing on the homepage, but now the galleries are all missing on their page. How can I fix this?

[Allen]

That fixed the slideshow's spacing on the homepage, but now the galleries are all missing on their page. How can I fix this?
:rofl Good thing you checked.
Add the bold.

#homepage {display:none;}
.loggedIn #homepage {display:block;}

.galleries #homepage {display:block;}

[machlinimaging]

:rofl Good thing you checked.
Add the bold.

#homepage {display:none;}
.loggedIn #homepage {display:block;}

.galleries #homepage {display:block;}

Thanks for that help, Allen! I'm now trying to set up my new guestbook (http://www.machlinimaging.com/gallery/4579221_82tst) (Link provided). I'm using the code on your tutorial page (http://allen-steve.smugmug.com/gallery/3819841). However, I've attemted to change it so that the page is formatted the same as my about me page (http://www.machlinimaging.com/gallery/3764499). To do this, I've changed the divs so that the title is defined the same way as on my about me page, and so the links change color when scrolled over. However, I'm having a few problems. First of all, the picture is not showing up. I did add the guestbook photo to this particular gallery, but I couldn't get it to show up. Since that picture was hidden anyway by the code, I linked to a photo from another gallery. At first, the picture did show, but when I changed some code it went away. Could you please help me fix the spacing and add the photo to my new guestbook?

Thanks a ton!

[Allen]

Thanks for that help, Allen! I'm now trying to set up my new guestbook (http://www.machlinimaging.com/gallery/4579221_82tst) (Link provided). I'm using the code on your tutorial page (http://allen-steve.smugmug.com/gallery/3819841). However, I've attemted to change it so that the page is formatted the same as my about me page (http://www.machlinimaging.com/gallery/3764499). To do this, I've changed the divs so that the title is defined the same way as on my about me page, and so the links change color when scrolled over. However, I'm having a few problems. First of all, the picture is not showing up. I did add the guestbook photo to this particular gallery, but I couldn't get it to show up. Since that picture was hidden anyway by the code, I linked to a photo from another gallery (http://www.machlinimaging.com/gallery/3723282_kAoqm#269970814). At first, the picture did show, but when I changed some code it went away. Could you please help me fix the spacing and add the photo to my new guestbook?

Thanks a ton! First need is to get the photo to show. This link does not work, is the
gallery the photo in have external links on and is the photo not hidden.
http://www.machlinimaging.com/photos/269970814-S.jpg
Oh, add the photo key to it, might be why not showing.
http://www.machlinimaging.com/photos/269970814_xxxxx-S.jpg

[machlinimaging]

First need is to get the photo to show. This link does not work, is the
gallery the photo in have external links on and is the photo not hidden.
http://www.machlinimaging.com/photos/269970814-S.jpg
Oh, add the photo key to it, might be why not showing.
http://www.machlinimaging.com/photos/269970814_xxxxx-S.jpg

Yeah, that did it. Are these photo keys new to smugmug? I don't think I've seen them before.

[machlinimaging]

I fixed the spacing on the guestbook. I think it is fine for now. However, I have a few more questions regarding customization. First of all, the loading bar remains sometimes even after the slideshow has starting running. I've included a screenshot showing what happens:

[machlinimaging]

I fixed the spacing on the guestbook. I think it is fine for now. However, I have a few more questions regarding customization. First of all, the loading bar remains sometimes even after the slideshow has starting running. I've included a screenshot showing what happens:

Bump! (see picture above)

[machlinimaging]

Hey Allen - I need a bit of quick help to add a notice to my website telling visitors that photos are up from a recent school dance show. I'd like the notice to read like this:

Photos from the 2008 Menlo School Dance Concert are now Available!
Click Here to View

Here's how I want it to be formatted:
ALL of first line = #CD0000
Entire Second line = link to HERE (http://www.machlinimaging.com/Menlo%20School/487012)
ALL of Second line = #0276FD
Approximately 5px space above and below the notice (I can tweak this)


I want this notice to be located right below the header bar (at the top), and I'd like it to be VISIBLE ONLY on the homepage and the main galleries page.

Thank You,
Michael

[Allen]

Please ignore my previous question. I've realized that this issue only occurs when I am viewing my website logged it. However, I need a bit of quick help to add a notice to my website telling visitors that photos are up from a recent school dance show. I'd like the notice to read like this:

Photos from the 2008 Menlo School Dance Concert are now Available!
Click Here to View

Here's how I want it to be formatted:
ALL of first line = #CD0000
Entire Second line = link to HERE (http://www.machlinimaging.com/Menlo%20School/487012)
ALL of Second line = #0276FD
Approximately 5px space above and below the notice (I can tweak this)


I want this notice to be located right below the header bar (at the top), and I'd like it to be VISIBLE ONLY on the homepage and the main galleries page.

Thank You,
Michael



Add this below your <hr width="950"> in the header.

<div id="myMessage">
<center>
Photos from the 2008 Menlo School Dance Concert are now Available!
<br />
<a href="/Menlo%20School/487012">Click Here to View</a>
</center>
</div>

Add this to CSS

#myMessage {display: none;}
.homepage #myMessage { /* galleries page is another homepage */
display: block;
font-weight: bold;
color: #CD0000;
}

#myMessage a {
color: #0276FD;
text-decoration: none;
}

#myMessage a:hover {
color: #ccc;
text-decoration: none;
}

[machlinimaging]

Add this below your <hr width="950"> in the header...

Thanks for that code Allen. I know that I ignored the issue of the loading bar on my homepage slideshow, as had seemed to be fixed. However, visitors of my site are now noticing that the loading bar does remain in the middle of the slideshow, even once it has been running for a while. Could you please take a look at this post of mine (http://www.dgrin.com/showpost.php?p=787456&postcount=64), which includes a screenshot that shows the problem?

Thank you for all your help.

Michael

[Allen]

Thanks for that code Allen. I know that I ignored the issue of the loading bar on my homepage slideshow, as had seemed to be fixed. However, visitors of my site are now noticing that the loading bar does remain in the middle of the slideshow, even once it has been running for a while. Could you please take a look at this post of mine (http://www.dgrin.com/showpost.php?p=787456&postcount=64), which includes a screenshot that shows the problem?

Thank you for all your help.

Michael
Know nutin' about that, try posting in the flash show thread.

[machlinimaging]

Know nutin' about that, try posting in the flash show thread.
:help :help :help
I know this is another slideshow-related question, but it is probably a code thing- after adding in the notice to the top of the page, the slideshow has suddenly disappeared from my homepage. Did I mess up any of the code?

[Allen]

:help :help :help
I know this is another slideshow-related question, but it is probably a code thing- after adding in the notice to the top of the page, the slideshow has suddenly disappeared from my homepage. Did I mess up any of the code?
Shows running here in Firefox.:thumb

[machlinimaging]

Shows running here in Firefox.:thumb

Okay, I guess it is working fine now.

I don't have any more questions for now, but rest assured that I will be back with more sometime in the future.:D

Thanks for all your patience, Allen. Without your help, my website wouldn't be nearly as good as it it now.:clap