moving your logo (I always have problems with this)

sthig · March 27, 2006

okay here is a shot of my webpage with a "logo placeholder"

I want to move my logo just above my slideshow. how is this done? I always suck at this part.

thanks!

Andy · March 27, 2006

[QUOTE=sthig
thanks![/QUOTE]

Remember, that other stuff won't be seen by your visitors. To see the site as they would, you have to be logged out, or have a 2nd browser. We recommend Firefox, it's way easier to have two browsers.

Secondly, put your header in and try this:

<div align="right"><a href="http://scojobo.smugmug.com">Scojobo placeholder (to be changed)
</a></div>

Finally - we NEED YOUR SITE NAME

http://scojobo.smugmug.com please, put it in your sig, or your profile, or every post. I had to look you up and that takes time...

sthig · March 27, 2006

Andy wrote:

Remember, that other stuff won't be seen by your visitors. To see the site as they would, you have to be logged out, or have a 2nd browser. We recommend Firefox, it's way easier to have two browsers.

Secondly, put your header in and try this:

<div align="right"><a href="http://scojobo.smugmug.com">Scojobo placeholder (to be changed)
</a></div>

Finally - we NEED YOUR SITE NAME http://scojobo.smugmug.com please, put it in your sig, or your profile, or every post. I had to look you up and that takes time...

ah crap! yeah I'll do that very soon. I was just waiting for "scojobo.com" to get all setup and I'll do that (it should have met all servers by now, it's been 48 hours since I've registered it).

so for the time being: scojobo.smugmug.com soon to be www.scojobo.com

As for firefox...you speak as if there is another browser to use? I don't understand...there's other browsers? <img src="https://us.v-cdn.net/6029383/emoji/1drink.gif" border="0" alt="" >

Andy · March 27, 2006

sthig wrote:

ah crap! yeah I'll do that very soon. I was just waiting for "scojobo.com" to get all setup and I'll do that (it should have met all servers by now, it's been 48 hours since I've registered it).

so for the time being: scojobo.smugmug.com soon to be www.scojobo.com

As for firefox...you speak as if there is another browser to use? I don't understand...there's other browsers?

:nono when asking for help, we ONLY WANT http://scojobo.smugmug.com nickname.smugmug.com NOT your custom name, OK?

sthig · March 27, 2006

okay, I did what you said but I may have to stick a table in there as long as the slideshow because it shifted all the way over to the edge. How can I get it just above the slideshow and flushed to the right with it?

solutions: do I need to build a table the size of the slideshow?

scott
scojobo.smugmug.com

Andy · March 27, 2006

sthig wrote:

okay, I did what you said but I may have to stick a table in there as long as the slideshow because it shifted all the way over to the edge. How can I get it just above the slideshow and flushed to the right with it?

solutions: do I need to build a table the size of the slideshow?

scott
scojobo.smugmug.com

Don't use tables. Wait for Mike, or Lee, or Dev to answer.

sthig · March 27, 2006

Andy wrote:

Don't use tables. Wait for Mike, or Lee, or Dev to answer.

cool. thank you very much

Mike Lane · March 27, 2006

Hola...

Okay first question. Why do you have 3 body tags? From your code:

<body onload="RelevantTitle();"> <body onload=" smugLoad(); changeHomelink();"> <body link="white" class="homepage bodyColor_White">

You can't have 3 body tags. So change whatever you did so that you only have 1 tag.

Okay here's what you've got for your header:

<div align="right"><a href="http://scojobo.smugmug.com">Scojobo placeholder (to be changed)
</a></div>

Let's change that a bit so we have something to access shall we? Maybe something like this:

<div id="myHeader"><a href="http://scojobo.smugmug.com">Scojobo placeholder (to be changed)
</a></div>

Now a couple of questions for you. In your slideshow are your images always going to be a set size? If not, you're not going to be able to put your page's title at the top right corner of every one of them. Right now they are all the same size so that's good. But if that's going to change just be aware of the fact that your title will not be on the top right.

Okay having said that, you need to do the above corrections. Once you do, we'll proceed further.

sthig · March 27, 2006

Mike Lane wrote:
Hola...

Okay first question. Why do you have 3 body tags? From your code:
<body onload="RelevantTitle();"> <body onload=" smugLoad(); changeHomelink();"> <body link="white" class="homepage bodyColor_White">
You can't have 3 body tags. So change whatever you did so that you only have 1 tag.

Okay here's what you've got for your header:
<div align="right"><a href="http://scojobo.smugmug.com">Scojobo placeholder (to be changed)
</a></div>
Let's change that a bit so we have something to access shall we? Maybe something like this:
<div id="myHeader"><a href="http://scojobo.smugmug.com">Scojobo placeholder (to be changed)
</a></div>
Now a couple of questions for you. In your slideshow are your images always going to be a set size? If not, you're not going to be able to put your page's title at the top right corner of every one of them. Right now they are all the same size so that's good. But if that's going to change just be aware of the fact that your title will not be on the top right.

Okay having said that, you need to do the above corrections. Once you do, we'll proceed further.

okay I'm hopping on top of the tags thing...the reason they are up there is because I'm sloppy with code. I have started to just bring my code into Dreamweaver and making sure it's all good there then going back into smugmug.

to answer your questions:
images will always be set size.

I will response once I have the corrections done. Thank you so much for your help

sthig · March 27, 2006

sthig wrote:

okay I'm hopping on top of the tags thing...the reason they are up there is because I'm sloppy with code. I have started to just bring my code into Dreamweaver and making sure it's all good there then going back into smugmug.

to answer your questions:
images will always be set size.

I will response once I have the corrections done. Thank you so much for your help

okay made correction -- what do I need to do with the body tags? All I want is that the body is "white" and that's it.

Mike Lane · March 27, 2006

sthig wrote:

okay made correction -- what do I need to do with the body tags? All I want is that the body is "white" and that's it.

Okay, since your pics are going to be one size you should put that size into your slideshow options by following these directions:

slideHeight/slideWidth - optional
the dimensions of the slide, also the visible area of the photo
value = positive whole number.
defaults to 300px wide x 200px tall

ex. slideHeight = "480";
slideWidth = "640";

Once you put that in, then please copy and paste each and every block from your customization page in here so I can see what the deal is with your body tag.

sthig · March 27, 2006

The Java and CSS was just too big to put in the reply so I'm putting them as txt files. Here is the rest:

head tag (question: can I put meta tags here?)

<script language="javascript">document.title="SCOJOBO"</script>

Body Tag:

<body onload="RelevantTitle();"> <body onload="changeHomelink();"> <body link="white">

Header:

<div id="myHeader"><a href="http://scojobo.smugmug.com">Scojobo placeholder (to be changed)
</a></div>

Footer

<table id="bulkzoom_toolbox" cellspacing="10" border="0" cellpadding="0" class="toolbox" style="display:none">
  <tr align="center" valign="middle">
    <td align="center" valign="middle"><strong class="headmd black">bulk zoom<br/>thumbnails</strong></td>
  </tr>
  <tr align="center">
    <td align="center" valign="middle"><input id="bulkSave" type="submit" value="save changes"  class="buttons" onclick="zoomThumbnails();"/></td>
  </tr>      
  <tr align="center" valign="middle">
    <td align="center" valign="middle">
      <strong class="black">ratio:</strong><br />
      <select name="ratio" onChange="changeRatioBulk(this.value);">                                
        <option value="0,0" selected="selected">none</option>
        <option value="1,1">1 x 1</option>                                
        <option value=".6,1.67">3 x 5</option>
        <option value=".67,1.5">4 x 6</option>
        <option value=".72,1.4">5 x 7</option>                    
        <option value=".8,1.25">8 x 10</option>
        <option value=".56,1.78">9 x 16</option>
      </select>
      <div id="customRatio" style="display: none;">
        <input type="text" name="ratioH" value="1" maxlength="4" size="2" onblur="changeRatio('custom');" />h
        <strong class="black">&nbsp;x&nbsp;</strong>
        <input type="text" name="ratioW" value="1" maxlength="4" size="2" onblur="changeRatio('custom');" />w
      </div>
    </td>
  </tr>
  <tr align="center" valign="middle">
    <td align="center" valign="middle"><input type="button" value="rotate crop" onclick="rotateBulk();"  class="buttons" /></td>
  </tr>
  <noscript>
  <tr align="center" valign="top">
    <td align="center" valign="middle">
      <strong class="red">You must enable javascript in order to use this tool.</strong>
    </td>
  </tr>        
  </noscript>
</table>



<p align="center">
<script type="text/javascript">
var objElement = document.getElementById("galleryTitle")
if (objElement != null)
  objElement.innerHTML = "Something Else";
</script>
</p>
<p align="center">
<A href="mailto:scott@sthig.com" title="Send an eMail to Scott Thigpen">email ScoJoBo Images</A>
</p>


<script type="text/javascript">
slideshowContainerId = "bioBox";
slideshowAlbumId = "1305160";
loadSlideshow();
</script>

One other thing, I'd like to get ride of that "Something Else" (formerly "Gallery"). I know how to remove the code to make it default back to that however I just want the text and that box gone. no borders, no word "Gallery" but just the thumbnails and the text under each one.

sthig · March 27, 2006

and the java

Mike Lane · March 27, 2006

Yes you can put meta tags in the head tag block.

Okay this is the issue:

<body onload="RelevantTitle();"> <body onload="changeHomelink();"> <body link="white">

You've got 3 body tags in there :nono Can't do that. So your first order of business is to combine those 3 body tags into a single body tag. I'm pretty sure this should work:

<body onload="RelevantTitle(); changeHomelink();" link="white">

Maybe a JS guru can verify that?

I'm off to work etc so I won't be able to check back in any time soon. Make the changes to the body tag and the slideshow options and sit tight. We'll have you up and running in no time.

sthig · March 27, 2006

you guys are amazing.

bwg · March 27, 2006

Mike Lane wrote:
<body onload="RelevantTitle(); changeHomelink();" link="white">
Maybe a JS guru can verify that?

Mike Lane · March 27, 2006

bigwebguy wrote:

Thanks yo!

sthig · March 27, 2006

bigwebguy wrote:

yeah it worked great! now just a few more clean ups (the logo shift, removing the box and the word Gallery/Something Else) and I'll be done

http://scojobo.smugmug.com

Mike Lane · March 27, 2006

sthig wrote:

yeah it worked great! now just a few more clean ups (the logo shift, removing the box and the word Gallery/Something Else) and I'll be done

http://scojobo.smugmug.com

Almost. You need to also put in the recommended optional width and height into your slideshow options that I mentioned earlier. It's just going to be more complicated than it has to be to adjust your header's position if you don't explicitly state the width and height of the slideshow images.

Also consider making your site's logo an image. This will prevent people from being able to resize it in their browsers and breaking your page. If all you're doing is text it won't be a problem at all to use photoshop or whatever program you have to create a small gif. No need for transparency or anything. Just gif goodness.

sthig · March 27, 2006

Mike, my width is 700 x 500. Is that what you are talking about?

site's logo will be an image. Me and a Graphic Designer are mulling over it (I'm a *semi* graphic designer, but an illustrator by profession...so I'm art directing a guy right now...I just didn't want to slap any ol' logo up there).

I just want to place the header right now as to show the GD what I'm doing as so he can help me better with the logo.

thanks!
Scott

http://www.scojobo.com

Mike Lane · March 27, 2006

sthig wrote:

Mike, my width is 700 x 500. Is that what you are talking about?

site's logo will be an image. Me and a Graphic Designer are mulling over it (I'm a *semi* graphic designer, but an illustrator by profession...so I'm art directing a guy right now...I just didn't want to slap any ol' logo up there).

I just want to place the header right now as to show the GD what I'm doing as so he can help me better with the logo.

thanks!
Scott

http://www.scojobo.com

Okay 700 px wide it is.

We can get something up there now, but the code is going to change (both the xhtml and the css) when you set it up using an image rather than text. So once you get the image done, you'll just have to come back into the thread and I'll help you change it up a bit. The following is the CSS that'll get your text-only logo placed where you want it. This will very likely cause your 5 galleries to have a line break which you can fix by altering the CSS you used to get them to line up in the 1st place.

body.homepage {
margin:0;
padding:0;
}

#homepage {
background:#f00;
width:700px;
margin:0 auto; padding:0;
}

