|
|
Thread Tools | Display Modes |
|
#1
|
|
|
I'd be happy with a cookie
|
How To: Create a Navbar and Custom Headers
Allright guys and girls, have at it, two new tutorials.
1) How to create a navbar 2) How to make (multiple) custom headers on your homepage Let me know if you find any problems with it, or if i go too fast at some point. Have fun (customizing). |
|
|
|
|
#2
|
|
|
Mod Emeritus
|
They've been added to our tutorial index, in the How-To link in the navbar at the top of dgrin. Great job, Ivar! |
|
|
|
|
#3
|
||
|
SmugMug Pro Concierge
|
Quote:
P.S.: One typo in #2: Code:
Copy the URL that shows last in the list. At the end you will see the last bit will say ...-L.gif, or ...-L.jpg, or ...-L.png When pasting the link into the CSS code, change the 'L' to an 'O'.
__________________
Steve Mills BizDev Account Manager Image Specialist & Pro Concierge http://www.downriverphotography.com |
|
|
|
||
|
#4
|
|
|
Major grins
|
Hi, I tried the Navbar but it doesn't have spaces between all the links,
just 3 spaces. I tried the cellspacing & spacing but nothing works.
|
|
|
|
|
#5
|
|
|
Justine
|
thanks Ivar
Thank you Ivar. Good tutorial and easy to follow.
I'd like to know how do I place that navbar below my custom banner? I'm not sure I want that but would like to try it if possible. T.Y. http://justineolson.smugmug.com/ |
|
|
|
|
#6
|
||
|
panasonikon
|
Quote:
|
|
|
|
||
|
#7
|
|
|
Justine
|
moved it
Okay. Great I did it and it worked. Perfect.
Thanks yet again. |
|
|
|
|
#8
|
||
|
Beginner grinner
|
linking the banner
i've got my banners built, your tutorial was quite helpful thank you, but I now want the banner to link back to my main page. using the <div> method is there a way to do that?
Quote:
|
|
|
|
||
|
#9
|
|
|
Major grins
|
ivar
you are the man! Thank you for all of your help................
__________________
Nikon D70 Nikkor 18-70mm Nikkor 70-300mm My Gallery Ahh! The joy of not much of anything............. |
|
|
|
|
#10
|
|
|
Beginner grinner
|
Custom Header is Half Hidden
Howdy. Newbie here. Lots of nice tuts on this forum. Thank you!
Having a problem with custom header. After following the instructions for the custom header tut to the letter using a .png image 750px by 150px, then hitting the update button...then submit button to preview...the top portion of custom header is hidden by what appears to be the top part of the web page. Any help you could provide would be appreciated. my smugmug page is: bothphoto.smugmug.com Thank you msmoore |
|
|
|
|
#11
|
||
|
"tweak 'til it squeaks"
|
Quote:
div #extraDiv1 {display:none;} or .homepage div #extraDiv1 {display:none;} Al |
|
|
|
||
|
#12
|
||
|
panasonikon
|
Quote:
and this code, goes in your CSS box on your customization page. welcome to Dgrin!
|
|
|
|
||
|
#13
|
||
|
Beginner grinner
|
Thank you
Quote:
Your solution worked. Now I see the banner. However, the banner is now crowding out the buttons just below it. How would I put some space between the banner and the buttons? I tried adding Allen's "spacing" code in the CSS box just below the custom banner code but guess that doesn't work. After this question, I'll move future questions to a new post and spend a little more reading time in the forum. I've got a shoot Saturday at a high school soccer game where I'll be handing out business cards to some soccer moms. I'm trying to get a basic web page up cuz the soccer moms are gonna wanna look at my pictures bothphoto.smugmug.com msmoore |
|
|
|
||
|
#14
|
||
|
"tweak 'til it squeaks"
|
Quote:
Code:
#my_banner {
display: none;
width: 750px;
height: 150px;
margin: 10px auto 10px auto; /* top right bottom left */
background: url(http://BothPhoto.smugmug.com/photos/109215559-O.png) no-repeat;
}
|
|
|
|
||
|
#15
|
||
|
Beginner grinner
|
Quote:
msmoore |
|
|
|
||
|
#16
|
|
|
Big grins
|
Hate to bother, but...
I followed the tutorial and it works fine, but, I'd like to change the color - background and text - of the nav bar ONLY on my gallery pages. I have a custom (different than homepage and gallery index page) banner for my Gallery pages. I guess I need to have custom nav bars, too. How do I do that? I want them to be spread out and change the font and size and all that. Thanks!! |
|
|
|
|
#17
|
||
|
"tweak 'til it squeaks"
|
Quote:
You now have this defined in your header. (minus the spaces) < div id="navcontainer" > Create more there. < div id="navcontainer2" > < li> ...... < /div> < div id="navcontainer3" > < li> ...... < /div> Then you'll need to add to your CSS for each piece of code. This if all menus have commen code. #navcontainer, #navcontainer2, #navcontainer3 { blab:blab; ... } If the new menu containers have diff code, copy just that piece of code and change the front end. #navcontainer2 { blab:blab; ... } #navcontainer3 { blab:blab; ... } #navcontainer2, #navcontainer3 { blab:blab; ... } Hope this helps, holler back as you go along and we'll help. Al |
|
|
|
||
|
#18
|
|
|
Big grins
|
Big help here! But, at the end of the day, I decided to go with just the same banner and color/theme on all pages, so I just need to modify the one set of nav buttons - which is ugly enough to figure out.
I'm getting REAL close here, though. I have two more (small) issues that I'll need help with asap, and I just can't find the place I saw this, but it's here somewhere. I want to remove two things from my gallery pages: 1) The "< Prev 1 of 60 Next > " thingy - but I want to keep the page ones, of course. 2) The Name > Album text over the thumbnails. My next big project will be fixing up the Gallery Index page, but that will likely have to wait, as it looks like it'll likely be a big job. Basically, I want it to look like Andy's. Thanks!!!!! |
|
|
|
|
#19
|
|
|
Big grins
|
Help with customization
I've followed the instructions on FAQ #90 - I want a Banner, a Navbar, a slideshow, no galleries on my homepage, and a separate galleries page, can do? - TUTORIAL
But I can't seem to get it to work. Obviously I'm missing something. My banner is ok, and the nav bar is ok, but the slideshow isn't showing up. My page is justastateofmind.smugmug.com I'm not sure where to check for errors and I'm going cross-eyed! Thanks. |
|
|
|
|
#20
|
||
|
"tweak 'til it squeaks"
|
Quote:
Or did you fix something after posting? Al |
|
|
|
||
| Tell The World! | |
| Similar Threads | Thread Starter | Forum | Replies | Last Post | ![]() |
| Navbar that shows which link is the current page | jfriend | SmugMug Customization | 485 | May-02-2013 09:19 PM | |
| created custom navbar, now share/style buttons are messed up | yossarian123 | SmugMug Customization | 1 | Jan-26-2010 10:40 AM | |
| Adding Custom Navbar | rmbrar | SmugMug Customization | 2 | Dec-20-2009 03:15 AM | |
| Custom Navbar | countrifiedphotography | SmugMug Customization | 5 | Feb-26-2009 06:08 AM | |
| "Gallery" in Custom Navbar Points Back to Homepage | nicegrizz | SmugMug Support | 2 | Oct-20-2008 06:53 PM | |
| Thread Tools | |
| Display Modes | |
|
|