• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support SmugMug Customization CSS and HTML Noob Need some help

FAQtoid

Ever wanted to create an Avatar? Creating an Avatar!

Searching Dgrin with Google Searching with Google

Dgrin Challenges

Congratulations to the Winner of DSS #128 (Sunrise or Sunset), ShootingStar.

The next Dgrin Challenge DSS #129 (Silhouette Revisited ) is open for entries through May 27th, 2013 at 8:00pm PDT.

As always, we look forward to your participation but please do take a moment to read through the rules before posting your entry.

Past DSS Challenge Winners, DSS Challenge Rules, and other important DSS Challenge information is here.

Need some help with Accessories?

Tutorials

Ever find yourself wondering just how someone managed to create an image using different effects?

Here are three simple tutorials we hope will encourage you to try something new.

The Hot Seat

A lifelong interest in landscape photography has led Eyal Oren to make a study of his adopted hometown of Marblehead, MA. As you can see, his dedication is paying off!

Africa!

Dgrinners Harryb, Pathfinder, and others joined Andy Williams and Marc Muench on Safari in East Africa recently. Here are some awesome threads to check out!

 
Thread Tools Display Modes
Old Aug-24-2010, 11:25 AM
#1
alowderphoto is offline alowderphoto OP
Big grins
Huh CSS and HTML Noob Need some help
Hey all you geniuses in programing.
I would like to customize my site but am running into some trouble. I am a complete 100% novice at both HTML and CSS... or any programing for that matter. I managed to get a working dropdown header... thats about it.
This is what I would like, I would very much appreciate any suggestions or help on any of these points:

  • a simple slide show of a few images on my homepage doesn't matter what type really as long as it looks nice.
  • some pages I can customize with images and info for pricing. I have no idea how to create a new page, add images, arrange images and text, etc and I really don't know how to link it to my header in the code.
  • I'd like my galleries to be separated between weddings and portraits and then only be seen when they click on "my portraits" or "my weddings.
  • my information stacked (not in one continuous line) in the footer of every page.
As you can tell I'm totally lost. Thanks for any help in advance!

-Ashley
Old Aug-24-2010, 11:43 AM
#2
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by alowderphoto View Post
Hey all you geniuses in programing.
I would like to customize my site but am running into some trouble. I am a complete 100% novice at both HTML and CSS... or any programing for that matter. I managed to get a working dropdown header... thats about it.
This is what I would like, I would very much appreciate any suggestions or help on any of these points:

  • a simple slide show of a few images on my homepage doesn't matter what type really as long as it looks nice.
  • some pages I can customize with images and info for pricing. I have no idea how to create a new page, add images, arrange images and text, etc and I really don't know how to link it to my header in the code.
  • I'd like my galleries to be separated between weddings and portraits and then only be seen when they click on "my portraits" or "my weddings.
  • my information stacked (not in one continuous line) in the footer of every page.
As you can tell I'm totally lost. Thanks for any help in advance!

-Ashley
All sounds fairly simple but a link to your site would help.

For the slideshow look under the "homepage layout" button and check slideshow.
Old Aug-24-2010, 11:48 AM
#3
alowderphoto is offline alowderphoto OP
Big grins
http://alowderphoto.smugmug.com/
Sorry bout that. Not much going on so far. Just got it and started working on it today. kinda a mess...
Old Aug-24-2010, 01:47 PM
#4
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by alowderphoto View Post
http://alowderphoto.smugmug.com/
Sorry bout that. Not much going on so far. Just got it and started working on it today. kinda a mess...
Turn on your category/gallery box so it's easier to navigate your site. You
have no links in your nav. The box can be hidden when not logged in by
adding this to your CSS.

.notLoggedIn .homepage #galleriesBox,
.notLoggedIn .homepage #categoriesBox {
display: none;
}

Using WebDev we can temporarily turn it on.

Here's a couple links you can put in.

<li><a class="drop" href="/Portriats" title="">Your Portriats</a></li>
<li><a href="/Weddings" title="">Your Wedding</a></li>
Old Aug-24-2010, 02:19 PM
#5
alowderphoto is offline alowderphoto OP
Big grins
Quote:
Originally Posted by Allen View Post
Turn on your category/gallery box so it's easier to navigate your site. You
have no links in your nav. The box can be hidden when not logged in by
adding this to your CSS.

.notLoggedIn .homepage #galleriesBox,
.notLoggedIn .homepage #categoriesBox {
display: none;
}

Using WebDev we can temporarily turn it on.

Here's a couple links you can put in.

<li><a class="drop" href="/Portriats" title="">Your Portriats</a></li>
<li><a href="/Weddings" title="">Your Wedding</a></li>
Thank you! I added the code you gave me to my CSS but I'm not noticing a difference. I still don't see a gallery box.
Also, I think I understand what you mean by the bottom lines of code. The red portions are relative links right? Those would refer to my categories that I would create? The thing I don't know is what a "WebDev" is... I'm sorry for my ignorance but I am trying to learn!
Old Aug-24-2010, 03:16 PM
#6
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by alowderphoto View Post
Thank you! I added the code you gave me to my CSS but I'm not noticing a difference. I still don't see a gallery box.
Also, I think I understand what you mean by the bottom lines of code. The red portions are relative links right? Those would refer to my categories that I would create? The thing I don't know is what a "WebDev" is... I'm sorry for my ignorance but I am trying to learn!
You haven't activated the category/gallery box. On your homepage under
the "homepage layout" button check galleries/categories.

