Your Daily Paws

Tag: editing css

  • 20090911-Old Theme

    I’m back on a 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

    The Current Skin is:

    Three-Column Minimalist 1.0 by Scott Allan Wallick

    Minimalist style with left and right-sidebars

    The left sidebar is for archives of my weblog. The right sidebar is for the orgone, such as the Flickr.com group pool, links to vendors and recommended readings. The length for both sidebars are almost even. I had to increase the gravatar image of a small white flower against its green leaves to 128 pixels. This compensates for the shortened gap of the left sidebar.

    The main colors to my paid CSS stylesheet upgrade are mostly gray and blue:

    • Body and block quote #eee;
    • Header #ddd;
    • Content #fff;
    • a: #006699; and
    • a: hover #3399CC.

    I had to remove the light blue to purplish background color to something more monotone like gray but lighter than dark. I didn’t want to present anymore weird symbolic weight to color coding for TPTB and thought that the gray tone would symbolize something more neutral, neither red nor purple.

    The `Front page displays` has be set from [My] latest posts to:

    • Front page: Home and
    • Posts page: Archives.

    I wanted to keep track of the many times people viewed that `front page` (aka `home page`) and if people would view the archives page of `Blog pages show at most`: 3 (three) posts instead of 15 (fifteen) posts, which I felt was too long to view at one page.

    I pray that this would be the VERY last time I’d tweak the overall appearance of my WordPress.com weblog.

  • 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;`.

  • 20090808-Editing Blog

    I’ve been editing my paid CSS Stylesheet upgrade to the current (but free) WordPress.com theme:

    Unsleepable by Ben Gray

    A simple two-column theme that appeals to the monochrome amongst us

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

    For hovering over links with pink background and white font:

    `text-decoration:underline!important;
    background:#0D78B6;
    color:#fff!important;`

    Here are key areas for making the `width `work well. You may need to adjust the `.primary` (left stuff) and the` ul.secondary` (right stuff) to suit your preference:

    `#page {
    width:760px;
    }`

    `#header{
    width:760px;
    }`

    `.primary {
    width:580px;
    }`

    `ul.secondary {
    width:165px;
    }`

    Expect to press the `Preview` and `Save Stylesheet` buttons frequently! Good luck!

  • 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!

  • 20090722-Fixed Meta

    To make the appearance of the `#noticias small` code to `float right` here:

    • set margin-top to -23px,
    • set padding-right to 5px and
    • set padding to 5px for the `noticias h3` code (for it to work via Internet Explorer browser).

  • 20090721-Smaller Noticias

    To hide all the `meta` instead of the time/date stamp to the Theme: Pool by Borja Fernandez: locate the `#noticias small` code in your paid CSS stylesheet and set:

    • border to 1px solid #000;
    • display to block;
    • float to none;
    • height to 15px;
    • overflow to auto and
    • width to 150px.