How difficult is it to get my site like this?

[mrclark321]

Hi, I jsut signed up for a trial session and would like the help to get my site like this one.


http://photoscapedesign.smugmug.com/

[Andy]

Hi, I jsut signed up for a trial session and would like the help to get my site like this one.


http://photoscapedesign.smugmug.com/
Stay tuned, I know who can help you :D

OH - WELCOME to Dgrin, and thanks for trying out SmugMug!

[Barb]

Hi, I jsut signed up for a trial session and would like the help to get my site like this one.


http://photoscapedesign.smugmug.com/

Hi Dan :wave

You made my night!

There are lots of folks here ready and willing to help you get the look you want on your site. I built my site by following the instructions here!

I'm sure you have specifics in mind, so please post those here on this thread, and we'll get you started.

In the meantime, you will want to check out a few threads here on DGrin that will answer quite a few questions for you:

Start here:

http://www.dgrin.com/showthread.php?t=31647

Then check out:

http://www.dgrin.com/showthread.php?t=26043

Also, if you do not have Firefox and WebDeveloper, it is highly suggested you download those. See the link in my signature for instructions.

Again, welcome! You'll be up and running soon :)

[mrclark321]

Thanks Barb and Andy as I said here is my site as of now:
http://danbellyk.smugmug.com/

And here is what I would like it to look like this:
http://photoscapedesign.smugmug.com/

I am at work right now so not sure how much I can do from here.
Will load the firefox tools in the morning, let me know were to start.

Thanks Dan

[Barb]

Thanks Barb and Andy as I said here is my site as of now:
http://danbellyk.smugmug.com/

And here is what I would like it to look like this:
http://photoscapedesign.smugmug.com/

I am at work right now so not sure how much I can do from here.
Will load the firefox tools in the morning, let me know were to start.

Thanks Dan
Okay, let's start with the popular photos. See this link where I explain how to get them to look like mine :)

http://www.dgrin.com/showthread.php?t=42579

That code goes in the CSS box in customization (get there from your Control Panel).

Come back here when you're done and we'll move on from there!

[mrclark321]

Okay....complete...I think ( they are small, how do I make them larger )
Next....:clap

[Barb]

Okay....complete...I think ( they are small, how do I make them larger )
Next....:clap
Hi :)

First thing, go into your CSS code, and where the URL is for the shadowback image for the popular photos, copy that link into your browser, download that image, and upload it to your site. Then change the URL to your own. Right now, you are linking to my shadowback image. See here:

.homepage #popularPhotosList .photo img {
background-image: url(http://photoscapedesign.smugmug.com/photos/91349241-O.png);
_background-image: none;

You need to change that to a direct link to your site.

As for the size of the thumbs, that is the size that I chose for me. You can play around with the size in the CSS code. You can also change the number of popular photos you show on your home page by clicking on "adjust # of photos" right above the popoular photos box.

Now, on to the slideshow!

http://www.dgrin.com/showthread.php?t=28348

The first three posts in that thread have the information you need.

Let us know when you have that done or if you need any help :)

[mrclark321]

Barb how do I upload it to my site? Tried uploading the .png to my photos and it changed to a jpeg

Dan

[Barb]

Barb how do I upload it to my site? Tried uploading the .png to my photos and it changed to a jpeg

Dan

Hi Dan, I fixed that for you. You just needed to use the original of the shadowback instead of the large. The original retains the .png extension.

[red hot sheep]

Just wondering, what level of account do you need in order to do all of this?

Thanks

[Barb]

Just wondering, what level of account do you need in order to do all of this?

Thanks

Hi :wave

Welcome to DGrin!

In order to customize your site, you need to have a Power or Pro account.

Hope this helps!

:barb

[mrclark321]

Sorry Barb.....getting there but. :scratch
were does this go?
Also....XXXX is my name?


Thanks again....Today I will pay and sign up, thanks for the help!

Properties
slideshowUrl - required
the url to the gallery to use for slideshow photos.
value is a smugmug gallery url.
ex. slideshowUrl = "http://nickname.smugmug.com/gallery/XXXXXX";
ex. slideshowUrl = "http://nickname.smugmug.com/keyword/XXXXXX";
ex. slideshowUrl = "http://nickname.smugmug.com/popular ";
slideshowContainerId - required
xhtml container where the slideshow will be placed. for example if you want the slideshow to be located in your biobox on your homepage, you would set slideshowContainerId = "bioBox". Alternatively you could create your own div in your header or footer and use that. for example if you created <div id="mySlideshow"></div> in your header, you would set slideshowContainerId = "mySlideshow";. You could also put an empty div in your footer or albumDescription.
value is a quoted element Id
ex. slideshowContainerId = "bioBox";

