Discover Top Posts Tagged with #monochrome theme

After solving a strange rendering bug in IE that only shows up when a page is loaded from a remote server (not during local testing), I'm finally done with my first Ode theme. It's called Monochrome, and it was inspired by the monochrome monitors that introduced me to an exciting new digital world when I was a child. I don't know how many hours of my childhood were lost in those green scanlines, but they paved the way to a decent career.

Here is the theme in action:

http://ode.tohodo.com/monochrome/

You can grab the theme pack here:

http://www.tohodo.com/projects/ode/themes/monochrome.zip

Some things to note:

The theme was developed using Ode 1.2.2. If you're still on Ode 1.2.0, then remember to insert the $found_theme_url variable in the page.html and page_no_posts.html template files.

The theme has been tested in IE 6, Firefox 2, and Google Chrome 5 on Windows XP Pro SP3 only. There is a known issue in Chrome where the sidebar's left border becomes visible when the zoom level is increased or decreased. This is currently fixed with some simple JavaScript, but I would prefer a more elegant CSS solution.

The theme adheres to the semantic Web school of thought that there should only be one H1 tag per page. In Monochrome, the H1 tag is reserved for the site title, with each post title using the H2 tag, and post subheadings using H3-H6 tags. I had to modify the Markdown addin so that it only generates H3 to H6 tags. In the modified Markdown addin, underlining text with equal signs (=) is equivalent to leading the text with three hash marks (###); underlining the text with dashes (-) is equivalent to leading the text with four hash marks (####). Text prefixed with # or ## will NOT be converted to headings. The modified Markdown addin is also included in the theme pack.

Of course you don't have to subscribe to this school of thought, and many people don't. This debate (how best to use heading tags as it relates to SEO and accessibility) has been going on for a long time, and I don't think anyone has a definitive answer. I recommend doing research on the matter to see what works best for you. Here are some articles offering different opinions to start with:

http://stevenclark.com.au/2009/01/27/multiple-h1-headings-are-valid-but/ http://www.iheni.com/html-5-to-the-h1-debate-rescue/ http://www.onderhond.com/blog/work/multiple-h1-tags http://www.flexewebs.com/semantix/semantic-uses-of-h1-h2-h6-html-tags/ http://www.pearsonified.com/2007/04/definitive-guide-to-semantic-markup.php http://brainstormsandraves.com/articles/semantics/structure/ http://www.webaim.org/techniques/semanticstructure/ http://webdesign.about.com/od/semanticweb/a/aa022006.htm

If you decide that you're OK with multiple H1 tags on a page, then you don't have to use the modified Markdown addin. However, you'll have to modify the CSS so that H1 to H6 headings are formatted correctly inside the 'individual_post' div.

No images are used in the theme to keep with the Monochrome spirit (monochrome monitors generally didn't use graphics mode, after all). The ASCII header "image" was generated by http://ascii.mastervb.net/. Feel free to replace it with your own creation.

The Jumper addin uses a custom ASCII art landing page separator. Lots of ASCII art can be found on http://ascii-art.de/ and http://chris.com/ascii/.

To-do list:

Create a liquid Monochrome theme

Fix Chrome issue mentioned above without relying on JavaScript

Implement my theme color changer in the sidebar (see Preferences on http://www.tohodo.com/bitmess/)

#ode #flatfile cms #monochrome theme

GUYS I CHANGED MY THEME

AND IF YOU WILL ACTUALLY GO LOOK AT IT

DON’T FORGET TO FEED THE FISHES PLS

#new theme #monochrome theme #nekomastrk #go look it would be nice

THEME 03 - FROSTBITE | Static Preview | Code

Features:

500x250 header image

Fixed header option

Monochrome images option

6 custom links

500px posts

Customizable colors

#theme #tumblr theme #header theme #monochrome theme

THEME #13 HEARTBREAKER

preview | code

200x300px sidebar image

hover over the title to reveal big links

4 links

please like/reblog if using

don't remove or change the credit

#theme #themes #yeahps #monochrome theme #fandom theme #custom theme #my theme #my themes #black and white theme #b&w theme

Monochrome Theme

One column theme

10 posts per pages

Images fade effect

Up to three custom links

Has a bottom image background and a top color background

Click here to get the code and to have a preview.

Theme made by Korubaka.

#monochrome theme #features

Theme 13

Includes:

-Sidebar image

-Infinite scrolling

-(or no infinite scrolling)

-2 custom links

-Monochrome option

-Opacity hover on images