Ellepixels' Thread

[ellepixels]

Originally Posted by bigwebguy

dont give up hope elle....there is a lot of capability in smugmug...but the great thing is that you dont HAVE to do all this fancy customizing. You get a great service to host and share (and sell!) your photos right out of the box.

Take things one at a time instead of trying to get everything in at once and we'll help you along the way.

Andy Edit: SO, continuing from this thread:
http://www.dgrin.com/showthread.php?t=32321

Dear Andy,
Thank you for such a generous offer.I very much love your sites, you gave as examples, and would love to have one like that for my own.
I would rather do it myself, and learn (if at all possible, lol). I know,
you must think, im crazy, turning dow this offer. I would love to know, step by step, on how to accomplish something like that. I find the faqs a little
difficult to follow sometimes,because they are more for answering questions, not a step by step guide on how to accomplish a certain look for your site. If you are willing to guide me trough step by step in accomplishing this, i would be more then greatfull.

Thanks bigwebguy!

[Andy]

Originally Posted by ellepixels

Dear Andy,
Thank you for such a generous offer.I very much love your sites, you gave as examples, and would love to have one like that for my own.
I would rather do it myself, and learn (if at all possible, lol). I know,
you must think, im crazy, turning dow this offer. I would love to know, step by step, on how to accomplish something like that. I find the faqs a little
difficult to follow sometimes,because they are more for answering questions, not a step by step guide on how to accomplish a certain look for your site. If you are willing to guide me trough step by step in accomplishing this, i would be more then greatfull.

Thanks bigwebguy!

GREAT. Standby, we're gonna start a new thread just for you, shortly.

[Andy]

Elle, give me a little while, I'm going to dig into your site and do some basics, then come back with a list of TODOs for you.

Here in this thread is where you'll ask all your questions. If we need to move posts or questions, we'll do it.

Ready? Let's GO!

[ellepixels]

Originally Posted by Andy

GREAT. Standby, we're gonna start a new thread just for you, shortly.

{blushing} but ready!

[Andy]

Originally Posted by ellepixels

{blushing} but ready!

Good.

OK First assignment:

All of these galleries: http://tanyadelnegrofoto.smugmug.com/Photography

You need to continue the CSS that I started for the first two galleries (I did it for "blog" and "prices":

/* suppress the "no photos" message in info galleries */

.gallery_1379358 .nophotos {display: none;}
.gallery_1379319 .nophotos {display: none;}

so just copy and paste one of these lines, and change the gallery number to the number of the gallery not yet done (about, session, news, contact).

I've put a page title in for you already, look at the top of your browser window.

I like the new header So, you're sticking with white background, yes? That's cool..



I, and the other helpers (mike, bwg, ivar, barb, and plenty of others ... ) will try to help you along!

[Barb]

Originally Posted by Andy

Good.

OK First assignment:

All of these galleries: http://tanyadelnegrofoto.smugmug.com/Photography

You need to continue the CSS that I started for the first two galleries (I did it for "blog" and "prices":

/* suppress the "no photos" message in info galleries */

.gallery_1379358 .nophotos {display: none;}
.gallery_1379319 .nophotos {display: none;}

so just copy and paste one of these lines, and change the gallery number to the number of the gallery not yet done (about, session, news, contact).

I've put a page title in for you already, look at the top of your browser window.

I like the new header So, you're sticking with white background, yes? That's cool..



I, and the other helpers (mike, bwg, ivar, barb, and plenty of others ... ) will try to help you along!

Glad you're going to stick with Smugmug. You'll be very happy you did! And I, too, like your header! Before long, you'll be amazed at what your site looks like :)

[ellepixels]

Originally Posted by bygates

Glad you're going to stick with Smugmug. You'll be very happy you did! And I, too, like your header! Before long, you'll be amazed at what your site looks like :)

Thank you so much Andy, for taking some time in helping me.
It means alot, even more then words can say.
I have done my first assignment!

And barb-- thanks for the kind words! your site is awesome!

[Andy]

Originally Posted by ellepixels

Thank you so much Andy, for taking some time in helping me.
It means alot, even more then words can say.
I have done my first assignment!

And barb-- thanks for the kind words! your site is awesome!

First assignment, A+

1): Make a custom category, call it Site Files, and put all those info galleries into that category.

http://www.smugmug.com/help/upload-photo

2):