#homepage #bioBox {
width:700px;
margin:0;
padding:0;
}

.homepage #breadcrumb {
display:none;
}

.homepage #myHeader {
width:645px;
font-size:20px;
text-align:right;
margin:0 auto;
position:relative;
top:40px;
padding-right:55px;
}

sthig · March 27, 2006

this is CSS, right?

Actually, I'll make the width of the logo 700 but will make it white and tuck my logo in the corner. So for now, I can put a faux logo up there. So just bank on an image being 700 wide (and probably 200 or 150 px tall).

will that help?

Mike Lane wrote:

Okay 700 px wide it is.

We can get something up there now, but the code is going to change (both the xhtml and the css) when you set it up using an image rather than text. So once you get the image done, you'll just have to come back into the thread and I'll help you change it up a bit. The following is the CSS that'll get your text-only logo placed where you want it. This will very likely cause your 5 galleries to have a line break which you can fix by altering the CSS you used to get them to line up in the 1st place.

body.homepage {
margin:0;
padding:0;
}

#homepage {
background:#f00;
width:700px;
margin:0 auto; padding:0;
}

#homepage #bioBox {
width:700px;
margin:0;
padding:0;
}

.homepage #breadcrumb {
display:none;
}

.homepage #myHeader {
width:645px;
font-size:20px;
text-align:right;
margin:0 auto;
position:relative;
top:40px;
padding-right:55px;
}

