danstech

I found my problem… I needed coffee! I missed the # in the function…

$o.='
				</div><!-- .coda-slider .preload -->
			</div><!-- coda-slider-wrapper -->
			<script type="text/javascript">
				$().ready(function() {
					$(\'#'. $id .'\').codaSlider({' . $args .'});
				});
			</script>';

Just to clarify do you want to do this as the admin, or do you want your users to change the way the site looks?

try
/%postname%/

Nope, but I do have some code on that. Just use the default page widget, and put this in the style.css

div.widget_pages ul li{
	background: url(example.png) center no-repeat;
	text-align: center;
	list-style-position: inside;
	padding: 55px 0 25px;
}

div.widget_pages ul li a{
	font-size: 20px;
	font-weight: bold;
	color: white;
}

You will need to change the padding line and the background line to fit your image.

Did you save the permalink structure when you checked it?