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

Need some help with your New SmugMug Site?

Dgrin Challenges

Our Challenges moderator has lined up an new set of challenges for you. The Weekly Word Challenge. Get all the details and participate in the conversation Weekly Word Challenge.

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

Looking for a little challenge? The Dgrin Mini-Challenges are a great way to challenge yourself. Take a moment to look through past winners and find the current Mini Challenge here.

From Around the Net

Enjoy a few of our favorite articles from around the 'net. If you have something you think we should see, post it here and we'll have a look.

Journeys

Landscapes

Sports

 
Thread Tools Display Modes
Old Aug-24-2010, 12:25 PM
#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, 12:43 PM
#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.
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
Old Aug-24-2010, 12:48 PM
#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, 02: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>
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
Old Aug-24-2010, 03: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, 04: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
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
Old Aug-24-2010, 04: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, 04:38 PM
#8
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, 05:41 PM
#9
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>
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
Old Aug-24-2010, 05:43 PM
#10
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 */
}
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
Old Aug-25-2010, 10:12 AM
#11
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, 10:34 AM
#12
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;}
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
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 Legacy SmugMug Customization 4 Mar-02-2010 10:58 PM
What to do with CSS and HTML validation errors? Kilroy Legacy SmugMug Customization 2 Jun-11-2009 02:49 PM
Firebug and Webdeveloper - changing HTML and CSS codes ChancyRat Legacy SmugMug Customization 6 May-25-2009 12:40 PM
Help converting html template to CSS jh4wvu Legacy SmugMug Customization 23 Jun-25-2007 09:12 AM
prints and gifts html and CSS problems gilbert Legacy SmugMug Customization 24 Feb-28-2007 07: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