new want to understand the banner

[magicpic]

I posted before but can not find it so I will post again want to understand the banner thing

[Andy]

I posted before but can not find it so I will post again want to understand the banner thing
:wave, Hi - you can always find your posts, just click on your name :) Next, we need your website (so that the volunteer helpers can see your site). Please add it to your signature, and/or put in your profile - see You! upper left of the Dgrin screen.

Have you made a banner yet? If so, link us to it on your website.

What are the specific questions/troubles you are having?

We'll help!

[magicpic]

[quote=Andy]:wave, Hi - you can always find your posts, just click on your name :) Next, we need your website (so that the volunteer helpers can see your site). Please add it to your signature, and/or put in your profile - see You! upper left of the Dgrin screen.

Have you made a banner yet? If so, link us to it on your website.

What are the specific questions/troubles you are having?

We'll help![/quote

It is called magicpicp I have a domain name called my smug mug is magicpicpwww.magicpicturepage.com (http://www.magicpicturepage.com) what I want to do is have my web page and then link into the smugmug or sometimes just give out my smugmug page

[Andy]

OK so that for future, you can get the help you need, this is your website:

http://magicpicp.smugmug.com/

[Andy]

The first step, is to make a banner. Have you done that? If so, where is it on your website? :ear

[ivar]

Also, did you know there is a step by step tutorial for headers?

http://dgrin.smugmug.com/gallery/1932865

[magicpic]

Also, did you know there is a step by step tutorial for headers?

http://dgrin.smugmug.com/gallery/1932865

yes and i went through it...I don't know how to make banner I do have photoshop elements

[ivar]

yes and i went through it...I don't know how to make banner I do have photoshop elementsI can't help you there, I'm sorry. You'll need to get a header somehow before I can help you to put it up.

[magicpic]

The first step, is to make a banner. Have you done that? If so, where is it on your website? :ear

I need help on how to make a banner

[Allen]

I need help on how to make a banner
I like the one you now have in the site file gallery. It could be used
but it has way too much white space.
http://magicpicp.smugmug.com/gallery/2187377
Use this one for your banner now and you can always replace it later.
Al

[Andy]

I need help on how to make a banner
Okay, so tell us more. Do not be shy about using lots of words :) We need to know: do you have photoshop or similar, and are you knowledgeable about using it?

[magicpic]

[quote=Andy]Okay, so tell us more. Do not be shy about using lots of words :) We need to know: do you have photoshop or similar, and are you knowledgeable about using it?[/quote

yes, I have photoshop elements and photoshop cs2 that I do not know yet so I use the photoshop elements which I know pretty good

[Andy]

[quote=Andy]Okay, so tell us more. Do not be shy about using lots of words :) We need to know: do you have photoshop or similar, and are you knowledgeable about using it?[/quote

yes, I have photoshop elements and photoshop cs2 that I do not know yet so I use the photoshop elements which I know pretty good
Okay :D

Make a new document, 800px by 125px high. Put in your text that you want. Yours would look good as a transparent png, so follow along with these directions that we have for making a watermark- it's the SAME concept but you'll be making a header. When done, upload to your gallery and tell us where it is.
http://dgrin.smugmug.com/gallery/1690196
remember, use this tutorial, but make the document 800px by 125px high :)

[magicpic]

[quote=magicpic]
Okay :D

Make a new document, 800px by 125px high. Put in your text that you want. Yours would look good as a transparent png, so follow along with these directions that we have for making a watermark- it's the SAME concept but you'll be making a header. When done, upload to your gallery and tell us where it is.
http://dgrin.smugmug.com/gallery/1690196
remember, use this tutorial, but make the document 800px by 125px high :)

Ok I did but save it in png I could not find the transparent png..I think I did it right

[Andy]

[quote=Andy]

Ok I did but save it in png I could not find the transparent png..I think I did it right
Upload it here:
http://magicpicp.smugmug.com/gallery/2187377/1/113728237

Let us know :wave

[magicpic]

[quote=magicpic]
Upload it here:
http://magicpicp.smugmug.com/gallery/2187377/1/113728237

Let us know :wave

I made one with the 880x125 so that is the one I put in and Icreated a gallery called it site files so what is next

[Andy]

[quote=Andy]

