View Full Version : Homepage Help!
collegephotoguy
Jun-23-2008, 07:25 PM
So after trying to figure these things out all day I decided to ask you. First, I can't figure out why my flash slideshow images are so much smaller than other people's images in their slideshows. For example, my slideshow is much smaller than the one on moonriverphotography.com. I can't figure out how to have my slideshow take up the entire bio box either.
My custom image isn't fully showing up either. I replaced the smugmug header image with my own, but only part of it appears and I don't know how to fix that.
Lastly, is there a way to move my navbar into the header above the line going across my page instead of below the line? Then could I decrease the space between words in my navbar? I would like to get rid of the shopping cart and search field at the top of the page too. My site is thecollegecamera.smugmug.com.
Thanks for your help.
Allen
Jun-23-2008, 08:11 PM
...
Lastly, is there a way to move my navbar into the header above the line going across my page instead of below the line? Then could I decrease the space between words in my navbar? I would like to get rid of the shopping cart and search field at the top of the page too. My site is thecollegecamera.smugmug.com.
Thanks for your help. This will get your logo/banner image at the top with the nav to the right of
it and underlined it all. See photo insert at the bottom.
First thing go into your customize page in your control and check no for the SmuMug header.
Replace your header stuff with this. Header box not head tag.
<div id="my_header">
<div id="my_banner"></div>
<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/gallery/5236227_QieZc">About Us</a></li>
<li><a href="/gallery/5236434_VEr8E">Services</a></li>
<li><a href="/gallery/5236448_znjFT">Request Coverage</a></li>
<li><a href="/gallery/5236454_UVdt9">Contact</a></li>
</ul>
</div>
</div> <!-- closes my_header div -->
Add the two new rules and change your #my_banner CSS to this.
#my_header {
margin-top: 10px;
border-bottom: 1px solid #ccc;
}
#my_banner {
width: 400px;
height: 50px;
margin: 0 auto 0 15px;
background: url(/photos/318476082_2Unhf-O.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader
(enabled=true,sizingmethod=image, src='/photos/318476082_2Unhf-O.png');
}
#navcontainer {
position: absolute;
right: 60px;
top: 30px;
}
Remove all this from your CSS.
.smuglogo {
width: 200px !important;
height: 25px !important;
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enable d=true,
sizingMethod=image src='http://thecollegecamera.smugmug.com/photos/318476082_2Unhf-O.png') !important;
}
.smuglogo[class] {
background-image: url(http://thecollegecamera.smugmug.com/photos/318476082_2Unhf-O.png) !important;
}
/* this part hides the your photos/home, login and help links */
#toolbar a.nav {display: none;}.smuglogo {
width: 200px !important;
height: 25px !important;
filter: progid:*DXImageTransform.Microsoft.AlphaImageLoade r(enabled=true,
sizingMethod=image src='http://thecollegecamera.smugmug.com/photos/318476082_2Unhf-O.png') !important;
}
.smuglogo[class] {
background-image: url(http://thecollegecamera.smugmug.com/photos/318476082_2Unhf-O.png) !important;
}
/* this part hides the your photos/home, login and help links */
#toolbar a.nav {display: none;}.smuglogo {
width: 200px !important;
height: 25px !important;
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enable d=true,
sizingMethod=image src='http://thecollegecamera.smugmug.com/photos/318476082_2Unhf-O.png') !important;
}
.smuglogo[class] {
background-image: url(http://thecollegecamera.smugmug.com/photos/318476082_2Unhf-O.png) !important;
}
Allen
Jun-23-2008, 08:15 PM
So after trying to figure these things out all day I decided to ask you. First, I can't figure out why my flash slideshow images are so much smaller than other people's images in their slideshows. For example, my slideshow is much smaller than the one on moonriverphotography.com. I can't figure out how to have my slideshow take up the entire bio box either.
...
My site is thecollegecamera.smugmug.com.
Thanks for your help.
Change the width, height, of the show container in your bio to get the
show larger.
...
SM.flash.insertSlideshow(720, 500, ssConfig, 'transparent');
</script>
collegephotoguy
Jun-23-2008, 09:20 PM
Thanks again Allen. I wish I knew as much as you do!
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.