Help - Search - Members - Calendar
Full Version: Replacing Blog Name With An Image
Movable Type Community Forum > Using Movable Type > Default Stylesheets
Digi†aLKnigh†
i have been looking at the help topics on replacing the blog name with an image. It says to upload the image, then edit the banner section in the stylesheet template. However i have not been able to even find the banner section in the stylesheet template. Please help. Am i looking the the wrong places? I have looked in the stylesheet-base theme, and stylesheet-main.
dcom
QUOTE (Digi†aLKnigh† @ Oct 5 2007, 04:24 AM) *
i have been looking at the help topics on replacing the blog name with an image. It says to upload the image, then edit the banner section in the stylesheet template. However i have not been able to even find the banner section in the stylesheet template. Please help. Am i looking the the wrong places? I have looked in the stylesheet-base theme, and stylesheet-main.


What version of MT are you using?
PeteV
QUOTE (dcom @ Oct 23 2007, 12:33 PM) *
QUOTE (Digi†aLKnigh† @ Oct 5 2007, 04:24 AM) *
i have been looking at the help topics on replacing the blog name with an image. It says to upload the image, then edit the banner section in the stylesheet template. However i have not been able to even find the banner section in the stylesheet template. Please help. Am i looking the the wrong places? I have looked in the stylesheet-base theme, and stylesheet-main.


What version of MT are you using?

I have the same question and I am Using MT4.

thanks
dcom
Let's use one of the themes that comes with MT4...cityscape-paris for instance. This is a folder within the mt-static\themes folder. In that folder is a file called screen.css. This is the main CSS Style sheet for this theme. Other themes are similar (at least the default ones that come with MT4). If you look in that file, you will find a line that looks like this:

/* Header ----------------------------------------------------------------- */

#header {
border-color: #2b3247;
background: #77dbfe url(header.png) no-repeat left bottom;
}

It is about 1/2 into the file, around line 190 or so. The url(header.png) tells MT to use the file header.png as the image in the banner. That file is also in the mt-static\themes\cityscape-paris folder. You can modify the value in url() to point to a file using a relative path like url(../myimages/mybanner.png). The file doesn't have to be a .png...a .gif will be ok or .jpg but the name must match and is case-sensitive. For the default styles, the banner image should be 940x191 but if you change your banner or overall blog width, those dimensions may need to be changed.

One of the easiest ways to customize your own blog is to start with one of the default styles and change it a little at a time to meet your needs.

Of course, I'm no expert but this is what I've found through experimentation.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.