Customization Mess...

[austinstrobist]

Ok I have followed many of the tutorials on this site and I have been able to create one of the most ugliest home pages ever seen :rofl

Can someone please point me in the right direction???

stefanochoi.smugmug.com

I was trying to left justify my header and right justify my Nav Bar, remove my bio and my galleries and the smugmug links on the bottom.

The tutorials were great but I can't seem to figure out how to move them around the way I want to.

Frustrated,

SC

[LauraBacher]

Ok I have followed many of the tutorials on this site and I have been able to create one of the most ugliest home pages ever seen :rofl

Can someone please point me in the right direction???

stefanochoi.smugmug.com

I was trying to left justify my header and right justify my Nav Bar, remove my bio and my galleries and the smugmug links on the bottom.

The tutorials were great but I can't seem to figure out how to move them around the way I want to.

Frustrated,

SC

No, nok, mine is the ugliest! LOLL

[Allen]

Ok I have followed many of the tutorials on this site and I have been able to create one of the most ugliest home pages ever seen :rofl

Can someone please point me in the right direction???

stefanochoi.smugmug.com

I was trying to left justify my header and right justify my Nav Bar, remove my bio and my galleries and the smugmug links on the bottom.

The tutorials were great but I can't seem to figure out how to move them around the way I want to.

Frustrated,

SC
See if you like this.

Change your whole header to this.

<div id="my_header">

<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/7848857_5m8fW">About Me</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/gallery/XXXXXXX_YYYYY">Information</a></li>
<li><a href="/gallery/XXXXXXX_YYYYY">Guestbook</a></li>
</ul>
</div> <!-- closes navcontainer -->

<div id="my_banner"> </div>

</div> <!-- closes my_header -->

At the top of your CSS add these like this. For the my_banner one just change the
red. You banner photo has extra blank space top and bottom so adjusted
the top and bottom margins so it fits vertically a little better.

/* bottom padding pushes line down */
/* right/left padding indents banner and nav in from ends of line */
#my_header {
margin: 10px 40px 15px; /* top right/left bottom*/
padding: 0 20px 5px; /* top right/left bottom*/
border-bottom: 1px solid #ccc;
}

#my_banner {
width: 450px;
height: 100px;
margin: -20px 0 0;
background: url(http://stefanochoi.smugmug.com/photos/512935773_682es-O.jpg) no-repeat;
}

#navcontainer {
float: right;
margin-top: 60px;
}

[austinstrobist]

Thasnk for your help!

My banner looks great and in the exact location I want it and I like the line going across the top of the page but my nav bar is not displaying properly. It is not on the same line as my header and some of the words are missing.

Thanks again for your help!!!

SC

See if you like this.

Change your whole header to this.

<div id="my_header">

<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/7848857_5m8fW">About Me</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/gallery/XXXXXXX_YYYYY">Information</a></li>
<li><a href="/gallery/XXXXXXX_YYYYY">Guestbook</a></li>
</ul>
</div> <!-- closes navcontainer -->

<div id="my_banner"> </div>

</div> <!-- closes my_header -->

At the top of your CSS add these like this. For the my_banner one just change the
red. You banner photo has extra blank space top and bottom so adjusted
the top and bottom margins so it fits vertically a little better.

/* bottom padding pushes line down */
/* right/left padding indents banner and nav in from ends of line */
#my_header {
margin: 10px 40px 15px; /* top right/left bottom*/
padding: 0 20px 5px; /* top right/left bottom*/
border-bottom: 1px solid #ccc;
}

#my_banner {
width: 450px;
height: 100px;
margin: -20px 0 0;
background: url(http://stefanochoi.smugmug.com/photos/512935773_682es-O.jpg) no-repeat;
}

#navcontainer {
float: right;
margin-top: 60px;
}

[austinstrobist]

Can anyone help in getting my Nav bar moved down lower towards my line break?

SC

Thasnk for your help!

My banner looks great and in the exact location I want it and I like the line going across the top of the page but my nav bar is not displaying properly. It is not on the same line as my header and some of the words are missing.

Thanks again for your help!!!

SC

[austinstrobist]

I want to thank whoever fixed my Navbar to display properly, I really appreciate that.

One thing that I am grateful for is the support that I have received on this forum. There were many different places that I could have chosen to host my photos but after reading the amazing response on this forum I decided to hos ton smugmug and I could not be happier.

I want to thank everyone for their assistance in getting my page created.

I only have one last question, at least for tonight :wink, how can I move my Navbar lower to rest closer to my line that runs across my page?

Thanks!

Can anyone help in getting my Nav bar moved down lower towards my line break?

SC

[austinstrobist]

Ok I have tried playing with the padding in the #navcontainer ul but it is moving both my banner and my Navbar down at the same time.

I am trying to move just my Navbar down to the line that runs across my page. I also noticed that my "gallery" link in my Navbar does not go to my 2nd homepage which is supposed to show my galleries. :scratch

Can someone please help me out???

I want to thank whoever fixed my Navbar to display properly, I really appreciate that.

