Homepage Help!

[kcwell]

Is there anyone who can look at my site.. I have tried to enter code per the instruction threads here but I fear I have screwed things up.

I am basically trying to have a simple Homepage w/ title(header), a simple link to galleries, contact info, and 'about me', etc.

The only instructions I followed correctly is the one for the slideshow!! (man, i suck!)

I have my first 'gig' coming up and I want to be able to direct new possible clients to my site (argggh)

[J Allen]

Is there anyone who can look at my site..


Not without a link....:D

[kcwell]

Not without a link....:D


kcwell.smugmug.com

[J Allen]

See if you like this:



Change your whole CSS box to this:



/*=====Banner=====*/
#my_banner
{width: 750px;
height: 150px;
margin: 0 auto;
background: url(/photos/355293283_jcHM8-O.jpg) no-repeat;}

.smuglogo
{width: 300px !important;
height: 100px !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true,
sizingMethod=image src='/photos/Keziah Graphic.jpg') !important;}

.smuglogo[class]
{background-image: url(/photos/Keziah Graphic.jpg) !important;}






/*=====Nav-Bar=====*/
#navcontainer ul
{margin: 0;
padding: 0;
list-style-type: none;
font-size: 16px;
_font-size: 14px;
font-variant: small-caps;
float: right;
margin-top: 25px;}

#navcontainer ul li
{display: inline;}

#navcontainer ul li a
{text-decoration: none;
padding: 0px 3px;
color: #fff;}

#navcontainer ul li a:hover
{color: #8cca1e;}

#navcontainer
{position: absolute;
top: 16px;
_top: 10px;
right: 15px;
width: 580px;}





/*=====BODY=====*/
body {background-color: #000000 !important;}





/*=====Bio-Box=====*/
#toolbar,
#toolbar a.nav,
.nophotos,
#bioBox .photo
{display:none;}
#userBio {text-align: center;}



.loggedIn .nophotos
{display: block;}



#toolbar
{color: #000 !important;}




/*=====2nd Homepage=====*/
.galleries #bioBox,
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox
{display:none;}
.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox
{display: block;}





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





/*=====No Titles!!=====*/
#galleryTitle,
#categoryTitle,
#subcategoryTitle
{display:none;}




/*====Tighten Homepage====*/
#userBio {padding:0;}
#homepage {padding-top:0;}
.homepage #breadcrumb
{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;}






/*=====Wide Gallery Thumbs=====*/
.galleries #homepage,
#content.userKeywords,
#header_wrapper, #footer_wrapper, #cobrand_footer,
#category, #subcategory, #header,
#smugmug, .smugmug #header, .smugmug #footer
{margin-left: 15px;
margin-right: 15px;
min-width: 755px;
width: auto;
_width: expression
(document.documentElement.clientWidth < 790? "760px" : "auto");}







#header_wrapper,
#footer_wrapper,
#cobrand_footer,
#header,
#smugmug,
.smugmug #header,
.smugmug #footer
{margin-left: 15px;
margin-right: 15px;
min-width: 755px;
width: auto;}






h3.title,
#breadcrumb .title,
#lightBoxNav .title,
.homepage .boxTop .title,
.cartbuttons .title,
#comment_header .title
{font-weight: normal !important; color: #8cca1e !important;}





#pageNavigation_top,
.pageOn, #photoNavTop .title,
.miniBox a.nav
{font-weight: normal !important;}






#photoBy,
.smugmug #caption_bottom
{text-align: center; border: none;}







Remove the red in your custom header box:


<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/5504480_jsYyD#336817237">About Me</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/gallery/5727935_6TVWD#354183697">Information</a></li>
<li><a href="/gallery/5745024_eyiwx#354979823">Guestbook</a></li>
</ul>
</div>






Add this to your bottom java-script box:




//====Start 2nd Home Page/Galleries Page====

function hasPath(sPath)
{
re = new RegExp("\/" + sPath + "(\/|$)");
return re.test(window.location)
}

if (hasPath("galleries"))
YD.addClass(document.body, "galleries");



//==========Remove Footer Pipes==========

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






To get a smaller footer without all those links, find the radio button on the site-wide customization page and toggle "Display Full SmugMug Footer" to "No", then Add this to your 'Custom Footer' Box:







<div></div>







:ear

[kcwell]

Thanks for cleaning it up for me, Joe:D

Is there any way to change the size and font of my "KevinCaldwell Photography"? I'd like it bigger and in the font I attached below?

[J Allen]

The best way to do this, would be save your .pdf document as a transparent .png with a width of 500px and a height of 50px, then load it your site and link it using the rules in your CSS.






Another way to do this would be to change your heading in your custom header box to this......Just an FYI though,when you do it this way, not everyone will have that type of font installed on there PC, so it might look how you want on your home PC, but different on say your work PC.:




<div id="kevin-banner">
<h1>K e v i n C a l d w e l l<sp><sp> P h o t o g r a p h y</sp></sp></h1>
</div>

<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/5504480_jsYyD">About Me</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/gallery/5727935_6TVWD">Information</a></li>
<li><a href="/gallery/5745024_eyiwx">Guestbook</a></li>
</ul>
</div>




Then add this rule to your CSS, changing the red to the type of font you want:


#kevin-banner
{font-size: 300%;
font-family:your font style here;}