Jenn Mears Web Design » CSS

A Guide to Web Color-

admin — Sun, 28 Jun 2009 17:55:32 +0000

-right in your own (WordPress) backyard! I was ready to do a search for a good online hexadecimal color guide for a client, when I realized that they have one right there in the Editing window!
Step 1.
Go to the Dashboard, then select either New or Edit, Post or Page. Any combination will work, but you want to make sure you are in Visual Mode.

Step 2.
Open up the “Kitchen Sink” mode (This is done by clicking that button on the right end of the display that has all those tiny squares), and click the arrow next to the underlined “A” to bring up the Color-Picker.

Step 3.
The initial Color-Picker window contains just a few of the hundreds of colors available. Click on “More Colors” to bring up the full range of options. By default, the window opens to the the full spectrum Picker, but there are other options as well such as the Palette (web-safe colors) and Named Color (standard colors such as “Red”).

Step 4.
Notice how clicking on any point in the palette brings up a series of letters and numbers in the lower right side box? That’s the code you will need to display that color. Choose a few colors and write down their corresponding code. Now, when you want to customize your CSS file, you will have the right code on hand to display the colors you want. (See example below)

Welcome To The New Site!

admin — Thu, 30 Apr 2009 04:26:59 +0000

Ooh, I am so excited! I wanted to utilize the Sliding Door CSS theme by Wayne and incorporate it with a previous motif on the site which compared developing a site to the changing of the seasons. I’m still “unpacking the boxes” a little, so keep visiting for changes!

Tabling the Matter

admin — Mon, 11 Aug 2008 15:46:01 +0000

This is actually an addendum to the previous post, “A Case of the DT’s”. While a Definition List worked for the simple matter of placing an image and some information together neatly, when I wanted similar information to line up across the page, things got crazy again! After an hour of the “WordPress Shuffle”
(changing a line of CSS, then checking the site in a different window, running back, change a different thing, run back to check…), I gave up and was on the verge of leaving the page as is, when I had a “eureka!” moment. Could I make a template for the page and insert a table inside the code?

Turns out, I could.

It seems weird, going back to the old school table method, but when the graphic designer wants the images and text to march across the page, sometimes the old trick works best.

For extra credit, I guess I could find a way to automatically call new ads to the table via php, but for now, I’ll just do it the old fashioned way, with lovingly handcrafted HTML.