From the Beginning

[Galagirl]

Hi Andy (or other Wonderful helper) - I have spent an hour reading through the forums desperately looking for help on customizing galaeventsphotography.smugmug.com. So, I decided to start my own thread and see if I can get this thing figured out. Even reading the forum is somewhat in a different language to me. I will consider changing my user ID to idiotgirl as opposed to Galagirl after this thread, if necessary :)

I want a home page with a slideshow of random photos from the few galleries I have uploaded. I want a simple title at the top Gala Events Photography. I want my site to have buttons under the title
Home Shannon Jessica About Order Prints Galleries Client Galleries

I went to the customizing help copied the html code for the title bar but have no idea how to even make the font right, change colors. Hey, I did manage to upload some galleries.....brother!!

Do I need to create an image with the Text?

How do I create the slideshow?

Okay, I am sure you have answered these ??'s about 5 million times. Can't wait to move to the next pages....

Thanks!! Galagirl. galaeventsphotography.smugmug.com

[Andy]

Hi Andy (or other Wonderful helper) - I have spent an hour reading through the forums desperately looking for help on customizing galaeventsphotography.smugmug.com. So, I decided to start my own thread and see if I can get this thing figured out. Even reading the forum is somewhat in a different language to me. I will consider changing my user ID to idiotgirl as opposed to Galagirl after this thread, if necessary :)

:rofl no need to change your name! We'll help you out. For reference:

http://www.dgrin.com/showthread.php?t=31647
http://www.dgrin.com/showthread.php?t=26043
[/quote
I want a home page with a slideshow of random photos from the few galleries I have uploaded.
[/quote]
Download the hack and the instructions, here:
http://www.dgrin.com/showthread.php?t=28348

I want a simple title at the top Gala Events Photography.


Until you make a graphic header banner, you can use the following.

Put this in your HEADER section of your customization panel (control panel>customize> )


<!-- Begin Gala's Header -->
<div id="GalaHeader"><a href="http://galaeventsphotography.smugmug.com">Gala Events Photography</a></div>
<!-- End Gala's Header -->


And put this in your CSS Section (control panel>customize> )

/* copyright notice - footer */
#GalaHeader {text-align:center; font-weight:bold; font-style:italic; color: blue; font-size:14px; margin-top:20px;}



I want my site to have buttons under the title
Home Shannon Jessica About Order Prints Galleries Client Galleries

FAQ #43 http://www.dgrin.com/showthread.php?t=26043
http://css.maxdesign.com.au/listutorial/horizontal_introduction.htm

Do the tutorial, and put the results from it here in a post and we'll show you where to put it on your site



Okay, I am sure you have answered these ??'s about 5 million times. Can't wait to move to the next pages....

We have - but that's ok. Familiarize yourself with the materials, and how things work. Start slow, don't bite off more than you can chew! You'll be styled in no time.

[Galagirl]

:rofl no need to change your name! We'll help you out. For reference:

http://www.dgrin.com/showthread.php?t=31647
http://www.dgrin.com/showthread.php?t=26043
[/quote
I want a home page with a slideshow of random photos from the few galleries I have uploaded.

Download the hack and the instructions, here:
http://www.dgrin.com/showthread.php?t=28348


Until you make a graphic header banner, you can use the following.

Put this in your HEADER section of your customization panel (control panel>customize> )


<!-- Begin Gala's Header -->
<div id="GalaHeader"><a href="http://galaeventsphotography.smugmug.com">Gala Events Photography</a></div>
<!-- End Gala's Header -->


And put this in your CSS Section (control panel>customize> )

/* copyright notice - footer */
#GalaHeader {text-align:center; font-weight:bold; font-style:italic; color: blue; font-size:14px; margin-top:20px;}



FAQ #43 http://www.dgrin.com/showthread.php?t=26043
http://css.maxdesign.com.au/listutorial/horizontal_introduction.htm

Do the tutorial, and put the results from it here in a post and we'll show you where to put it on your site



We have - but that's ok. Familiarize yourself with the materials, and how things work. Start slow, don't bite off more than you can chew! You'll be styled in no time.[/quote]

I managed to get the header in there. The slide show was a no go. I placed instructions in java and then the other in my footer (updated to galaeventsphotography.smugmug/gallery/1533478). It did not show up. When you are adding to script, is there a space, a slash or what?
What is a *hack*?

My results from the nav bar: How do I know the color codes?
#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: #fff;
background-color: #036;
}

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


HTML CODE
<div id="navcontainer">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Shannon</a></li>
<li><a href="#">Jessica</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Order</a></li>
</ul>
</div>

[claudermilk]

You only spent an hour? I'm pretty computer savvy & I spent many, many hours going through the stickies here before I really got going on my customizations--and I still have issues I needto iron out. My point is, it will take a little longer to really understand what you need to do. The answers to your questions are all in there, it'll just take more time reading up on them.

Take it slow and make sure you understand the simpler concepts (like the code and CSS for hte header you're doing now) before jumping into the really complex stuff (like the slideshow).

[Andy]

My results from the nav bar: How do I know the color codes?
#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: #fff;
background-color: #036;
}

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


HTML CODE
<div id="navcontainer">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Shannon</a></li>
<li><a href="#">Jessica</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Order</a></li>
</ul>
</div>

I put the navbar code on your site, have a look. ANd you can look here for how to change the color codes, to ANY Color you like :)

http://www.smugmug.com/help/custom-colors

[Galagirl]

You only spent an hour? I'm pretty computer savvy & I spent many, many hours going through the stickies here before I really got going on my customizations--and I still have issues I needto iron out. My point is, it will take a little longer to really understand what you need to do. The answers to your questions are all in there, it'll just take more time reading up on them.

Take it slow and make sure you understand the simpler concepts (like the code and CSS for hte header you're doing now) before jumping into the really complex stuff (like the slideshow).


I dig your site - even if it is new!! Thanks for the advise. As you can tell, patience is not one of my virtues. I explained to Andy early on that I am a wedding coordinator, photographer, paralegal and mother of 2 boys....ambition I have...time I don't. However, with the information I have been reading today, it will be no time at all until I can get this darned slide show figured out!! I feel like I am in a foreign country!!! I am the help desk comedy crew!! Thanks again, have a great day!! shannon

[Galagirl]

I put the navbar code on your site, have a look. ANd you can look here for how to change the color codes, to ANY Color you like :)

http://www.smugmug.com/help/custom-colors

Okay, I've been playing well with colors, font sizes, etc. I went back twice to the slideshow tutorials and re-entered everything. Still nothing. My question:

On the Slideshow instructions: Section: To Use the Slideshow #2, where it shows the slideURL [example] then has /*optionalslideshow variables */ and */ see properties section */. Is that indicating to me to insert properties and options or does that code need to be in the script??? Dumb I'm sure, but I am learning. I have re entered it several ways and cannot get a slideshow to come up. Thanks!

[ivar]

Okay, I've been playing well with colors, font sizes, etc. I went back twice to the slideshow tutorials and re-entered everything. Still nothing. My question:

On the Slideshow instructions: Section: To Use the Slideshow #2, where it shows the slideURL [example] then has /*optionalslideshow variables */ and */ see properties section */. Is that indicating to me to insert properties and options or does that code need to be in the script??? Dumb I'm sure, but I am learning. I have re entered it several ways and cannot get a slideshow to come up. Thanks!

this is what you have now
<script type="text/javascript">
/* required slideshow variables
*/ slideshowContainerId = "divId";
slideshowUrl = "http://galaeventsphotography.smugmug.com/gallery/1533478"; /* slideshowContainerID = "myslideshow";
loadSlideshow();
</script>

change that to
<script type="text/javascript">
/* required slideshow variables */
slideshowContainerId = "bioBox";
slideshowUrl = "http://galaeventsphotography.smugmug.com/gallery/1533478";
loadSlideshow();
</script>

Make sure you have your biobox visible on your homepage, that should atleast get you going! don't worry about the extra options for now, let's first get the show on the road :thumb

[Galagirl]

AWWWEEESSOOOMMMEEEE!!! It is a go!! Thank you....thank you....thank you....

The next issue I am working on is the arrangement of the site. I guess I need a diagram or something because this is soooo confusing to me. Andy helped with the Navagation bar and I am trying to set up the categories - Home, Jessica, Shannon, etc so that I can link them to the nav bar and it will direct you to another page where the gallery will actually be. I searched the threads for home page, navagation, categories and have not found what I need to make this work. Any links to where I can find the thread helping? My three galleries are showing on the home page and I want them under a different category. I will keep searching, but if you have any help, I will be grateful!!! Thanks for everything, I am actually having fun doing this (although I miss the camera cramp and focal strain). Thanks for keeping me hangin in there.....this will be so worth it!! Shannon
www.galaeventsphotography.smugmug.com (http://www.galaeventsphotography.smugmug.com)
www.agalaevent.com (http://www.agalaevent.com)