CynthiaM
Aug-06-2008, 09:33 AM
Updated my smugmug account and have some questions on customization. Have been able to figure a lot out on my own, but there are a few things that are baffling me.
Here is my homepage as it now stands:
http://http://www.cynthiamerzerphotography.com/
And here are my questions:
(By the way, if someone can tell me how to cut and paste text into the message so that it shows up the way this is, light grey on dark grey instead of black on dark grey; very hard to read, then I will gladly repost this!
1 - How do I get rid of the thumbnails on the homepage slideshow?
and
2 - I want the banner that says Cynthia Merzer Photography to appear the way it does in www.moonriverphotography.com (http://www.dgrin.com/www.moonriverphotography.com). I followed the instructions in the tutorial at #7 on the FAQ page (customization) but it’s not showing up the way I want it to. This is the contents of my CSS Box:
#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li {
display: inline;
}
#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #000;
}
#navcontainer ul li a:hover {
color: #fff;
background-color: #369;
}
.smuglogo {
width: 200px !important;
height: 25px !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
sizingMethod=image src='http://www.smugmug.com/photos/346327612_a9pHz-O.png') !important;
}
.smuglogo[class] {
background-image: url(http://www.smugmug.com/photos/346327612_a9pHz-O.png) !important;
}
/* this part hides the your photos/home, login and help links */
#toolbar a.nav {display: none;}
#feeds {
display:none;
}
/* hides your name (including any 's) */
#userName {
display: none;
}
/* hides the word home */
#userHome {
display: none;
}
#categoriesBox .boxTop {
display: none;
}
.homepage #galleryTitle {
display: none;
}
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}
.galleries #bioBox {
display: none;
}
.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}
#bioBox .photo {
display: none;
}
and my Header javascript:
// change the link on the SmugMug Logo
YE.onAvailable('homelink', function(e) {
this.href = "http://CynthiaM.smugmug.com/";
this.firstChild.alt = "Cynthia Merzer Photography";
this.firstChild.title = "Cynthia Merzer Photography";
});
// removes the pipes characters in the toolbar header
YE.onAvailable('toolbar', function(e) {
this.innerHTML = this.innerHTML.replace(new RegExp(/\|/g),"");
});
// removes the pipes characters in the toolbar header
YE.onAvailable('toolbar', function(e) {
this.innerHTML = this.innerHTML.replace(new RegExp(/\|/g),"");
});
// fix the pesky pipes
YE.onAvailable("cobrand_footer", function() {this.innerHTML = this.innerHTML.replace(/\||what are feeds\?/gi, '');});
function ModifyText ()
{
if (YD.hasClass(document.body, "gallery_Guestbook comments"))
{
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);
Here is my homepage as it now stands:
http://http://www.cynthiamerzerphotography.com/
And here are my questions:
(By the way, if someone can tell me how to cut and paste text into the message so that it shows up the way this is, light grey on dark grey instead of black on dark grey; very hard to read, then I will gladly repost this!
1 - How do I get rid of the thumbnails on the homepage slideshow?
and
2 - I want the banner that says Cynthia Merzer Photography to appear the way it does in www.moonriverphotography.com (http://www.dgrin.com/www.moonriverphotography.com). I followed the instructions in the tutorial at #7 on the FAQ page (customization) but it’s not showing up the way I want it to. This is the contents of my CSS Box:
#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li {
display: inline;
}
#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #000;
}
#navcontainer ul li a:hover {
color: #fff;
background-color: #369;
}
.smuglogo {
width: 200px !important;
height: 25px !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
sizingMethod=image src='http://www.smugmug.com/photos/346327612_a9pHz-O.png') !important;
}
.smuglogo[class] {
background-image: url(http://www.smugmug.com/photos/346327612_a9pHz-O.png) !important;
}
/* this part hides the your photos/home, login and help links */
#toolbar a.nav {display: none;}
#feeds {
display:none;
}
/* hides your name (including any 's) */
#userName {
display: none;
}
/* hides the word home */
#userHome {
display: none;
}
#categoriesBox .boxTop {
display: none;
}
.homepage #galleryTitle {
display: none;
}
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}
.galleries #bioBox {
display: none;
}
.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}
#bioBox .photo {
display: none;
}
and my Header javascript:
// change the link on the SmugMug Logo
YE.onAvailable('homelink', function(e) {
this.href = "http://CynthiaM.smugmug.com/";
this.firstChild.alt = "Cynthia Merzer Photography";
this.firstChild.title = "Cynthia Merzer Photography";
});
// removes the pipes characters in the toolbar header
YE.onAvailable('toolbar', function(e) {
this.innerHTML = this.innerHTML.replace(new RegExp(/\|/g),"");
});
// removes the pipes characters in the toolbar header
YE.onAvailable('toolbar', function(e) {
this.innerHTML = this.innerHTML.replace(new RegExp(/\|/g),"");
});
// fix the pesky pipes
YE.onAvailable("cobrand_footer", function() {this.innerHTML = this.innerHTML.replace(/\||what are feeds\?/gi, '');});
function ModifyText ()
{
if (YD.hasClass(document.body, "gallery_Guestbook comments"))
{
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);