G. A. Castiglione | Comfortnetworks, Linux, Mac, photography and shameless ranting.

This post provides a couple of basic ADMIN CSS templates.

To make a customized compact ADMIN template use CSS break type the following way: (Set CSS of ‘#cft div’. (type = break))

Custom Field Template – ADMIN CSS Template 1

• This style sheet will split your template in two columns.

#cft div { width:50%; float:left; clear:none; }
#cft dl { clear:both; margin:0; padding:0; width:100%; }
#cft dt { display:none; float:left; font-weight:bold; margin:0; text-align:left; width:20%; }
#cft dt .hideKey { visibility:hidden; }
#cft dd { float:left; margin:0; text-align:left; width:80%; }
#cft dd p.label { font-weight:bold; font: green; margin:0; }
#cft_instruction { margin:5px; }

Custom Field Template – ADMIN CSS Template 2

• Add nice background-color
• custom labels
• A double column layout:

#cft div { width:50%; float:left; clear:none; }
#cft dl { clear:both; margin:0; padding:0; width:100%; }
#cft dt { display:none; float:left; font-weight:bold; margin:0; text-align:left; width:20%; }
#cft dt .hideKey { visibility:hidden; }
#cft dd { float:left; margin:0; text-align:left; width:80%; }
#cft dd p.label { font-weight:bold; color:#093E56; margin:0; border-bottom:1px solid #BDBDBD;background-color:#EEEEEE;}
#cft_instruction { margin:5px; }

Custom Field Template – ADMIN CSS Template 3

Here you see the CSS I added , background-color and custom labels. A 5 multi column layout:

• Add nice background-color
• custom labels
• A multiple 5 column layout:

#cft div { width:19%; clear:none; float:left;}
#cft dl { clear:none; margin:0; padding:0; width:100%; }
#cft dt { float:left; font-weight:bold; font-size:1px;margin:0; text-align:left; width:5%; }
#cft dt .hideKey { visibility:hidden; }
#cft dd { float:left; clear:none; margin:0; text-align:left; width:95%; }
#cft dd p.label { font-weight:bold; color:#093E56; margin:0; border-bottom:1px solid #BDBDBD;background-color:#EEEEEE;}
#cft_instruction { margin:5px; }
#cft dd selectbox { color:#ffffff;}
#cft dd input { width:120px;}
#cft dd textarea { width:120px;}

add this line to the admin css to make some CFT fields high lighted

#dl_nameofyourcustomfield0 dd p.label { font-weight:bold; color:red; margin:0; border-bottom:1px solid #BDBDBD; background-color:#EEEEEE; }

Getting/Calling the custom field values the your template

How to get out the CFT field value in the template. Read thru the following link to make the Custom Field value appear in the template.

• http://codex.wordpress.org/Custom_Fields
• http://codex.wordpress.org/Function_Reference/get_post_custom_values

EXTRA LINKS

1. Hide a custom field if is empty

2. Default custom fields
3. Get post with same custom field VALUE as current post
4. WordPress Custom Fields, Part II: Tips and Tricks

Have fun, I did.

• The Best Blog Platform To Use For Creating A Blog Selecting a blogging platform or content management systeem, the choice of blogging program will be one of the first and highly important choices that as a blogger you have to take. The right program can make blogging a breeze, and the wrong platform can make blogging a chore. The platform......
• Wordpress Based Review Template - Here's One I Use! I looked for ages for the perfect Wordpress review template... At the time I didn't know HTML, therefore I needed a theme that's already laid out the way I liked it. How do you find that, and how do you know which one is right for SEO ? There are......
• The Credit Crunch and Your Home - Raise its Value With the recent economic crisis, a lot of individuals are worried about property values in light of the current events. While nothing can be said to predict just how everything can pan out, there are steps that you can perform to raise the value of your home and give yourself......
• Heartbreaking Video Footage of Foreclosure Evictions Chris Hansen of Dateline NBC follows police with a camera crew while evictions are being conducted. The eviction victims are interviewed. This truly is a heartbreaking video. Be sure to explore your loan modification options and prevent foreclosure from happening. It is now easier than ever to perform loan modification......
• Creating and Managing Custom Color and Font Themes You can define your own custom color themes and font themes, and save them for reuse in other presentations. By default these are saved in the personal folders for the logged-in user on the local PC, and they remain available to that user regardless of the theme or template in......