Font colors - you want the blue theme? Or??
Box backgrounds - that grey? Or??


3): Force the style to "Journal" and then put a photo and some text in the caption of that photo in your About gallery.

[ramdisk]

Originally Posted by Andy

First assignment, A+

1): Make a custom category, call it Site Files, and put all those info galleries into that category.

http://www.smugmug.com/help/upload-photo

2):

Font colors - you want the blue theme? Or??
Box backgrounds - that grey? Or??


3): Force the style to "Journal" and then put a photo and some text in the caption of that photo in your About gallery.

I'm trying to follow along with you guys, I think the idea is great. I created the galley, but how do I hide it?

[ellepixels]

Originally Posted by ramdisk

I'm trying to follow along with you guys, I think the idea is great. I created the galley, but how do I hide it?

Ok, Andy. I have done the second assignment. I have chosen a black font,
and white boxes...
Also, i did the about part, but not sure if is correct!
Ready for the next part!!!!

[DanielB]

Originally Posted by ellepixels

Ready for the next part!!!!

i smell a NavBar a comin'

[Andy]

Originally Posted by ramdisk

I'm trying to follow along with you guys, I think the idea is great. I created the galley, but how do I hide it?

Hi Ram -
Don't "hide" but just make it "private" in gallery customization. OK?

[Andy]

Originally Posted by ellepixels

Ok, Andy. I have done the second assignment. I have chosen a black font,
and white boxes...
Also, i did the about part, but not sure if is correct!
Ready for the next part!!!!

I'll check after I finish doing homework with my 7 year old. Check back in an hour or so.

[ellepixels]

Originally Posted by Andy

I'll check after I finish doing homework with my 7 year old. Check back in an hour or so.

No Prob Andy! Who Knew I would so excited about building a website!!!
In the mean , time, i will do bath time with my 4 year old!!!!

[Andy]

Originally Posted by ellepixels

Ok, Andy. I have done the second assignment. I have chosen a black font,
and white boxes...
Also, i did the about part, but not sure if is correct!
Ready for the next part!!!!

OK so faster than an hour

bravo on the title colors and the background colors - you did that yourself! Good onya, girlie

In your "About" gallery, that's serving ONE purpose and will ONLY have one photo. So, I want you to put this in your css:

/* kills page navigation */
.gallery_1379344 .albumNav {display: none;}

and of course, you can duplicate as needed, for other one page galleries, in the future. Just a tid-bit, to tidy up the page, yeah?

Soooo now for an advanced TRICK. That about photo of you DOES NOT need to be clicked on, no reason. So, let's learn to suppress the clickablility of a journal photo. It's in my FAQ http://www.dgrin.com/showthread.php?t=26043 number 57:

http://www.dgrin.com/showpost.php?p=209813&postcount=12

I want you to follow those instructions EXACTLY and make it happen for gallery number 1379344.

Next, go into the gallery customization and turn PhotoRank OFF for About and also for your other "info" galleries (the ones in the site files category).

Finally, for this assignment, let's do a navbar. Yup. You'll do it yourself, by following this tutorial:
http://css.maxdesign.com.au/listutor...troduction.htm

which is linked in this thread (sticky):
http://www.dgrin.com/showthread.php?t=20742

Navbars are easy. Think about the organization a bit: You'll have "Home" and "About" and "Galleries" and then maybe "Prices" "Info" "Links" etc... up to you completely. Doesn't matter much to start with, just pick your poison and do the tute - we can adjust later. Paste ALL the output (HTML and CSS) from the tute in a reply to this thread.

get to work!

[ellepixels]

Originally Posted by Andy

OK so faster than an hour

bravo on the title colors and the background colors - you did that yourself! Good onya, girlie

In your "About" gallery, that's serving ONE purpose and will ONLY have one photo. So, I want you to put this in your css:

/* kills page navigation */
.gallery_1379344 .albumNav {display: none;}

and of course, you can duplicate as needed, for other one page galleries, in the future. Just a tid-bit, to tidy up the page, yeah?

