BlogHarbor Home Page
FAQFAQ  SearchSearch  MemberlistMemberlist  UsergroupsUsergroups  UsergroupsRSS   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
Replace blog name with logo?
 
Post new topic   Reply to topic    BlogHarbor Community Forum Index -> Tips and Tricks
View previous topic :: View next topic  
Author Message
napamick



Joined: 08 Jan 2005
Posts: 5

PostPosted: Sat Jan 08, 2005 5:32 am    Post subject: Replace blog name with logo? Reply with quote

Is there a simple way to have a logo appear at the top of my page rather than the text name?

Thanks.
Back to top
View user's profile Send private message Visit poster's website
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Sat Jan 08, 2005 9:55 am    Post subject: Re: Replace blog name with logo? Reply with quote

This article should show you how.
Back to top
View user's profile Send private message Send e-mail Visit poster's website
napamick



Joined: 08 Jan 2005
Posts: 5

PostPosted: Sat Jan 08, 2005 3:13 pm    Post subject: Reply with quote

Well, that was easy.

Thanks, John. And I thought I'd looked and searched everywhere.
Back to top
View user's profile Send private message Visit poster's website
napamick



Joined: 08 Jan 2005
Posts: 5

PostPosted: Sat Jan 08, 2005 3:52 pm    Post subject: Reply with quote

John -
I also managed to get rid of some of the gray area to the right of the logo by adding
.componentBlogname {
background-color: #fff;
}

to the CSS, but I can't get of the rest of the gray block. Presumably there's a way, yes?

Blog is at:
http://kstuf.blogharbor.com/
Back to top
View user's profile Send private message Visit poster's website
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Sat Jan 08, 2005 4:01 pm    Post subject: Reply with quote

Try this and let us know if it does the trick:

Code:
table.columns td.header {
    background-color: #ffffff;
}
Back to top
View user's profile Send private message Send e-mail Visit poster's website
napamick



Joined: 08 Jan 2005
Posts: 5

PostPosted: Sat Jan 08, 2005 4:41 pm    Post subject: Reply with quote

Perfect.

Thanks for the quick response, John. I really appreciate it.

How come in the html color is sometimes three-character #fff and sometimes six-character #ffffff? It doesn't matter? I've always used six elsewhere.
Back to top
View user's profile Send private message Visit poster's website
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Sat Jan 08, 2005 8:56 pm    Post subject: Reply with quote

The only thing I know is that you can use the three character code and it's equivalent to expanding the code with each character doubled... So #fff is the same as #ffffff, #099 is the same as #009999 and so on...
Back to top
View user's profile Send private message Send e-mail Visit poster's website
napamick



Joined: 08 Jan 2005
Posts: 5

PostPosted: Sat Jan 08, 2005 11:11 pm    Post subject: Reply with quote

Neat. Every little bit of saved space helps.
Back to top
View user's profile Send private message Visit poster's website
eosintl



Joined: 28 Jul 2005
Posts: 7

PostPosted: Thu Jul 28, 2005 3:53 pm    Post subject: Only on mainpage Reply with quote

I have successfully gotten my logo image uploaded and displaying on my main page. Problem is, a broken image graphic and my alt tag is showing up on all of my other pages. Rolling Eyes How do I fix this?

Thanks!
Back to top
View user's profile Send private message
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Thu Jul 28, 2005 3:57 pm    Post subject: Re: Only on mainpage Reply with quote

Without seeing your pages, it's hard to say why. But the most common reason would be that you did not include the leading slash on the IMG filename.

So instead of doing this:

Code:
<div class="component">
<div class="componentBlogname">
<a href="{{blog.url}}"><img src="/Banners/Banner1.gif"></a></div>
</div>


is it possible you did this:

Code:
<div class="component">
<div class="componentBlogname">
<a href="{{blog.url}}"><img src="Banners/Banner1.gif"></a></div>
</div>


Can you spot the difference?
Back to top
View user's profile Send private message Send e-mail Visit poster's website
eosintl



Joined: 28 Jul 2005
Posts: 7

PostPosted: Thu Jul 28, 2005 4:01 pm    Post subject: Duh! Reply with quote

That was what I did! Thanks so much for picking that up. And for such a quick reply!
Back to top
View user's profile Send private message
Search all BlogHarbor support resources.
View previous topic :: View next topic  
Display posts from previous:   
Post new topic   Reply to topic    BlogHarbor Community Forum Index -> Tips and Tricks All times are GMT - 5 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum