Examples of custom CSS blogs on WP

  • Author
    Posts
  • #23769

    range
    Member

    Hello,

    Could anyone who had purchased and modified their blog with the new CSS upgrade please post a link to their blog so that people can see what is possible with CSS. Also post the theme that you are using.

    Thanks.

    #24066

    drmike
    Member

    On my to do list for mine. :)

    #24074

    sdrane
    Member

    Here is mine:

    Mirkwood
    Not a big change, but if you’ve been the K2 page, you’ll see what I was driving at.

    I started with Andy’s Sandbox Kubrick CSS, removed all images, tinkered with fonts and colors. I’m trying to make a theme that has the minimal amount of images, is presentable enough, and emphasizes the content of the posts. I might change more later, as I find out more about CSS. A die-hard CSS artist could go *really* crazy with this, I’m just a little cookie ;). Its attractive but more complicated than I had thought. I now have a renewed appreciation for the people who make all these wonderful WP themes.

    #24076

    timethief
    Member

    I notice two significant changes. The header changed colour and there are now page tabs in the header area where there were none before. Is there anything else that I missed?

    #24078

    sdrane
    Member

    TT: Yes, those are the main changes but, here are some more things that have changed: (Most of them are small changes which I could not have made from the theme options. Don’t know if it is worth $15, but I’m enjoying this, and hopefully, they will add up to something good!)
    1. The header originally had a white border with smooth upper corners. This was actually a repeated jpeg image, which I have done away with.
    2. The fonts are now softer, i.e., I removed the bold fonts from the post titles and the side bar and replaced them with normal-weight larger fonts.
    3. The overall *usable* width of the blog has been increased. The default Kubrick theme had a gray strip around the writable area (this was also a repeated jpeg image). I removed this, and gained 20 pixels each for the post and the sidebar. Look at the edge of the white portion of this forum page. You see the gray shading? That is what I removed.
    4. Sidebar background color has been changed to white, from the earlier light gray.
    5. There is a white bar on the top of the maroon header (just like the basic avatar of the K2 theme). It might be hidden under the WP bar if you are logged in.

    Later, I will try to change the way some of the widgets appear (calender, search form, etc). The blog will mostly retain a white background. I am undecided about a three-column layout, but think that it is way too complicated for a blog whose “current” material only consists of a few posts and one quote. Some typepad blogs have a three-column layout that looks good without introducing cosmetic clutter. But I just don’t have enough material to justify it yet.

    #24088

    wank
    Member

    Nicely done: if you decentred the title and got rid of the pseudobullets in the sidebar it would be virtually indistinguishable from k2.

    #24114

    drmike
    Member

    I just realized that we can now add in padding around pics in our posts. :)

    #24123

    sdrane
    Member

    Thanks wank.I am actually going to decenter the title but to the right rather than the left. And I would like to keep the bullets; their absence was one thing I did not like in the new K2 theme. Andy’s Sandbox Kubrick doesn’t have bullets and I spent two hours figuring out how to put them in ;-(.

    #24124

    range
    Member

    I saw the resemblance and I know K2. K2 will be probable the platform I would use for when I go over to a hosting service.

    #24196

    andy
    Member

    sdrane, I added the bullets back into the original sandbox/kubrick post once I fixed the CSS filter. It was stripping slash-zero wrongly.

    #24202

    sdrane
    Member

    Thanks Andy. Yes, I was puzzled after the preview repeatedly showed 00BB 0020 as the bullets ;). Actually, I did get them working on Friday after I found that simply pasting the code from the default Kubrick CSS wouldn’t work. I finally got it with the following (same as the piece you added):


    div.entry-content ul li:before,div.sidebar ul ul li:before {
    content:"0BB 020";
    }

    Thanks for all the work. This has added a new dimension to my enjoyment from blogging.

    #24203

    matt
    Staff

    Mirkwood, looks very nice.

    #24297

    sdrane
    Member

    Thanks Matt. At Scott’s request, I am sending him the custom CSS in a couple of days, so he can put it up on the Sandbox website for WP.com and WP.org users.

    #24300

    alunsalt
    Member

    Archaeoastronomy

    I also started with Andy’s Sandbox Kubrick CSS. Along the way I discovered that ABBR doesn’t take a style in IE.

    #24301

    swallick
    Member

    alunsalt: Yes, IE6 doesn’t play nicely with the <abbr>, but there are workarounds for this, such as giving the parent element attributes that the <abbr> will inherit.

    #24302

    andy
    Member

    alunsalt: that’s quite original!

    #24361

    atinyblip
    Member

    Here’s mine:

    http://atinyblip.wordpress.com/

    I took the Kubrick code and modified it to my liking. No fancy design here; I simply wanted the look of my old Blogger.com blog back.

    #24362

    weblog
    Member

    Here’s mine (yet another K2)

    There’s few blog using it outside WP.com. Haven’t tested here.

    – zeo

    #24364

    swallick
    Member

    Hey atinyblip: I like the sparseness of your header area. Nice!

    #24394

    atinyblip
    Member

    Thank you, swallick.

The topic ‘Examples of custom CSS blogs on WP’ is closed to new replies.