Soooo now for an advanced TRICK. That about photo of you DOES NOT need to be clicked on, no reason. So, let's learn to suppress the clickablility of a journal photo. It's in my FAQ http://www.dgrin.com/showthread.php?t=26043 number 57:

http://www.dgrin.com/showpost.php?p=209813&postcount=12

I want you to follow those instructions EXACTLY and make it happen for gallery number 1379344.

Next, go into the gallery customization and turn PhotoRank OFF for About and also for your other "info" galleries (the ones in the site files category).

Finally, for this assignment, let's do a navbar. Yup. You'll do it yourself, by following this tutorial:
http://css.maxdesign.com.au/listutor...troduction.htm

which is linked in this thread (sticky):
http://www.dgrin.com/showthread.php?t=20742

Navbars are easy. Think about the organization a bit: You'll have "Home" and "About" and "Galleries" and then maybe "Prices" "Info" "Links" etc... up to you completely. Doesn't matter much to start with, just pick your poison and do the tute - we can adjust later. Paste ALL the output (HTML and CSS) from the tute in a reply to this thread.

get to work!

i did it, i did it!!!!!! Hooray Andy!!!!!!!
Im undecided what looks better all white, or green boxes...but i guess, those are little details.
here are the codes from the navbar....

css code
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #000000;
background-color: #99FF66;
}

#navcontainer ul li a:hover
{
color: #fff;
background-color: #000000;
}


html

<div id="navcontainer">
<ul>
<li><a href="http://tanyadelnegrofoto.smugmug.com/">Home</a></li>
<li><a href="http://tanyadelnegrofoto.smugmug.com/gallery/1379344">About</a></li>
<li><a href="http://tanyadelnegrofoto.smugmug.com/gallery/1379315">Session Info</a></li>
<li><a href="http://tanyadelnegrofoto.smugmug.com/gallery/1382898">Gallery</a></li>
<li><a href="http://tanyadelnegrofoto.smugmug.com/gallery/1379319">Prices</a></li>
<li><a href="http://tanyadelnegrofoto.smugmug.com/gallery/1379358">Blog</a></li>
<li><a href="http://tanyadelnegrofoto.smugmug.com/gallery/1350670">News</a></li>
<li><a href="http://tanyadelnegrofoto.smugmug.com/gallery/1350666">Contact</a></li>
</ul>
</div>

[Barb]

Originally Posted by ellepixels

i did it, i did it!!!!!! Hooray Andy!!!!!!!
Im undecided what looks better all white, or green boxes...but i guess, those are little details.
here are the codes from the navbar....

Wow - quite a difference from this morning! Lookin' great!

[LeDude]

Ellepixels,

http://www.colorschemer.com/colorpix_info.php

In case you didn't stumble upon this little program in your reading it's great for getting colors to use for your page. I thought of it because the green you've got looks like a shade in your header apple... this program will let you easily find the code to ANY shade in that apple.

-Rich

(ah yes, and the site is coming along very nicely :) )

[Andy]

Originally Posted by ellepixels

i did it, i did it!!!!!! Hooray Andy!!!!!!!
Im undecided what looks better all white, or green boxes...but i guess, those are little details.

you are fast! And, you have a 4 year old in tow? OK OK OK nice work.

Next up - how about a homepage slideshow? We can lose EVERYTHING on the homepage, all your work is available via the navbar now. You can see an example on my site www.moonriverphotography.com.

If YES, then make a new gallery, in "site files" cat, and call it "Home Page Slideshow" and upload into that gallery all the files you want to use. The show is random, so don't worry about ordering the gallery.

If NO, then ... we'll go straight to he INFO pages, which will be HTML Galleries. But the SS would look REALLY nice, IMO

[ellepixels]

Originally Posted by LeDude

Ellepixels,

http://www.colorschemer.com/colorpix_info.php

In case you didn't stumble upon this little program in your reading it's great for getting colors to use for your page. I thought of it because the green you've got looks like a shade in your header apple... this program will let you easily find the code to ANY shade in that apple.

-Rich

(ah yes, and the site is coming along very nicely :) )

Thank you much Ledude! I just downloaded the software, and was releived to see they had a mac version(trial). Indeed, i could not believe how many colors can be harmonised with the green apple, lol....
I so appreciate you help!!!!!