Relative links are created by leaving off the red part.
http://alowderphoto.smugmug.com/Weddings

When we get to creating your info pages like probably everything under
prices the relative links will look like this.
/gallery/XXXXXXXX_xxxxx
These galleries will be directly linked from your nav so will be checked
unlisted. Using a link like this doesn't expose the path which is irrelevant.

See the Tutorials link at top of this forum. This is the one for WebDev.
http://dgrin.smugmug.com/gallery/1354921
Old Aug-24-2010, 03:22 PM
#7
alowderphoto is offline alowderphoto OP
Big grins
Quote:
Originally Posted by Allen View Post
You haven't activated the category/gallery box. On your homepage under
the "homepage layout" button check galleries/categories.

Relative links are created by leaving off the red part.
http://alowderphoto.smugmug.com/Weddings

When we get to creating your info pages like probably everything under
prices the relative links will look like this.
/gallery/XXXXXXXX_xxxxx
These galleries will be directly linked from your nav so will be checked
unlisted. Using a link like this doesn't expose the path which is irrelevant.

See the Tutorials link at top of this forum. This is the one for WebDev.
http://dgrin.smugmug.com/gallery/1354921
Thanks for the link to the tutorial. I'll have to go back there. This is what I see when I go to my homepage layout:
I don't have a "gallery/category" option. Am I missing something or do I need something else turned on to see it?
Old Aug-24-2010, 03:27 PM
#8
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by alowderphoto View Post
Thanks for the link to the tutorial. I'll have to go back there. This is what I see when I go to my homepage layout:
I don't have a "gallery/category" option. Am I missing something or do I need something else turned on to see it?
Look in your control panel under the homepage tab. Click "show" for the box.

I've seen it missing from the "homepage layout" in the past a few times, don't know why.
Old Aug-24-2010, 03:38 PM
#9
alowderphoto is offline alowderphoto OP
Big grins
Thanks that brought it up. I think I know what I was supposed to click. When I went back to the homepage layout menu, "default" was checked. After toggling that my gallery box turned off then on. I guess default serves the same purpose...?
Thanks again!
Old Aug-24-2010, 04:41 PM
#10
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by alowderphoto View Post
Thanks that brought it up. I think I know what I was supposed to click. When I went back to the homepage layout menu, "default" was checked. After toggling that my gallery box turned off then on. I guess default serves the same purpose...?
Thanks again!
Fix this in nav. Me never could spell.

<li><a href="/Portraits" title="">Your Portraits</a></li>

Add this to the top of your header above the menu.

<div id="my_banner"></div>
Old Aug-24-2010, 04:43 PM
#11
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by alowderphoto View Post
...
Center menu, minimize until it doesn't wrap to two lines.
Code:
      /* style the outer div to give it width */
.menu {
   z-index:99;
   margin: 0 auto 20px;  /* top R/L bottom */
   position:relative;    /* Make the container moveable */
   width:735px;          /* Main bar total width, minimize to center */
}
Old Aug-25-2010, 09:12 AM
#12
alowderphoto is offline alowderphoto OP
Big grins
Quote:
Originally Posted by Allen View Post
Center menu, minimize until it doesn't wrap to two lines.
Code:
      /* style the outer div to give it width */
.menu {
   z-index:99;
   margin: 0 auto 20px;  /* top R/L bottom */
   position:relative;    /* Make the container moveable */
   width:735px;          /* Main bar total width, minimize to center */
}
Allen thanks so much! That centered it right up! The only problem now is that I'm second guessing my choice of the banner... I don't like how much space it takes away from my stretchy slide show that I just put in. It makes the images look like they are too small for the area because of the minimal height area I've allowed.
I'm thinking I might do something a bit more simple Similar to this: http://www.shawnkrausphoto.com/ with just a small logo and a nav bar on the same line separated with a divider... now I just have to figure that out... wow...
Old Aug-25-2010, 09:34 AM
#13
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by alowderphoto View Post
Allen thanks so much! That centered it right up! The only problem now is that I'm second guessing my choice of the banner... I don't like how much space it takes away from my stretchy slide show that I just put in. It makes the images look like they are too small for the area because of the minimal height area I've allowed.
I'm thinking I might do something a bit more simple Similar to this: http://www.shawnkrausphoto.com/ with just a small logo and a nav bar on the same line separated with a divider... now I just have to figure that out... wow...
You can hide it on your homepage. Add to CSS.

.homepage #my_banner {display: none;}
Tell The World!  
Tags
code , customize , new page , slideshow
Similar Threads Thread Starter Forum Replies Last Post
is the gallery description html only or does css work too? colorq SmugMug Customization 4 Mar-02-2010 09:58 PM
What to do with CSS and HTML validation errors? Kilroy SmugMug Customization 2 Jun-11-2009 01:49 PM
Firebug and Webdeveloper - changing HTML and CSS codes ChancyRat SmugMug Customization 6 May-25-2009 11:40 AM
Help converting html template to CSS jh4wvu SmugMug Customization 23 Jun-25-2007 08:12 AM
prints and gifts html and CSS problems gilbert SmugMug Customization 24 Feb-28-2007 06:31 PM


Thread Tools
Display Modes

Posting Rules  
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump