How To: Change PaperClip Theme Image and Width

9 באוקטובר 2006

תגיות: ,
8 תגובות

How To: Change PaperClip Theme Image and Width

How To: Change PaperClip Theme Image and Width  After upgrading to Community Server 2.1, I liked the PaperClip family of themes the most. The problem with it is that the blog becomes too narrow for adding code snippets in my blog posts.

So, I decided to customize the theme a little bit, and while on it, replace the standard title image.

 

So here how it's done:

·         Go to your blog's dashboard, and from the side menu select Global Settings -> Change how my blog looks.

·         Pick one of the PaperClip themes.

·         Go to the CSS Overrides tab and paste the following code. Notice that the #masthead background-image should point to a 996×221 pixel image. (You can adjust your width of the blog and image as you like…).

 

#content

{
width: 984px;

}

 

#masthead

{
background-image: url();
width: 996px;

}

 

#main

{
width: 726px;

}

 

#nav

{
width: 984px;

}

 

·         To create your personal PaperClip Theme Image (with a paper clip mark above it), download this .psd file (Photoshop) with the layers you need. You can upload the image to your blog gallery or host it where ever, or you can use my top header image.

 

Enjoy!

הוסף תגובה
facebook linkedin twitter email

8 תגובות

  1. StorkBite10 באוקטובר 2006 ב 1:18

    Thanks for sharing this… it is really helpful.

  2. SPAz15 בנובמבר 2006 ב 22:52

    Create custom blog headers & images on http://www.HeaderBar.com :)

  3. adlaima4 באוקטובר 2007 ב 10:59

    Great post, I would appreciate if you'd mention my "hebrew" edition

    http://blogs.microsoft.co.il/blogs/adlaim/archive/2007/04/15/Here-fishy-fishy.aspx

  4. adlaima4 באוקטובר 2007 ב 10:59

    Great post, I would appreciate if you'd mention my "hebrew" edition

    http://blogs.microsoft.co.il/blogs/adlaim/archive/2007/04/15/Here-fishy-fishy.aspx

  5. ламинат11 באוגוסט 2008 ב 14:59

    l Een plaatje zegt alles, toch ? i Het volledige rapport is hier te vinden. Lees natuurlijk c de blogposting. j u
    паркетная доска 2t

  6. сайдинг18 באוגוסט 2008 ב 5:36

    1gThank's for greate post.3z I am compleatly agree with last post.
    8p
    1f

  7. Brian McCann6 בנובמבר 2008 ב 12:34

    Great post Guy, this is just what I was looking for. I can't download the .psd file. Do you know if that is still available?

  8. Jim Restucci22 באפריל 2009 ב 13:01

    This Guy for this informative blog post. With your help, I was able to make the changes to my blog that I was looking for. If you get the chance, please take a look, would love to hear your comments.

Comments are closed.