• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support SmugMug Customization Need custom banner help

FAQtoid

Ever wanted to create an Avatar? Creating an Avatar!

Searching Dgrin with Google Searching with Google

Dgrin Challenges

Congratulations to the Winner of DSS #128 (Sunrise or Sunset), ShootingStar.

The next Dgrin Challenge DSS #129 (Silhouette Revisited ) is open for entries through May 27th, 2013 at 8:00pm PDT.

As always, we look forward to your participation but please do take a moment to read through the rules before posting your entry.

Past DSS Challenge Winners, DSS Challenge Rules, and other important DSS Challenge information is here.

Need some help with Accessories?

Tutorials

Ever find yourself wondering just how someone managed to create an image using different effects?

Here are three simple tutorials we hope will encourage you to try something new.

The Hot Seat

A lifelong interest in landscape photography has led Eyal Oren to make a study of his adopted hometown of Marblehead, MA. As you can see, his dedication is paying off!

Africa!

Dgrinners Harryb, Pathfinder, and others joined Andy Williams and Marc Muench on Safari in East Africa recently. Here are some awesome threads to check out!

 
Thread Tools Display Modes
Old Aug-02-2012, 10:02 AM
#1
mrhoni is offline mrhoni OP
Major grins
Need custom banner help
I found the instructions to create a custom banner, but it is not displaying and I also wonder what size to make it in Photoshop.
Here is my site http://mrhoni-photography.smugmug.com

The file I'm using is transparent png. It is in an unlisted gallery. It is 1000px wide by 100px high. Originally I have been using a text banner with font size 48 from the Easy Customizer and that was the size I am trying to get to.

Here is the code I found and is currently in place:

/* Custom png banner */
#my_banner { width: 750px; height: 150px; margin: 0 auto; background: url(http://www.smugmug.com/photos/i-vrZp...-vrZpCL6-O.png) no-repeat; _background: none;
_filter:progidXImageTransform.Microsoft.AlphaIma geLoader(enabled=true,sizingmethod=image,src=’http://www.smugmug.com/photos/i-vrZp...ZpCL6-O.png’);
}


I have this in the custom header:
<div id=”my_banner”> </div>
Old Aug-02-2012, 10:26 AM
#2
richW is offline richW
SmugMug Support Hero
richW's Avatar
Quote:
Originally Posted by mrhoni View Post
I found the instructions to create a custom banner, but it is not displaying and I also wonder what size to make it in Photoshop.
Here is my site http://mrhoni-photography.smugmug.com

The file I'm using is transparent png. It is in an unlisted gallery. It is 1000px wide by 100px high. Originally I have been using a text banner with font size 48 from the Easy Customizer and that was the size I am trying to get to.

Here is the code I found and is currently in place:

/* Custom png banner */
#my_banner { width: 750px; height: 150px; margin: 0 auto; background: url(http://www.smugmug.com/photos/i-vrZp...-vrZpCL6-O.png) no-repeat; _background: none;
_filter:progidXImageTransform.Microsoft.AlphaIma geLoader(enabled=true,sizingmethod=image,src=’http://www.smugmug.com/photos/i-vrZpCL6/1/L/i-vrZpCL6-O.png’);
}


I have this in the custom header:
<div id=”my_banner”> </div>
Think it has to do with the type of quote marks that are being used for the banner division.

Name:  2012-08-02_1124.png
Views: 70
Size:  13.9 KB

Try this:
<div id="my_banner"> </div>
__________________
Rich | My Site | SmugHelp | Customizing SmugMug Simplified | FAQ | Webdev Tutorial |
Old Aug-02-2012, 10:59 AM
#3
mrhoni is offline mrhoni OP
Major grins
Quote:
Originally Posted by richW View Post
Think it has to do with the type of quote marks that are being used for the banner division.

Attachment 36540

Try this:
<div id="my_banner"> </div>
Thanks Rich, that was the problem, now just need to get is sized better
Old Aug-02-2012, 11:40 AM
#4
mrhoni is offline mrhoni OP
Major grins
Quote:
Originally Posted by mrhoni View Post
Thanks Rich, that was the problem, now just need to get is sized better
Now it is broken. I uploaded a new png file and now it is not showing as the banner - there is no banner. I must have done something wrong. When I did the first pasting of the new file name code got messed up, so I went back to the tutorial and replaced the CSS with this, which should be the same as before, just lined up prettier and has the new uploaded file.

/* Custom png banner */
#my_banner {
width: 750px;
height: 150px;
margin: 10 auto;
background: url(http://www.smugmug.com/photos/i-HNwh668-O.png) no-repeat;
_background: none;
_filter:progidXImageTransform.Microsoft.AlphaIma geLoader(enabled=true,sizingmethod=image,src='http ://www.smugmug.com/photos/i-HNwh668-O.png');
}
Old Aug-02-2012, 01:25 PM
#5
mrhoni is offline mrhoni OP
Major grins
Quote:
Originally Posted by mrhoni View Post
Now it is broken. I uploaded a new png file and now it is not showing as the banner - there is no banner. I must have done something wrong. When I did the first pasting of the new file name code got messed up, so I went back to the tutorial and replaced the CSS with this, which should be the same as before, just lined up prettier and has the new uploaded file.

/* Custom png banner */
#my_banner {
width: 750px;
height: 150px;
margin: 10 auto;
background: url(http://www.smugmug.com/photos/i-HNwh668-O.png) no-repeat;
_background: none;
_filter:progidXImageTransform.Microsoft.AlphaIma geLoader(enabled=true,sizingmethod=image,src='http ://www.smugmug.com/photos/i-HNwh668-O.png');
}
Worked my way backwards to what I had in the beginning and just changed for the latest png file that I had loaded.

I would like to change to have the banner and the nav bar on the same row. Searching for a solution, but if you can help, thanks.
Old Aug-02-2012, 02:03 PM
#6
mrhoni is offline mrhoni OP
Major grins
No success
I found a thread that was discussing keeping the banner and navigation bar in line, but entering that code does not make a change.

I am stumped.
Old Aug-02-2012, 03:26 PM
#7
Smug Eric is offline Smug Eric
Smug Hero
Smug Eric's Avatar
Add this to your CSS, see if that works for you:

#customHeaderContainer {
position: absolute;
right:10px;
top: 20px;
}
__________________
Eric
Support Hero and Customeister
http://www.smugmug.com/help
Old Aug-02-2012, 04:02 PM
#8
mrhoni is offline mrhoni OP
Major grins
Thank you so much. Looks good.
Tell The World!  
Similar Threads Thread Starter Forum Replies Last Post
Please help - custom banner not showing up 99% of the time! Fletchzky SmugMug Customization 2 Jun-08-2011 03:50 PM
Help with Custom Banner fotoeffects SmugMug Customization 6 Jan-19-2009 07:15 PM
Problem with custom banner header fotoeffects SmugMug Customization 8 Nov-20-2008 10:11 AM
Custom Banner Alignment (again!) oaxoax SmugMug Customization 2 Feb-15-2008 02:13 PM
Problems with a custom banner... KyTom SmugMug Customization 4 Jan-20-2008 11:34 AM


Thread Tools
Display Modes

Posting Rules  
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump