Home Page in xxxx style

[caroline]

Hello Folks

I was reading through other posts in the forum and came across this site:-
ironcreekphotography.com

I would like to create a home page similar to this, that is with
1. descriptive text below the banner
2. no galleries
3. a nav bar to the various sections of the site when I have finally decided how it will be
- YES I have read the tutorial so do not need an answer to this at the moment

I am a total beginner regarding, smugmug, html, css etc still in the trial period, so please explain very slowly :)
Thanks

Caroline
photographyuk.smugmug.com

[ivar]

Hello Folks

I was reading through other posts in the forum and came across this site:-
ironcreekphotography.com

I would like to create a home page similar to this, that is with
1. descriptive text below the banner
2. no galleries
3. a nav bar to the various sections of the site when I have finally decided how it will be
- YES I have read the tutorial so do not need an answer to this at the moment

I am a total beginner regarding, smugmug, html, css etc still in the trial period, so please explain very slowly :)
Thanks

Caroline
photographyuk.smugmug.com

Hi Caroline,

welcome to the fun customizing part of your site :D

When beginning with your site, it's best to take it one step at a time, so let's do that.

Let's start with your header. There is a header-tutorial, here:http://dgrin.smugmug.com/gallery/1932865

Go through that, I think it's easy enough to follow. If not, ask questions! When you are done with the header, let us know, and we'll help you get the rest of your pages done :thumb

[caroline]

Let's start with your header. There is a header-tutorial, here:http://dgrin.smugmug.com/gallery/1932865

Go through that, I think it's easy enough to follow. If not, ask questions! When you are done with the header, let us know, and we'll help you get the rest of your pages done :thumb

Hello Ivar,

I have got the banner/header in place.

Now I would like to replace the text "photographyuk's home" with some thing else - Documenting the Countryside, Landscape & Life - is a phrase I have used in the past, plus I may like to change the colour of the text.

Caroline

[ivar]

Hello Ivar,

I have got the banner/header in place.

Now I would like to replace the text "photographyuk's home" with some thing else - Documenting the Countryside, Landscape & Life - is a phrase I have used in the past, plus I may like to change the colour of the text.

CarolineHi Caroline,

I'v added the text for you. You can set a color by changing the existing color in your CSS from black to something else.

Let me know if you need more help. You may want it bigger? Add: font-size: 14px;
right below the color statement to you CSS, and change the 14 to the size you like.

#my_text {
width: 750px;
margin: 0 auto;
display: none;
color: black;
}

[caroline]

Hi Caroline,

I'v added the text for you. You can set a color by changing the existing color in your CSS from black to something else.

Let me know if you need more help. You may want it bigger? Add: font-size: 14px;
right below the color statement to you CSS, and change the 14 to the size you like.

#my_text {
width: 750px;
margin: 0 auto;
display: none;
color: black;
}

Hi Ivar
Thank you for adding the text, I have made it larger and would like to experiment with some of the colours used in the theme I am using which is sand. How can I get the details of colours being used in this and any theme please ?

Caroline

[ivar]

Here you go, all colors used on your pages :D

If you want to use one of the colors, replace the word 'grey' by the color code, including the #, so for instance: color: #696f4c;

[Andy]

Hi Ivar
Thank you for adding the text, I have made it larger and would like to experiment with some of the colours used in the theme I am using which is sand. How can I get the details of colours being used in this and any theme please ?

CarolineAnd the VERY best way is to use Firefox, and the FF Webdev plugin. Both FREE and linked in my signature below. And we have a 5min tutorial on how to use the webdev tool, here:
http://dgrin.smugmug.com/gallery/1100284

Our customizing resources:

http://www.smugmug.com/help/create-photo-album2
http://www.smugmug.com/help/custom-colors2
http://www.smugmug.com/help/customize-faq.mg

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

[caroline]

Here you go, all colors used on your pages :D

