Flynn's Paws: My Thoughts, My Gripes

Tag: css

  • 20090907-New Theme

    Sorry, folks! I’m trying yet another free theme here at WordPress.com:

    Solipsus by Tiffany Nguyen (Rikkye)

    A black and brown two-column design with flowers, clouds and a sun.

    Tags: two-columns, fixed-width, dark, rtl-language-support, left-sidebar, widgets, sticky-post

    PROs:

    • Header is closer to the top, unlike theme`Dusk`, which has a header that pushes my content and sidebars too low into the middle of the screen.
    • Instead of dark blue color of the former, this latter is dark brown and black.
    • It has a left sidebar unlike most other themes, which uses right sidebars.
    • It also has flowers, one sun, one cloud and one frowning face.
    • The date/time stamp, along with comments meta, is located underneath POST titles.
    • No meta appears underneath PAGES.
    • This theme features the < hr > element as a flowery design. Neat!

    CONs:

    • It’s dark but not too dark to hurt the eyes with contrasting, brightly-colored fonts.
    • The letters appear too small but editing my paid CSS stylesheet upgrade helps to increase the font-size to 84% (via the `body` element).
    • There is no custom header.
    • There is no navigation bar with drop-down menu feature.
    • There is no tagline: see reason below.

    Since I still wanted to RETAIN the image of Dante’s Satan in Inferno and the brief welcome message to describe what to do with this weblog, I removed a parent`home` page, which had the same greeting as shown on the `text widget` (which is currently located uppermost left hand portion of the sidebar):

    `God’s goal: be sunny life`. (This is my blog’s tagline).

    Having a left sidebars means I could set my `Front page display` to latest posts instead of setting the `Front page` to `Home` and the `Post page` to `Archives`. My purpose is to allow a short introduction when viewing my weblog through the `front page` via a mobile, cellphone.

    The sidebars may change as I continue to tweak the appearance of my IMPERFECT weblog site.

  • 20090906-Tweaked CSS

    Due to technical difficulties with previous themes and the face that I ain’t got NO satisfaction with just ONE theme, I’m back with the free theme here at WordPress.com:

    Dusk by Becca Wei

    A dark blue and grey two-column theme adorned with flowers.

    Tags: dark, fixed-width, two-columns, right-sidebar, widgets, sticky-post, rtl-language-support

    In addition, I’ve tweaked my paid CSS stylesheet upgrade to include the original flowery images:

    • bg.gif – background:##556777 url(‘images/bg.gif’) repeat-x;
    • wrapper.gif – background:##EEEAE8 url(‘images/wrapper.gif’) repeat-y;
    • header.gif – background:# url(‘images/header.gif’) no-repeat;
    • content.gif – background:# url(‘images/content.gif’) no-repeat and
    • sidebar.gif – background:# url(‘images/sidebar.gif’) no-repeat top right;.

    TIP: Add an extra pound sign (#) before the `url` section of each `background` images. This will bring up the original flowery designs without having to upload, copy and paste each one.

  • 20090903-Time Format

    Snork! Snork! I’ve been tweaking my paid CSS stylesheet upgrade. So for the `#noticias small`, I had to increase the width from 150px to 160px to accommodate the longer length of the `Time Format` (found via the General Settings of your `/options-general.php` Dashboard link):

    • H:i:s a (or 01:23:52 am, which is the time I changed the `Time Format`). This is the 24-hour format with leading zeros for the hours, minutes AND seconds, followed by a lower-case Ante meridiem and Post meridiem.

    Of course, team Automattic had better fix the damn time stamp because this particular post entry published two minutes SLOWER than the atomic clock!

  • 20090901-Tweaked CSS

    I’ve been tweaking my paid CSS stylesheet upgrade. I couldn’t figure out how to make the bullets for listed, unordered and ordered items line up perfectly for visual impact. Here are some useful CSS codes for the `Sandbox` theme.

    For the content:

    `div.entry-content ol li {
    color:black;
    margin:0 0 0 30px;
    padding:0;
    }`

    `div.entry-content ul li {
    list-style:disc;
    margin:0 0 0 10px;
    padding:0;
    }`

    `div.entry-content ul ul li {`
    list-style:circle;`
    margin:0 0 0 10px;`
    padding:0;`
    }`

    `div.entry-content ul ul ul li {`
    list-style:square;`
    margin:0 0 0 10px;`
    padding:0;`
    }`

    For the sidebar:

    `div.sidebar ul ul li {`
    list-style:disc;`
    margin:0;`
    }`

    `div.sidebar ul ul ul li {`
    list-style:circle;`
    margin:0;`
    }

    `div.sidebar ul ul ul ul li {`
    list-style:square;`
    margin:0;`
    }

    I can’t figure out the rest and don’t know the purpose of bookmarks, yet.

  • 20090829-Duhh, Thanks

    Duhh, i think this [new WordPress.com] works pretty good. 🙂

    Duh! Gee! Thanks. I have no real complains with my new `Sandbox` theme. BUT there are two areas, which did not make me happy:

    1. When viewing in `archives` mode, the list of posts are viewed as `EXCERPTS` and not in its entirety! This means I’ll have to switch back to the `Dusk` theme and do the copy and paste schmeal to a Word document, in case the servers of Automattic loses my precious, hard work!
    2. The HTML code – visibility:hidden` – is not hidden (or suppressed) when viewed from my outdated cellphone. The meta is show for the `single views` of each posts and when viewed from the home (or front page) of the weblog.

  • 20090828-Tweaked CSS

    After selecting my newest `free` theme here at WordPress.com:

    Sandbox 0.6.1 by Andy Skelton & Scott Allan Wallick

    A theme with powerful, semantic CSS selectors and the ability to add new skins.

    Tags: white, left-sidebar, theme-options, widgets, two-columns, one-column, three-columns, right-sidebar, flexible-width, microformats, rtl-language-support

    I made the following changes through my paid CSS stylesheet upgrade.

    Since I don’t really care for the `category`, `tags` or `comments` showing for each post entry, I’ve made the following edits:

    `body.home .entry-meta,body.archive .entry-meta` {

    `visibility:hidden;`

    `margin:0 0 4em;`

    }`

    Other changes to the layout of my weblog were: background-colors to the sidebar, content, header and entry-meta; font -size in percentages; colors for the`a` and `a:hover`; and adjustments to padding, margin, unlisted and listed style types.

    What I particularly like about this Sandbox theme is the auto width adjustments for screen resolutions (i.e. 800 by 600 pixels and 1024 by 768 pixels). The overflow for the bottom scroll bar of the internet browser is `hidden`, too.

  • 20090827-Tweaked CSS

    I couldn’t avoid editing my paid upgrade: CSS Stylesheet (AGAIN)!

    I tried another theme that sported: `customer header`, `navbar` and `tagline`. But I made a compromise with my personal `perfection` and settled for `Dusk` theme by beccary.com – a dark brown and blue color but without the flowery background designs.

    As a result, the `content` and `sidebar` are closer to the `header`.

    For the `#content`, set top to auto:

    `margin:auto 0 0;`.

    For the `#sidebar`, set top to auto:

    `padding:auto 25px 0 15px;` and

    `margin-top:-63px;`.

    To achieve the centered `#title` and narrow `#header`:

    `text-align:center;`

    `margin:auto 0 0;`

    `float:none;` and

    `height:auto;`, respectively.

    Besides the above tweaks, everything else remained the same, except the `.sticky` with a `padding:0;`.

  • 20090730-Four Colors

    Discovered listed (li), unlisted (ul), and ordered list (ol) can have colors! Behold red, blue, green and purple on these `bullet` details on pages, posts and sidebars, too!

  • 20090331-Visible Pages

    Since y’all are too busy to navigate within my fine, long-winded pages o’plenty and click on the many fine links to read MORE pages, I’ve tweaked my paid CSS Stylesheet for the ‘ChaosTheory’ theme.

    For the ‘globalnav’ section; the height is set to 60px with its ‘listed menu’ set to a padding of 5px (for top and bottom) and 15px for the sides). I really wanted to squoosh this ‘navigation bar’ towards the top and into one long strip, similar to Yahoo! News.

    But for those using screen resolutions of 800 by 600 pixels, the visual to the navigation bar was all messed up. Then again, I didn’t test the ‘height’. I should try again but I’m too lazy to find out now, maybe later on.

    Most of my [static] ‘pages’ are included within this (top) navigation bar, except the five sub-pages to the Web-Book (front stuff, front matter, body matter, back matter and back stuff) and a few set pages to ‘private’ mode.

    I expect to see some ‘hits’ based on my stats. Speaking of stats, the ‘Stats’ page has been generated with a simple push of a button called ‘Summary Tables’, which is located towards the bottom of the ‘Blog Stats’ page of my ‘Dashboard’.  It is now a visible selection of the (top) navigation bar, called ‘STATS!’

    Oh! Y’all could take my POLL. It’s a multiple selection of five, ranging from very satisfied to very dissatisfied. The results of the poll are visible to the public. So far none cares to amuse me. In other words, there are no results yet! Blah!

    Copyright © 2009 by Fluffy von der Flynn. All rights reserved.