The Blog

Search this blog;

Last comments

Calendar
<<   May 2007  >>
SMTWTFS
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31   

Categories
Main [28] Sindicar categorķa
FAQ [1] Sindicar categorķa

Archives

Subscribe

Powered by Zoomblog.com

By RBA - May 27th, 2007, 19:23, Category: Templates

While coRank allows you to virtually change the way your entire site looks, maybe you just want to change the logo, or at least start from there.

There are mainly two ways to do it. One is to add the logo via an IMG in the header file and the other is to add the logo to the CSS itself.

Both ways start with the same process:

  • Go to the Admin page of your site, and click on the Files tab.
  • Click on the "Upload image" option and upload your logo.
  • Go back to the File Index.
  • Find the file you just uploaded, click on the name and note its URL. It will be something like http://mysite.corank.com/st/82/01/000/mylogo.gif (the path will be different)
  • Edit the file style.css (the second in the list of files) by clicking on its name.

Now, if you want to just add the logo to the CSS file, do this:

  • In the #header and #logo sections, change the url value of the 'background' property (what goes between parenthesist) with the URL for your logo.
  • You should also change the width and height values of the #logo section for the width and height of your logo.
  • Click "Save" to save the updated style.css. Done!
  • Go your site to make sure everything looks good.

And if you want to do it by adding the IMG tag in the header instead, do this:

  • In the #header and #logo sections (somewhere around the beginning of the file), delete the 'background' property. You may also want to modify the width and height values of the #logo section to match the width and height of your just uploaded logo.
  • Click "Save" to save the updated style.css
  • Now, edit the Header.html file (third in the list of files) and insert your <img src="..."> tag between the <a href="/" id="logo">...</a> tags. You should also delete the <$zg=cbTitle> tag you'll see right there.
  • Click "Save" to save the updated Header.html. Done!
  • Go your site to make sure everything looks good.

Yes, it would be great if we could just give you a text box where you could add your logo with the click of a mouse, but then you'd lose the flexibility of being able to fully edit the CSS and header files and do with them whatever you want.


Home | Terms of Service | Privacy policy | Help/FAQ | About coRank | Contact us

© coRank 2007