PDA

View Full Version : Custom Header .png???.... and smiles


Epiklesis
Nov-09-2008, 02:31 PM
Hello ---

I'm trying to change the font of my current custom header. (My smugmug site is rm-r.smugmug.com.) The text I'm trying to change is the red text "Epiklesis Fine Art/Robert Meadows-Rogers.") I like the font size and color, but I want to change the font itself to Herculanum, which is the font for the blue Morandi quote at the top of my home page.

I figured that the easiest way to do that would be to make a .png file with the text, color, size, and Herculanum font in PE. I did that and tried then replacing everything between the <div align="center"> and </div> in the Custom Header Box with the url for the .png file. It did not work. All I got was the url code itself (http://rm-r.smugmug.com/photos/413502067_M8JbS-S.png), misplaced on my home page.

I'm figuring that I need to add addition html code in the custom header box, plus maybe something in the CSS box too. I went to Ivar's page for custom banners, but I don't want another banner. I like the one I have (the Morandi quote and the search box). (Previously, for the current red text, I had used the instructions on the smugmug help page for a custom header, which just had me insert text and center it via html code in the Custom Header box.)

Can someone give me the proper html codes to paste in the CSS and Custom Header Boxes, without fouling up anything else currently on the page??? If there's simply a code for the Herculanum font that I could add to the current text in my Custom Header Box, that would be even simpler.

Thanks so much. (I'm only into this for two days now; so I hope I've given the info you need to help!)

Rob Meadows-Rogers :scratch

jfriend
Nov-09-2008, 03:22 PM
I am not sure I understand what you are trying to do. There is a tutorial for adding a banner to your site right here: http://dgrin.smugmug.com/gallery/1932865. If you are trying to add a banner graphic, then this should have the exact instructions you need.

It generally doesn't work very well to use text with a unique font like Herculanum because if the viewer's computer doesn't have that font on it, then it won't work. For example, my Windows Vista system does not seem to have that font.

I think you were on the right track to put the text into that font and into a graphic and then display the graphic because that will work for everyone. In that case, the directions for a banner graphic should be perfect for you.

Epiklesis
Nov-09-2008, 04:31 PM
I am not sure I understand what you are trying to do. There is a tutorial for adding a banner to your site right here: http://dgrin.smugmug.com/gallery/1932865. If you are trying to add a banner graphic, then this should have the exact instructions you need.

It generally doesn't work very well to use text with a unique font like Herculanum because if the viewer's computer doesn't have that font on it, then it won't work. For example, my Windows Vista system does not seem to have that font.

I think you were on the right track to put the text into that font and into a graphic and then display the graphic because that will work for everyone. In that case, the directions for a banner graphic should be perfect for you.

If I follow the directions for a banner graphic, will that nullify the blue quote and search bar that currently appear above my customer header?

Thanks!

RM-R

jfriend
Nov-09-2008, 05:02 PM
If I follow the directions for a banner graphic, will that nullify the blue quote and search bar that currently appear above my customer header?

Thanks!

RM-R

I really don't understand what you are trying to accomplish? Can you either draw a diagram in Photoshop or use thoroughly descriptive words for what you want the final result to look like?

If all you want to do is to replace the text:

EPIKLESIS FINE ART
Robert Meadows-Rogers

with a graphical version, then ALL you have to do is create the replacement image and then replace that text with an HTML tag for your replacement image. That would look like this:

<img src="/photos/409138909_ACqJR-S.jpg" border="0" alt="Epiklesis Fine Art" />

I just randomly picked the URL for one image out of one of your galleries, you would substitute the URL for the image you actually create.

Epiklesis
Nov-09-2008, 06:22 PM
I really don't understand what you are trying to accomplish? Can you either draw a diagram in Photoshop or use thoroughly descriptive words for what you want the final result to look like?

If all you want to do is to replace the text:

EPIKLESIS FINE ART
Robert Meadows-Rogers

with a graphical version, then ALL you have to do is create the replacement image and then replace that text with an HTML tag for your replacement image. That would look like this:

<img src="/photos/409138909_ACqJR-S.jpg" border="0" alt="Epiklesis Fine Art" />

I just randomly picked the URL for one image out of one of your galleries, you would substitute the URL for the image you actually create.

THANKS, JOHN. IT WORKED! ... AND IS JUST WHAT I WANTED!

RM-R:clap