If you want to use one of the colors, replace the word 'grey' by the color code, including the #, so for instance: color: #696f4c;
Ivar, that is excellent, is it something that is easily accessible ? and should I have been able to find it myself ?
Can it now appear on all pages?
If this were to appear on all gallery pages it looks as though the space between the banner and gallery is less than on the home page so would it need to be modified.

Thank you so much for your help, am I asking too many questions ?

Caroline

[Andy]

Ivar, that is excellent, is it something that is easily accessible ? and should I have been able to find it myself ?

See my post above. You can find it yourself, sure. But you can always ask us :D

[ivar]

Ivar, that is excellent, is it something that is easily accessible ? and should I have been able to find it myself ?
Can it now appear on all pages?
If this were to appear on all gallery pages it looks as though the space between the banner and gallery is less than on the home page so would it need to be modified.

Thank you so much for your help, am I asking too many questions ?

CarolineHi Caroline,

All that was done with the Firefox extension, Andy linked to.And the VERY best way is to use Firefox, and the FF Webdev plugin. Both FREE and linked in my signature below. And we have a 5min tutorial on how to use the webdev tool, here:
http://dgrin.smugmug.com/gallery/1100284When you have installed it, go to Information > View Color Information, and you will see a page just like the one I showed above.

Hope this helps.

[caroline]

Hi Caroline,

All that was done with the Firefox extension, Andy linked to.When you have installed it, go to Information > View Color Information, and you will see a page just like the one I showed above.

Hope this helps.
Ivar & Andy,
Thank you, very hlpful and interesting.

I have installed FF and the extension, and gone through the tutorial but I can't see from it how to get the text "Documenting etc etc" on to other pages?

Caroline

[ivar]

Ivar & Andy,
Thank you, very hlpful and interesting.

I have installed FF and the extension, and gone through the tutorial but I can't see from it how to get the text "Documenting etc etc" on to other pages?

CarolineI wasn't sure if you wanted it on your homepage only, or not. So i put it there. It's showing on all your pages now though :D I removed the CSS not showing it on the other pages

[caroline]

I wasn't sure if you wanted it on your homepage only, or not. So i put it there. It's showing on all your pages now though :D I removed the CSS not showing it on the other pages

Ah Ha! Ivar,
I can see what you have done by using the FF extension, things are begining to become a little clearer :) Maybe I should go into town and buy a book about CSS & HTML. Meanwhile I will do a little experimenting. Thank you again.
Caroline

[caroline]

Ah Ha! Ivar,
I can see what you have done by using the FF extension, things are begining to become a little clearer :) Maybe I should go into town and buy a book about CSS & HTML. Meanwhile I will do a little experimenting. Thank you again.
Caroline

Hello Ivar,
Obviously I didn't understand what you did, I have now managed to remove completely "Documenting the Countryside, Landscape & Life" and can't get it back. can you please help again.
Thank you
Caroline

[ivar]

Hello Ivar,
Obviously I didn't understand what you did, I have now managed to remove completely "Documenting the Countryside, Landscape & Life" and can't get it back. can you please help again.
Thank you
CarolineHi Caroline, somehow 'display: none;' ended up in the CSS, I removed it.



This is what you have in your Header (the HTML). The HTML is the actual 'thing'. I named it 'my_text' in this case. (Ignore the little purple stars, that's for forum reasons)
<*div id="my_text"*>Documenting the Countryside, Landscape & Life<*/div*>
and this is what is in your CSS. CSS styles the 'thing'.

/* this is for the text under the banner */
#my_text {
width: 750px;
margin: 0 auto;
color: #696f4c;
font-size: 18px;
}

I gave it the same width as your banner (750px). The margin: 0 auto; makes it line up nicely with the banner. The color and size is what you have chosen. Hope this helps.

[caroline]

[quote=ivar]Hi Caroline, somehow 'display: none;' ended up in the CSS, I removed it.

Hello Ivar,
Thanks again for putting me straight.
Can I ask about another part of my original posting please ?


