From the category archives:
Designing
Design Better. Write Better.
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
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
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
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!
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
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
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
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
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
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
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
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 }