One thing that I am grateful for is the support that I have received on this forum. There were many different places that I could have chosen to host my photos but after reading the amazing response on this forum I decided to hos ton smugmug and I could not be happier.

I want to thank everyone for their assistance in getting my page created.

I only have one last question, at least for tonight :wink, how can I move my Navbar lower to rest closer to my line that runs across my page?

Thanks!

[J Allen]

Stand-by.....

[J Allen]

Change your whole css box to this, make sure you have the galleries tab checked to "show galleries" from your homepage tool button:



/*=====Banner=====*/
#my_banner
{width: 450px;
height: 100px;
margin: -20px 0 0;
background: url(/photos/512935773_682es-O.jpg) no-repeat;}




/*=====Header-Line=====*/
#my_header
{border-bottom: 1px solid white;
margin-left:70px;
margin-right:70px;}







/*=====Nav-Bar=====*/
#navcontainer ul
{margin: 0;
padding: 0;
list-style-type: none;
text-align: right;}

#navcontainer ul li
{display: inline;}

#navcontainer ul li a
{text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #0000;}

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

#navcontainer
{position:relative;
top:78px}




/*=====Homepage=====*/
#userName,
#userHome,
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox,
.galleries #bioBox
{display: none;}

.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox
{display: block;}





/*=====Footer=====*/
#feeds,
.loginLink,
.cartlink_footer
{display:none;}





/*====No More Border====*/
.galleryPage,
.boxBottom,
.boxTop,
.box
{border:none !important;}





/*====No More Background====*/
.boxBottom,
.boxTop,
.box
{background:none !important;}





/*=====Galleries 4 Across=====*/
.miniBox {width:122px; text-align:center; height:210px; margin:0 28px;}
.miniBox .photo {float:none; width:122px; height:auto; _height:1px;}
.miniBox .albumTitle {width:122px;}
.miniBox .description {width:122px;}
.miniBox .updated {width:122px;}
.loggedIn .miniBox {height:auto; min-height:300px;}
.loggedIn .miniBox .smbuttons {margin:0 auto; width:122px;}
.loggedIn .miniBox input {width:122px;}
.loggedIn .miniBox textarea {width:112px;}
.boxBottom .albumLarge {width:192px; height:350px; text-align:center; margin:0 24px;}
.albumLarge .photoLarge {float:none; width:192px; height:auto; _height:1px;}
.albumLarge .albumTitle {width:192px;}
.albumLarge .description {width:192px;}
.albumLarge .updated {width:192px;}
.loggedIn .boxBottom .albumLarge {height:auto; min-height:450px;}
.loggedIn .albumLarge .smbuttons {margin:0 auto; width:192px;}
.loggedIn .albumLarge input {width:192px;}
.loggedIn .albumLarge textarea {width:182px;}








Add this to your 'Bottom Java-Script Box'




//=====Hide Footer Pipes=====

YE.onAvailable("cobrand_footer", function() {this.innerHTML = this.innerHTML.replace(/\||what are feeds\?/gi, '');})

}




:ear

[Allen]

Ok I have tried playing with the padding in the #navcontainer ul but it is moving both my banner and my Navbar down at the same time.

I am trying to move just my Navbar down to the line that runs across my page. I also noticed that my "gallery" link in my Navbar does not go to my 2nd homepage which is supposed to show my galleries. :scratch

Can someone please help me out???
This is all been answered in another thread for you.
http://www.dgrin.com/showthread.php?t=48349&page=89

Please don't post the same in two threads, now J Allens off finding the answer also.

[austinstrobist]

I apologize. i posted it here originally but I didn't receive a response and then I noticed that there was a specific thread for the Navbar.

I appreciate the help and I will note this in the future.

SC

This is all been answered in another thread for you.
http://www.dgrin.com/showthread.php?t=48349&page=89

Please don't post the same in two threads, now J Allens off finding the answer also.

[austinstrobist]

This is all been answered in another thread for you.
http://www.dgrin.com/showthread.php?t=48349&page=89

Please don't post the same in two threads, now J Allens off finding the answer also.

Thank you Allen and J Allen!!!! :clap

The NavBar Placement is perfect. I am still having an issue with my galleries link though. Whenever I select the galleries link from my homepage it takes me back to the homepage instead of my galleries.

I have selected the "featured galleries" checkbox on the homepage toolbar as requested but it is still not working.

Any ideas?

file:///C:/DOCUME%7E1/SC/LOCALS%7E1/Temp/moz-screenshot-2.jpg

[Allen]

Thank you Allen and J Allen!!!! :clap

The NavBar Placement is perfect. I am still having an issue with my galleries link though. Whenever I select the galleries link from my homepage it takes me back to the homepage instead of my galleries.

I have selected the "featured galleries" checkbox on the homepage toolbar as requested but it is still not working.

Any ideas?

file:///C:/DOCUME%7E1/SC/LOCALS%7E1/Temp/moz-screenshot-2.jpg
Looks like it's working here, get it solved?