I would like to create a home page similar to this (www.ironcreekphotography.com) (http://www.ironcreekphotography.com%29), that is with
1. descriptive text below the banner - Done!
2. no galleries
3. a nav bar to the various sections of the site when I have finally decided how it will be
- YES I have read the tutorial so do not need an answer to this at the moment

What I am trying to say is that I just want a simple page with a single image, text about the site/me, nav bar (to other parts of the site yet to be decided), with no galleries on that page, just the nav bar.

Does this make any sense?
Hope you can help me,
Caroline
photographyuk.smugmug.com

[ivar]

[quote=ivar]Hi Caroline, somehow 'display: none;' ended up in the CSS, I removed it.

Hello Ivar,
Thanks again for putting me straight.
Can I ask about another part of my original posting please ?


I would like to create a home page similar to this (www.ironcreekphotography.com) (http://www.ironcreekphotography.com%29), that is with
1. descriptive text below the banner - Done!
2. no galleries
3. a nav bar to the various sections of the site when I have finally decided how it will be
- YES I have read the tutorial so do not need an answer to this at the moment

What I am trying to say is that I just want a simple page with a single image, text about the site/me, nav bar (to other parts of the site yet to be decided), with no galleries on that page, just the nav bar.

Does this make any sense?
Hope you can help me,
Caroline
photographyuk.smugmug.comYep, it makes sense, and yes I can help. Actually, I already did :wink

You have to think about what sections you want in your navbar, and where you want them to link to. Right now, only your 'home' and 'galleries' links work correctly.

The galleries do show on your homepage, but only for you, when you are logged in. Your viewers will not see them :thumb

[Iron Creek]

Hi Caroline - you've come to the best place to get the answers. Keep asking and they will get answered. Good luck to you.

Cheers

[caroline]

Yep, it makes sense, and yes I can help. Actually, I already did :wink

You have to think about what sections you want in your navbar, and where you want them to link to. Right now, only your 'home' and 'galleries' links work correctly.

The galleries do show on your homepage, but only for you, when you are logged in. Your viewers will not see them :thumb
Ivar, How big can I say THANK YOU, that is brilliant. :barb
I feel I should be saying 'how did you do that ?' so that maybe I can repeat it, but you must be a very busy man :))

Caroline

[ivar]

Ivar, How big can I say THANK YOU, that is brilliant. :barb
I feel I should be saying 'how did you do that ?' so that maybe I can repeat it, but you must be a very busy man :))

CarolineHi Caroline, it was actually a copy and paste job, according to the 'navbar tutorial (http://dgrin.smugmug.com/gallery/1932803)'. It also explains how to change the words and links in the navbar.

I used one of Devbobo's great tricks (http://www.dgrin.com/showthread.php?p=355505#post355505) to get the galleries to show up on a different page.

Hope this helps :ivar

[caroline]

Hi Caroline, it was actually a copy and paste job, according to the 'navbar tutorial (http://dgrin.smugmug.com/gallery/1932803)'. It also explains how to change the words and links in the navbar.

I used one of Devbobo's great tricks (http://www.dgrin.com/showthread.php?p=355505#post355505) to get the galleries to show up on a different page.

Hope this helps :ivar
Hi Ivar,
I am toally amazed at the help you give and the versatility of Smugmug, I will do my homework later and go read and learn the navbar Tutorial, Devbobo's tricks will have to be tomorrow.

Last question before I sign off - I would like to make the pic in the bio box/home page bigger, say double the size. I have found some threads about this but can't find where to make the change in image size. I have experimented with putting loads of text in and can see that the box changes size to accomodate this, so the size can be roughly double.

Caroline
photographyuk.smugmug.com

[caroline]

Hello, previously I wrote:-
"I would like to make the pic in the bio box/home page bigger, say double the size. "

A few hours sleep helps - OK I've managed this bit by following the instructions in Anne's FAQ but really i would like it to be positioned where the original bio pic was and for the text to wrap around the pic. At the moment the pic is at the bottom and text sits on top

I have searched the forum but can't find anything to help me

Caroline
photographyuk.smugmug.com