Why is this applicable?
Suppose you are using WordPress and you want to add your logo to a theme. By default WordPress adds something like the following code:

<div id="headerimg">
<h1><a href="/">Your Blog Name</a></h1>
<div class="description">Description</div>
</div>

And instead of having Your Blog Name you want to have your logo. Well, you can do that all through CSS. This same technique is great for replacing plain text with images for menus.

First the CSS and then I’ll explain.

#headerimg h1 {
background:url('images/logo.jpg') no-repeat 0px 0px;
display: block;
height: 0px;
padding-top: 40px;
overflow: hidden;
width: 220px
}

The Explanation
So in order to do this all through CSS we need to add a background image that is aligned to the top left or 0px 0px. We want this image to be displaying as a block so that we can mess with the height and width. The height we are setting to 0px because we do not want to have the words Your Blog Name to be showing up on top of our logo. Instead we will use padding to change the height of the container to the size of our logo image. Make sure to make the overflow set to hidden so that the blog title does not show up underneath.

Why not just add an image?
Images are great and all, but this way is helpful for search engines and browsers without CSS support. When CSS is disabled or not read the words Your Blog Name still appear in both search engines and CSS disabled browsers. You could use the alt tag to put the name of your title in, but when images are not displayed the typographical hierarchy is lost.

Well that it for this tutorial. I’ll hopefully be adding an addition to this later on for CSS menus that will include rollover states.

With all of the credit going to James Low, MKCblogs now have the option to import Facebook comments to your posts. Simply go to Options > Facebook Comments > and then enter your Facebook account information. Your note url will be found by navigating to the notes section of your facebook profile and copying the url in the address bar. Your comments will by default import every hour from facebook. Next endeavor… Facebook albums.

MKC has gone through some major changes. The configuration of wordpress for the blogging section of mkc is finally starting to wrap up a bit. I’ve finally got the menu bar fully functional and, if you login, you’ll be able to see the top user navigation that will be available throughout the blogging section of MKC. My next projects will include a design for the discussion section of MKC and updated navigation bar on the home page. Grant and I are discussing a new home page idea that will update users profile pictures throughout the site (including the homepage) that will be done in flash.

I’m still in search of a video script that will integrate with the mkc system a bit better. I’m still waiting for buddypress to come out, which will hopefully be a better social networking platform for mkc.

I’ve also implemented an anti-spam system. Some, if not all of you, have been getting disney comments. You can now mass delete these and hopefully kiss these good bye forever.

Please tell me if you see any other glitches within the system. The theme is not yet finished but I can finally get back to designing it now that this huge issue has been resolved.

Thanks,
Corey

I bet everyone has noticed the super long time it takes for the blogs to download… I’m also trying to fix that. I’ve been chatting with Globat and WordPress. Hopefully we’ll find a solution to this excruciatingly annoying problem.

I’m currently having my integrity tested. That battle is completely won already. I can’t believe some people’s want for money, it’s a bit extreme sometimes.

May I live happy, and you too, money or no…

~Corey

Here’s the fix:
WordPress MU Avatar Pack Subdomain Fix.txt

Here’s Suleiman’s WPMU Avatar Pack:
http://www.hadithuna.com/sitewide/wpmuavatars.zip

I hope it all comes in handy,

Corey