From the category archives:

Designing

Design Better. Write Better.

by Jason Francis Hunter on April 24, 2008

Naomi wants to play a game. I’m in. Here’s how it starts:
“So what do you actually do for a living?”
Well, in any other medium, I’d pull out my pompous sweater and begin ranting about how I’m a new breed of man and “what I do” encompasses something so large, not even I can put words […]

{ 8 comments }

Simple Guide to Highlighting Content Within Your Posts for Those with Limited Technical Skills

by Jason Francis Hunter on April 22, 2008

Part nine of: “Stylizing Your Content”.
Sometimes we need to highlight a specific chunk of text. This should get you started:
Open up your Stylesheet — style.css — and add the following:
/* note: Grey */
p.note {
padding: 0.57143em 0.78571em;
background: #f5f5f5;
border: 1px solid #ddd;
}
/* alert: Yellow */
p.alert {
padding: 0.57143em 0.78571em;
background: #ffffa0;
border: 1px solid #e5e597;
}
/* info: Red */
p.info {
padding: 0.57143em […]

{ 17 comments }

Manipulating Typography: Helvetica to Hellvetica

by Jason Francis Hunter on April 20, 2008

You need to redesign your blogs header and you know that Helvetica strikes your fancy but you also know it’s overused and plus, your blog is about the psychological effects of Duke Nukem on the minds of pre-adolescents and you’d like to have the header text radiate some Nukem-ish flare, right? Well, good news, you […]

{ 10 comments }

Simple Guide to Styling Links Within Your Posts for Those with Limited Technical Skills

by Jason Francis Hunter on March 31, 2008

Part eight of: “Stylizing Your Content”.
For this, there is only one file you will be working with:

style.css

You can find this in your WordPress admin under Presentation > Theme Editor - listed on the right hand side.
We want to find something like this (which allows us to style the way the link looks normally):
a, a:visited […]

{ 0 comments }

Get a Quality 125×125 Ad Banner (or Entrecard) for Your Blog or Website - FREE!

by Jason Francis Hunter on March 23, 2008

Note: This free promotion has ended…for now. Check back later and I may be opening it back up.
All I ask is that you write a short post which links back to my new services page, where I offer the 125×125 banner design. *Note: Your site must be at least 3 months old and updated regularly.
So […]

{ 12 comments }

Simple Guide to Styling Lists Within Your Posts for Those with Limited Technical Skills

by Jason Francis Hunter on March 16, 2008

Part seven of: “Stylizing Your Content”.
For this, there is only one file you will be working with:

style.css

You can find this in your WordPress admin under Presentation > Theme Editor - listed on the right hand side.
The ordered list, by default, is fine and generally shouldn’t be changed. It simply lists things by number like so:

Hello
this […]

{ 5 comments }

Simple Guide to Styling Blockquotes Within Your Posts for Those with Limited Technical Skills

by Jason Francis Hunter on March 9, 2008

Part six of: “Stylizing Your Content”.
For this, there is only one file you will be working with:

style.css

You can find this in your WordPress admin under Presentation > Theme Editor - listed on the right hand side.
Open up your style.css file and look for the following:
blockquote {
padding-left: 10px;
border-left: 5px solid #ddd;
color: #666;
}
The red part is what […]

{ 8 comments }

Simple Guide to Styling Post Paragraphs for Those with Limited Technical Skills

by Jason Francis Hunter on March 6, 2008

Part five of: “Stylizing Your Content”.
There are two files you will be working with:

index.php
style.css

You can find these in your WordPress admin under Presentation > Theme Editor - they’ll be listed on the right hand side.
First we need to find what our post paragraphs are called. Open up index.php and find the following code (the red […]

{ 4 comments }

Simple Guide to Styling Images Within Your Posts for Those with Limited Technical Skills

by Jason Francis Hunter on March 4, 2008

Part four of: “Stylizing Your Content”.
For this, there is only one file you will be working with:

style.css

You can find this in your WordPress admin under Presentation > Theme Editor - listed on the right hand side.
Finding Imagery
The best way to go is by using Flickr to find Creative Commons images with the Attribution License. That […]

{ 7 comments }

Simple Guide to Styling Your Post Headers for Those with Limited Technical Skills

by Jason Francis Hunter on February 23, 2008

Part three of: “Stylizing Your Content”.
I’ve decided to focus on WordPress for this series of posts because it seems most of you use it. However, most of the customization tips use html and css so they can be applied to many other blogging tools such as Movable Type, Blogger, etc. I will be using the […]

{ 11 comments }

Content is King - Style is Queen

by Jason Francis Hunter on February 20, 2008

Part two of: “Stylizing Your Content.”

Okay, so you’re not a designer nor do you know very much about code. That’s fine. We’ll keep it simple (for now) and show some ways to beautify your stock looking content. We’ll put a dress on it, give it a nice waxing, clip its nails, find it a date […]

{ 7 comments }

Why This Post is Ugly and Won’t Attract Readers

by Jason Francis Hunter on February 18, 2008

The paragraphs are non-existent and the lines of text seem to blend into one giant glob of black on white. There’s no stunning imagery to pull your attention from the 527 other blogs in your feed reader. There’s no links - giving the impression that I did absolutely zilch in research (which is true). I’m […]

{ 17 comments }

Recommended Resources

Advertise on Scribbles & Words