Coldskins: Custom CSS Skins for Contact Coldform

By Jeff Starr on Tuesday, January 15, 2008 — 7 Responses

Post #479 categorized as WordPress, last updated on Jan 16, 2008
Tagged with browsers, css, plugins, WordPress

[ Icon: Contact Coldform ] With the recent release of my latest WordPress plugin, Contact Coldform, I am also creating a series of free, “drop-in” CSS skins for easy, “plug-n-play” customization. These skins employ valid, optimized CSS code designed for the following browsers:

The goal for these skins involves minimizing the amount of CSS code while simultaneously maximizing its universal effectiveness. Thus, while these skins may not appear identical in every browser tested, I am able to keep CSS code sizes to a minimum by focusing on overall design proximity as opposed to pixel perfect precision, which is possible, but would require additional code. In other words, the balance between presentational fidelity and relative code quantity may require further manipulation, depending on your particular design requirements.

Coldskin #1

This minimalistic skin features fields of uniform length and default Verdana text for all elements. The perfect slate for further customization and stylistic fine-tuning..

[ Screenshot: Coldskin #1 via Firefox 2 (pc) ]
Coldskin #1 in Firefox 2 (pc)

Check out Coldskin #1 in other browsers:

Download and Install

To use this Coldskin, simply copy & paste the CSS code from the following file into your default (or custom) WordPress-theme stylesheet, generally located at: /wp-content/themes/theme/style.css:

Coldskin #1 • [ 941 downloads ]

Coldskin #2

This is the same skin used by the current theme here at Perishable Press. Coldskin #2 features tight, minimalistic form design with “Lucida Grande” labels and “Courier New” input text. Another keen design ready for instant styling or further customization..

[ Screenshot: Coldskin #2 via Firefox 2 (pc) ]
Coldskin #2 in Firefox 2 (pc)

Check out Coldskin #2 in other browsers:

Download and Install

To use this Coldskin, simply copy & paste the CSS code from the following file into your default (or custom) WordPress-theme stylesheet, generally located at: /wp-content/themes/theme/style.css:

Coldskin #2 • [ 576 downloads ]

Coldskin #3

This skin works great for a clean, minimalistic aesthetic or as a template for further styling and customization. This layout requires no floats and should similar in virtually all modern browsers. Coldskin #3 uses Verdana font for both field labels and text input. Plug it in and make it your own..

[ Screenshot: Coldskin #3 via Firefox 2 (pc) ]
Coldskin #3 in Firefox 2 (pc)

Check out Coldskin #3 in other browsers:

Download and Install

To use this Coldskin, simply copy & paste the CSS code from the following file into your default (or custom) WordPress-theme stylesheet, generally located at: /wp-content/themes/theme/style.css:

Coldskin #3 • [ 766 downloads ]

Check back for more Coldskins!

This is the permanent home for Coldform skins, and all future Coldskins will be presented and archived here. Also, if you have a Coldform design that you would like to feature here, please contact me and let me know about it — Thanks ;)

Copyright2009PerishablePress

Subscribe to Perishable Press

23291 visits

7 Responses

Top • Leave a comment

[ Gravatar Icon ]

#1 — Graham Smith

Finally got round to tinkering with my theme colours. My old Blog used to be dark grey.

So finally got it done. Wanted it to be as nice as possible for this week. Had a guest post published, also had my theme highlighted on graphpaperpress blog.

So more traffic coming, and I wanted it to be good for when we release the interview.

Sorry its taken so long, but I have really wanted to get my site to apoint where I am relatively proud and will be a place people will want to come back to. Etc.

So am close to finishing the interview anyway.

Also got your contact form up again, after I had some theme issues with it. Not your fault, just needed to tinker a bit. But looking good.

Later

[ Gravatar Icon ]

#2 — Perishable

Good to hear you are staying busy, Graham. Sounds like all the hard work is beginning to pay off for you! I am looking forward to seeing the interview posted, but understand that it is best to wait until everything is place before publishing such a thing. Thanks for dropping by — glad to hear the Coldform plugin is treating you well ;)

[ Gravatar Icon ]

#3 — K

Hi,

Your Comment-Form is really good & easy. One question: I use WP 2.7.1 and didn´t find any admin-options to replace the english text like “use this form to contact us via email.” … do you plan any options for this?

[ Gravatar Icon ]

#4 — Jeff Starr

@K: Yes, the next release of the plugin will be completely internationalized (I18n), which will make it easy for you to customize the language in whatever way you see fit.

Share your thoughts..

Top • Read official comment policy

The rules are simple. Comment intelligently. Stay on-topic. Don’t spam! Suspected spam will be deleted. Use your real name or nickname, not a site name or business name. Using a site name or business name is a good way to get your link or comment removed. Certain comments are moderated; if your comment does not appear after several days, or if you wish to comment privately, contact me. Also, by posting a comment, you grant this site a perpetual license to reproduce your comment, name, and website URL. Lastly, you may use basic HTML markup, but please do not use <pre> tags. Instead, wrap your code with <code> tags. Use a new set of <code> tags for each code term or phrase, as well as for each individual line of code (i.e., multiple lines of code require multiple code tags). Please see the complete comment policy for more information.

Search Perishable Press
Standards-based web design
WordPress, blogging & security
  • WordPress / Plugins, Themes, Tutorials
  • Blogging / Social media, social networking
  • Security / Anti-spam, blacklists, firewalls
Featured Content

Explore Perishable Press

Join 2428.91+ Subscribers
Perishable Resources
Perishable Projects
Random Friends
© 2009 Perishable Press • Design by Monzilla Media
Site Credits • Site Map • Linkage • Top