Free web graphic design job listing board

Post a Position Widgets

Would you like to have job listings on your website or blog?

Help generate more traffic to your site by offering your visitors additional content. Our job listing widget is a great way to fill in unused spaces in your sidebar or footer.
You can style our CustomWidget however you want to with CSS. We've included the CSS we used with comments on what's - what. We encourage you to go to town with the look and make it fit your own style.
We will list you as part of our network and link to your site.

Post a Position SpringWidget

Customize & Get our SpringWidget!

Post a Position CustomWidget

If you need a custom setup, maybe you would like to display more than 5 job listings at once, please contact us.

Installation

Copy/Paste this code anywhere into the body section of your website.

Copy/Paste this CSS code into the head section of your document.

/* Title Div: "Jobs provided by Post a Position" **********/
.papwidget_title {
	padding: 2px 0 0 3px;
	height:25px;
	font-size:16px;
	font-weight:bold;
	color:#575757;
	border-bottom: 1px solid #DBDBDB;
}

/* Title Links **********/
.papwidget_title a {
	color:#333;
	text-decoration:none;
}
.papwidget_title a:hover {
	background-color:#F5F5F5;
	color:#575757;
	text-decoration:none;
}

/* Job Links Wrapper Div **********/
.papwidget_jobs {
	background-color:#F5F5F5;
}

/* Job Links **********/
.papwidget_jobs ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.papwidget_jobs ul li a {
	display:block;
	margin: 1px 0 1px 0;
	padding:3px;
	color:#575757;
	text-decoration:none;
}
.papwidget_jobs ul li a:hover {
	background-color:#DBDBDB;
	color:#fff;
}

/* Post a New Job Wrapper Div: "Post a Job for Free"  **********/
.papwidget_postnew {
	padding: 2px 0 0 3px;
	border-top: 1px solid #DBDBDB;
}

/* New Job Links **********/
.papwidget_postnew a {
	display:block;
	margin: 1px 0 1px 0;
	padding:1px;
	width:100%;
	color:#333;
	text-decoration:underline;
}
.papwidget_postnew a:hover {
	color:#333;
	background-color:#FBFBFB;
}</style>

Demo

Here's a standard example with basic CSS.