I made one with the 880x125 so that is the one I put in and Icreated a gallery called it site files so what is next
Good!

I'm going to your site now. Please close your customization panel if it is open. Thanks :D

[Andy]

OK, you now have a banner. http://magicpicp.smugmug.com/

It's not a transparent png though. If you can make a transparent png, that banner would then work with most any theme you chose. For now, you can pick white background, and the banner would look good. Do you like it?

[magicpic]

OK, you now have a banner. http://magicpicp.smugmug.com/

It's not a transparent png though. If you can make a transparent png, that banner would then work with most any theme you chose. For now, you can pick white background, and the banner would look good. Do you like it?

not really how do I save a transparent png on my photoshop

plus how did it get on that page like that

[Andy]

not really how do I save a transparent png on my photoshop

plus how did it get on that page like that
OK Magic - it's on the page because I did it for you :D

Your page is back to black with the white banner.

To make a transparent png you have to follow very carefully the tutorial I gave you, being very careful to be sure you save the file as a transparent png. when you have done that, upload it to the very same gallery, and then let us know it's done. I'll set you up with the code needed. OK?

[magicpic]

not really how do I save a transparent png on my photoshop

plus how did it get on that page like that

I figured the transpert thing out

[magicpic]

OK Magic - it's on the page because I did it for you :D

Your page is back to black with the white banner.

To make a transparent png you have to follow very carefully the tutorial I gave you, being very careful to be sure you save the file as a transparent png. when you have done that, upload it to the very same gallery, and then let us know it's done. I'll set you up with the code needed. OK?

I did the transparent png so I am going to the control panel and upload it in the sile file

[Andy]

I did the transparent png so I am going to the control panel and upload it in the sile file
This file?

http://magicpicp.smugmug.com/gallery/2187917/1/113756066/Original

It's not the same as the other, with the cool drop shadow. It's also off center, do you want that fixed? :ear

[magicpic]

This file?

http://magicpicp.smugmug.com/gallery/2187917/1/113756066/Original

It's not the same as the other, with the cool drop shadow. It's also off center, do you want that fixed? :ear

yes..is there any way I can have the color gray so the black shadow shows up

[magicpic]

yes..is there any way I can have the color gray so the black shadow shows up

I think I am going to upgrade to the professional because I want to give the people an option to buy...so what I am doing is trying to get it set up the way I want I do have pictures to put on it..thanks for your help I am slowly understanding all of this I will come back to the computer to see if you have posted

[Andy]

I think I am going to upgrade to the professional because I want to give the people an option to buy...so what I am doing is trying to get it set up the way I want I do have pictures to put on it..thanks for your help I am slowly understanding all of this I will come back to the computer to see if you have postedPlease exit your customization so I can fix it again. Thank you.

[Andy]

OK I made a new banner - do you like this now?


#my_banner {display: block; margin: 0 auto; width: 701px; height: 54px; background: url(http://www.smugmug.com/photos/113762848-O.png) no-repeat; _background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader (enabled=true, sizingmethod=scale, src='http://www.smugmug.com/photos/113762848-O.png');}

And that's the code I used to display it on your site.

Let me know please :)

[magicpic]

OK I made a new banner - do you like this now?


#my_banner {display: block; margin: 0 auto; width: 701px; height: 54px; background: url(http://www.smugmug.com/photos/113762848-O.png) no-repeat; _background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader (enabled=true, sizingmethod=scale, src='http://www.smugmug.com/photos/113762848-O.png');}

And that's the code I used to display it on your site.

Let me know please :)

I did not think that this was complecated..so If I have the banner centered in my photoshop the I just go to the css and put in the code right..I just want o learn how to do this.....the next thing that I want to do is to have a navbar and then a slideshow.........on each say gallery page say family I would like to have a family banner there was an example I saw some where..maybe you can tell me where it is....I am ready for the other stuff

[Andy]

I did not think that this was complecated..so If I have the banner centered in my photoshop the I just go to the css and put in the code right..I just want o learn how to do this.....the next thing that I want to do is to have a navbar and then a slideshow.........on each say gallery page say family I would like to have a family banner there was an example I saw some where..maybe you can tell me where it is....I am ready for the other stuff

But we can't go on unless you answer my question. Do you like the banner I made for you? :scratch :scratch :scratch