[mrclark321]

Well it's official......Power user account is paid for :clap
I'm on holidays for a week so I should be able to devote time to get my site finnished.

Thanks again Dan

[Barb]

Well it's official......Power user account is paid for :clap
I'm on holidays for a week so I should be able to devote time to get my site finnished.

Thanks again Dan

:clap:clap:clap

[Barb]

Sorry Barb.....getting there but. :scratch
were does this go?
Also....XXXX is my name?


Thanks again....Today I will pay and sign up, thanks for the help!

Properties
slideshowUrl - required
the url to the gallery to use for slideshow photos.
value is a smugmug gallery url.
ex. slideshowUrl = "http://nickname.smugmug.com/gallery/XXXXXX";
ex. slideshowUrl = "http://nickname.smugmug.com/keyword/XXXXXX";
ex. slideshowUrl = "http://nickname.smugmug.com/popular ";
slideshowContainerId - required
xhtml container where the slideshow will be placed. for example if you want the slideshow to be located in your biobox on your homepage, you would set slideshowContainerId = "bioBox". Alternatively you could create your own div in your header or footer and use that. for example if you created <div id="mySlideshow"></div> in your header, you would set slideshowContainerId = "mySlideshow";. You could also put an empty div in your footer or albumDescription.
value is a quoted element Id
ex. slideshowContainerId = "bioBox";

The slideshow URL should be the gallery that you are using for your slideshow, i.e., http://danbellyk.smugmug.com/gallery/1849208.

The xxxx is just shown as an example.

[Barb]

Sorry Barb.....getting there but. :scratch
were does this go?
Also....XXXX is my name?


Thanks again....Today I will pay and sign up, thanks for the help!

Properties
slideshowUrl - required
the url to the gallery to use for slideshow photos.
value is a smugmug gallery url.
ex. slideshowUrl = "http://nickname.smugmug.com/gallery/XXXXXX";
ex. slideshowUrl = "http://nickname.smugmug.com/keyword/XXXXXX";
ex. slideshowUrl = "http://nickname.smugmug.com/popular ";
slideshowContainerId - required
xhtml container where the slideshow will be placed. for example if you want the slideshow to be located in your biobox on your homepage, you would set slideshowContainerId = "bioBox". Alternatively you could create your own div in your header or footer and use that. for example if you created <div id="mySlideshow"></div> in your header, you would set slideshowContainerId = "mySlideshow";. You could also put an empty div in your footer or albumDescription.
value is a quoted element Id
ex. slideshowContainerId = "bioBox";
Sorry, I didn't answer your first question! These are just the instructions. They don't go anywhere. Look for the code that goes in the footer in the instructions.

[red hot sheep]

Thanks for the reply barb!

[mrclark321]

Hi barb things are moving along great.
I would like to get a header with "Photography By Dan Bellyk"
including:
Home Guestbook Prints for Sale Links Contact

Also the pics beside my Bio is there a way to get them the same size
and how to get rid of "Dan Bellyk's Home"

Dan

[Barb]

Hi barb things are moving along great.
I would like to get a header with "Photography By Dan Bellyk"
including:
Home Guestbook Prints for Sale Links Contact

Also the pics beside my Bio is there a way to get them the same size
and how to get rid of "Dan Bellyk's Home"

Dan

Stand by :)

[Barb]

Hi barb things are moving along great.
I would like to get a header with "Photography By Dan Bellyk"
including:
Home Guestbook Prints for Sale Links Contact

Also the pics beside my Bio is there a way to get them the same size
and how to get rid of "Dan Bellyk's Home"

Dan
Hi Dan,

I added a navbar for you and placed the link for "Home." The links go in your header in the customization page. You can see how I did the home link and add the other links as you get them. Or holler, and I'll take care of it for you.

I also removed the "Dan Bellyk's Home" from your home page.

The slideshow photos are not all the same size, i.e., you have portrait and landscape photos, so I'm not sure how that would work.

[mrclark321]

Hi Dan,

I added a navbar for you and placed the link for "Home." The links go in your header in the customization page. You can see how I did the home link and add the other links as you get them. Or holler, and I'll take care of it for you.

I also removed the "Dan Bellyk's Home" from your home page.

The slideshow photos are not all the same size, i.e., you have portrait and landscape photos, so I'm not sure how that would work.

Barb thanks again....going to hit the sac but will try in the AM :clap

Dan

[mrclark321]

Really starting to come together :clap :ivar

[mrclark321]

Have a look everyone, Comments are greatly apreciated and a big thanks to Barb.

Dan