View Full Version : Click homepage image as link to galleries possible?
PH[O]TO
Oct-17-2007, 08:11 AM
Is it possible to make the homepage image the galleries link instead of using text?
Allen
Oct-17-2007, 08:19 AM
TO']Is it possible to make the homepage image the galleries link instead of using text? Here's some generic code. It creates a clickable banner on your pages.
Plug in your numbers and see if this works.
The header code (not head tag box) Clickable banner.
<div id="my_banner">
<a href="http://capturethelight.smugmug.com/galleries">
<img src="/img/spacer.gif" height="500" width="450" border="0" alt="">
</a></div>
Supporting CSS to define image and format banner
#my_banner {
width: 450px;
height: 500px;
margin: 0 auto;
background: url(/photos/208812773-O.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=image, src='/photos/208812773-O.png');
}
Make the spacer gif the same size as your banner, it's the clickable area.
Edited to add your info.
PH[O]TO
Oct-17-2007, 10:51 AM
Here's some generic code. It creates a clickable banner on your pages.
Plug in your numbers and see if this works.
The header code (not head tag box) Clickable banner.
<div id="my_banner">
<a href="http://capturethelight.smugmug.com/galleries">
<img src="/img/spacer.gif" height="500" width="450" border="0" alt="">
</a></div>
Supporting CSS to define image and format banner
#my_banner {
width: 450px;
height: 500px;
margin: 0 auto;
background: url(/photos/208812773-O.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=image, src='/photos/208812773-O.png');
}
Make the spacer gif the same size as your banner, it's the clickable area.
Edited to add your info.
Thanks Allen! How do I prevent the Banner image from displaying on the galleries page?
Allen
Oct-17-2007, 03:07 PM
TO']Thanks Allen! How do I prevent the Banner image from displaying on the galleries page? Add the red.
.homepage #my_banner {
display: block;
width: 450px;
height: 500px;
margin: 0 auto;
background: url(/photos/209256088-O.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=image, src='/photos/209256088-O.png');
}
.galleries #my_banner,
#my_banner {display: none;}
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.