Navbar and Slideshow:
http://www.dgrin.com/showthread.php?t=47912

:wave

[magicpic]

But we can't go on unless you answer my question. Do you like the banner I made for you? :scratch :scratch :scratch

Navbar and Slideshow:
http://www.dgrin.com/showthread.php?t=47912

:wave

it is ok for now

[Andy]

it is ok for now
Great! Follow the tutes for Navbar and Slideshow, and post your questions on the forum. Our team of experts and the many volunteer helpers here will help you :)

[magicpic]

Last night I got some help on the banner did not like the banner so am trying again plus someone did it for me and I can not learn until I do myself I created a white letter banner that I want to put on my page but it will not show up please help me I think I am starting to finially understand...janis

http://magicpicp.smugmug.com

[Andy]

Last night I got some help on the banner did not like the banner so am trying again plus someone did it for me and I can not learn until I do myself I created a white letter banner that I want to put on my page but it will not show up please help me I think I am starting to finially understand...janis

http://magicpicp.smugmug.com
Standby, looking. No need for a new thread on the same subject pls. We'll do all your banner help right here.

[Andy]

You are using a GALLERY link not a photo link.

A photo link is like this:

http://magicpicp.smugmug.com/photos/113910659-O.png

Please follow the Tuturial instructions exactly there are really well done but you must follow them exactly and don't take any shortcuts. Thanks.

OH - how to get the links: http://www.smugmug.com/help/picture-sharing

click on "share with forums and blogs" :)

[magicpic]

You are using a GALLERY link not a photo link.

A photo link is like this:

http://magicpicp.smugmug.com/photos/113910659-O.png

Please follow the Tuturial instructions exactly there are really well done but you must follow them exactly and don't take any shortcuts. Thanks.

OH - how to get the links: http://www.smugmug.com/help/picture-sharing

click on "share with forums and blogs" :)

I think that I am following the instructions...I made my banner in a transparent png then uploaded it in my site file then I went to the instructions on how to put it into the css

[Andy]

See, this will be very hard if you keep undoing the help I give you, like the code I put in last night :D

THIS is the code, I've put it on your site:

IGNORE THE YELLOW ASTERISK

#my_banner {display: block; margin: 0 auto; width: 800px; height: 125px; background: url(http://magicpicp.smugmug.com/photos/113910659-O.png) no-repeat; _background: none;
filter:progid:*DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=scale, src='http://magicpicp.smugmug.com/photos/113910659-O.png');}

[magicpic]

See, this will be very hard if you keep undoing the help I give you, like the code I put in last night :D

THIS is the code, I've put it on your site:

IGNORE THE YELLOW ASTERISK

#my_banner {display: block; margin: 0 auto; width: 800px; height: 125px; background: url(http://magicpicp.smugmug.com/photos/113910659-O.png) no-repeat; _background: none;
filter:progid:*DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=scale, src='http://magicpicp.smugmug.com/photos/113910659-O.png');}

like I told you earlier that I want to learn how to do this...I had once did it and last night i did not like what I had

[Andy]

like I told you earlier that I want to learn how to do this...I had once did it and last night i did not like what I had
I fixed your code again. You had 'display:none' which is no good.

Please, please please don't erase what we've done.

Please don't write the help desk AND post here. It causes us to have duplicate help efforts, and that's bad. We will do ALL your customizing help here on Dgrin.

[magicpic]

I fixed your code again. You had 'display:none' which is no good.

Please, please please don't erase what we've done.

Please don't write the help desk AND post here. It causes us to have duplicate help efforts, and that's bad. We will do ALL your customizing help here on Dgrin.

I looked and I do not see the banner on my page

[Andy]

I looked and I do not see the banner on my page
It's because you keep overwriting the good code I give you.

[Andy]

I looked and I do not see the banner on my page

Please don't delete this code that's on your site.

(IGNORE - DON'T USE THE RED ASTERISK)

/* DO NOT DELETE THIS CODE */

#my_banner {display: block; margin: 0 auto; width: 750px; height: 155px; background: url(http://magicpicp.smugmug.com/photos/113910659-O.png) no-repeat; _background: none;
filter:progid:*DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=scale, src='http://magicpicp.smugmug.com/photos/113910659-O.png');}

.homepage #my_banner {
display: block;
}