Mike Lane · March 27, 2006

sthig wrote:

this is CSS, right?

sthig wrote:

Actually, I'll make the width of the logo 700 but will make it white and tuck my logo in the corner. So for now, I can put a faux logo up there. So just bank on an image being 700 wide (and probably 200 or 150 px tall).

will that help?

Just put the earlier stuff into your CSS block and then once you get your logo done, I'll show you how to fix it.

sthig · March 27, 2006

Mike,

That worked perfectly and it looks a treat too!

The only thing that happened was that it knocked my fifth gallery thumb off below. Is ther eanyway to scoot them together closer so it won't fall off?

thanks!

Mike Lane wrote:

Just put the earlier stuff into your CSS block and then once you get your logo done, I'll show you how to fix it.

Mike Lane · March 27, 2006

Find this code:

/* 5 THUMBS ACROSS ON GALLERY PAGES */
#galleriesBox .miniBox { margin:0; padding:0; height:260px; width:142px; position:relative; }
#galleriesBox .miniBox .nav, #galleriesBox .miniBox .private, #galleriesBox .miniBox p.updated, #galleriesBox .miniBox p.description, #galleriesBox .miniBox p.albumTitle {display:block; text-align:center; position:relative; }
#galleriesBox .miniBox .photo { width:142px; height:auto; _height:1%; }

