PDA

View Full Version : Custom Header Help.....


conchfritter
Jan-11-2009, 02:22 PM
Ok....so I have been attempting to configure my site with the instructions for this page (http://andydemo.smugmug.com (http://andydemo.smugmug.com)

I have tried every trick I can think of but yet....my logo does not appear. I have tried jpeg, I have tried png and nothing. I need some advice here. Once that gets completed I will need help getting the galleries off of the homepage but for now....I just need that small logo at the top left. An tricks or ideas that I am not thinking about?

Thanks in advance!

conchfritter
Jan-11-2009, 02:25 PM
Here is my site if that helps....www.matthewcphotos.com

J Allen
Jan-11-2009, 02:26 PM
Do you have a link to your site

:ear

J Allen
Jan-11-2009, 02:35 PM
I think we posted at the same time there...can I get a direct link to your logo that you want to use

conchfritter
Jan-11-2009, 02:44 PM
I think this is the one for now.....

http://conchfritter.smugmug.com/photos/445036067_UzamF-L.jpg

J Allen
Jan-11-2009, 03:12 PM
Lets try something a little different as I'm not familiar with the way your trying...so Add this to your CSS:

/*-----Start Banner Code-----*/
#my_banner {
width: 750px;
height: 140px;
background: url(http://conchfritter.smugmug.com/photos/445036067_UzamF-L.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader(enable d=true,sizingmethod=image,src='http://conchfritter.smugmug.com/photos/445036067_UzamF-L.jpg'); }
/*-----End Banner Code-----*/


Add this to your header box above the navbar code:

<div id="my_banner"></div>

Then we should be able to position it easier...also might have to remove the other CSS code from your first try

conchfritter
Jan-11-2009, 03:21 PM
Thanks ! That worked, however, I would like it up near the top aligned with the nav buttons. Any advice on that? Thanks again !

J Allen
Jan-11-2009, 03:41 PM
Add & Tweak the code in bold...also you can tweak the nav-bar some to get just what you want..good luck.


/*-----Start Banner Code-----*/
#my_banner {
margin:-24px;
padding: 0;
margin-left: 1px;
width: 300px !important;
height: 100px !important;
background: url(http://conchfritter.smugmug.com/photos/445036067_UzamF-L.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader(enable d=true,sizingmethod=image,src='http://conchfritter.smugmug.com/photos/445036067_UzamF-L.jpg'); }
/*-----End Banner Code-----*/

conchfritter
Jan-11-2009, 05:35 PM
Thanks ! I think from there I can get what I want. I really appriciate your help !!!!