And change it to this:

.homepage #galleriesBox .miniBox {width:102px; padding:0 0 2em 0; margin:0 17px 0px;}
.homepage #galleriesBox .miniBox .photo {height:auto; _height:1px;}
.homepage #galleriesBox .miniBox .albumTitle,
.homepage #galleriesBox .miniBox .private {text-align:center;}

sthig · March 28, 2006

that got it!

Last question for a while on helping me with my site.

if you go to my smugmug, http://www.scojobo.com you'll see the "I want to get rid of this, Help!" which is of course the Gallery name change hack. I want to completely get rid of the hack, the box, the word "gallery."

I know what to remove for the hack however how do you just completely remove everything there except for the thumbnails and the text beneath them?

thank you again!

ivar · March 28, 2006

sthig wrote:

that got it!

Last question for a while on helping me with my site.

if you go to my smugmug, http://www.scojobo.com you'll see the "I want to get rid of this, Help!" which is of course the Gallery name change hack. I want to completely get rid of the hack, the box, the word "gallery."

I know what to remove for the hack however how do you just completely remove everything there except for the thumbnails and the text beneath them?

thank you again!

I think this should do the trick:

.homepage .boxTop {
display: none;
}

sthig · March 28, 2006

you. rule.

moving your logo (I always have problems with this)

Comments