My sidebar
-
Ok, so I figured out how to put on a layout made by alex king. My site is here: http://dillon.wallgardens.com. I need to know how to make it so the side bar stays fit with the layout (it over flows)
here is my layout stuff:
–
—————————————————————————–
<?php
/* Don’t remove this line. */
require(‘./wp-blog-header.php’);
?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head profile=”http://gmpg.org/xfn/1″>
<title><?php bloginfo(‘name’); ?><?php wp_title(); ?></title>
<meta http-equiv=”Content-Type” content=”text/html; charset=<?php bloginfo(‘charset’); ?>” />
<meta name=”generator” content=”WordPress <?php bloginfo(‘version’); ?>” /> <!– leave this for stats –>
<style type=”text/css” media=”screen”>
@import url( <?php echo get_settings(‘siteurl’); ?>/zen.css );
</style>
<link rel=”stylesheet” type=”text/css” media=”print” href=”<?php echo get_settings(‘siteurl’); ?>/print.css” />
<link rel=”alternate” type=”application/rss+xml” title=”RSS 2.0″ href=”<?php bloginfo(‘rss2_url’); ?>” />
<link rel=”alternate” type=”text/xml” title=”RSS .92″ href=”<?php bloginfo(‘rss_url’); ?>” />
<link rel=”alternate” type=”application/atom+xml” title=”Atom 0.3″ href=”<?php bloginfo(‘atom_url’); ?>” />
<link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />
<?php wp_get_archives(‘type=monthly&format=link’); ?>
<?php //comments_popup_script(); // off by default ?>
<?php wp_head(); ?>
</head>
<body>
<div id=”rap”>
<h1 id=”header”>“><?php bloginfo(‘name’); ?></h1>
<div id=”content”>
<?php if ($posts) : foreach ($posts as $post) : start_wp(); ?>
<?php the_date(”,'<h2>’,'</h2>’); ?>
<div class=”post”>
<h3 class=”storytitle” id=”post-<?php the_ID(); ?>”>” rel=”bookmark” title=”Permanent Link: <?php the_title(); ?>”><?php the_title(); ?></h3>
<div class=”meta”><?php _e(“Filed under:”); ?> <?php the_category() ?> — <?php the_author() ?> @ <?php the_time() ?> <?php edit_post_link(); ?></div>
<div class=”storycontent”>
<?php the_content(); ?>
</div>
<div class=”feedback”>
<?php wp_link_pages(); ?>
<?php comments_popup_link(__(‘Comments (0)’), __(‘Comments (1)’), __(‘Comments (%)’)); ?>
</div>
<!–
<?php trackback_rdf(); ?>
–>
<?php include(ABSPATH . ‘wp-comments.php’); ?>
</div>
<?php endforeach; else: ?>
<?php _e(‘Sorry, no posts matched your criteria.’); ?>
<?php endif; ?>
</div>
<div id=”menu”>-
<?php get_links_list(); ?>
<li id=”categories”><?php _e(‘Categories:’); ?>-
<?php wp_list_cats(); ?>
<li id=”search”>
<label for=”s”><?php _e(‘Search:’); ?></label>
<form id=”searchform” method=”get” action=”<?php echo $PHP_SELF; ?>”>
<div>
<input type=”text” name=”s” id=”s” size=”15″ />
<input type=”submit” name=”submit” value=”<?php _e(‘Search’); ?>” />
</div>
</form><li id=”archives”><?php _e(‘Archives:’); ?>
-
<?php wp_get_archives(‘type=monthly’); ?>
<li id=”calendar”>
<?php get_calendar(); ?><li id=”other”><?php _e(‘Other:’); ?>
<li id=”meta”><?php _e(‘Meta:’); ?>
- ” title=”<?php _e(‘Syndicate this site using RSS’); ?>”><?php _e(‘RSS 2.0’); ?>
- ” title=”<?php _e(‘The latest comments to all posts in RSS’); ?>”><?php _e(‘Comments RSS 2.0’); ?>
- “><?php _e(‘Valid XHTML’); ?>
- “>WP
</div>
</div>
<p class=”credit”><!–<?php echo $wpdb->num_queries; ?> queries. <?php timer_stop(1); ?> seconds. –> <cite><?php echo sprintf(__(“Powered by WordPress“), __(“Powered by WordPress, state-of-the-art semantic personal publishing platform”)); ?></cite>
</body>
</html>
——————————————————————————
/*
“Zen” by Michee Rose (www.michee.vrtisworks.com, michee@vrtisworks.com)
02/06/04
based on the Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
*/
/*overall*/
a {
color: #666;
text-decoration:none;
border-bottom: 1px dashed #999;
}
a img {
border: none;
}
a:visited {
color: #444;
}
a:hover {
color: #000;
text-decoration: none;
}
acronym, abbr {
border-bottom: 1px dashed #333;
}
acronym, abbr, span.caps {
font-size: 90%;
letter-spacing: .07em;
cursor: help;
}
blockquote {
border-left: 3px solid #ccc;
margin-left: 1.5em;
padding-left: 5px;
}
body {
background: #fff url(‘http://wallgardens.com/images/grass.jpg’) no-repeat left top;
color: #000
font-size: 100%;
font-family: ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif;
margin: 0;
padding: 0
}
cite {
font-size: 90%;
font-style: normal;
}
h2 {
font: 80% “Times New Roman”, Times, serif;
letter-spacing: 0.2em;
border-bottom: 1px dotted #ccc;
margin: 15px 0 2px 0;
padding-bottom: 2px;
}
h3 {
font-family: “Times New Roman”, Times, serif;
border-bottom: dotted 1px #eee;
margin-top: 0;
}
ol#comments li p {
font-size: 100%;
}
p, li, .feedback {
font: 90%/175% ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif;
letter-spacing: -1px;
}
/*header*/
#header {
font-family: Palatino, Garamond, serif;
text-align: left;
letter-spacing: 0.2em;
line-height: 80%;
margin: 0;
margin-left:350px;
padding-top: 5px;
height:100px;
}
#header a {
color:#000;
font-family: Palatino, Garamond, serif;
font-size: 1.2em;
text-decoration: none;
border: none;
padding:0;
}
#header a:hover {
text-decoration: underline;
}
/*content*/
#content {
border-left: 2px solid #666;
padding-left: 2px;
margin: 50px 12em 0px 190px;
floart:left;
width: 600px;
}
.post {
margin-right: 8em;
}
.feedback {
color: #ccc;
text-align: right;
}
.meta {
font-size: .75em;
border: none;
}
.meta, .meta a {
color: #808080;
font-weight: normal;
letter-spacing: 0;
}
.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.meta li {
display: inline;
}
.storytitle {
margin: 0;
}
.storytitle a {
border: none;
}
#commentform input, #commentform textarea {
background: #fff;
border: 1px solid #333;
}
#commentform textarea {
width: 100%;
}
/*menu*/
#menu {
background: #fff;
border-bottom: 1px solid #666;
border-left: 1px dotted #ccc;
padding: 10px 0 5px 15px;
float:right;
position: absolute;
left: 680px;
top: 50px;
width: 200px;
}
#menu form {
margin: 0 0 0 13px;
}
#menu input {
background: #eee;
letter-spacing: -0.05em;
border: 1px solid #999;
width: 80%;
}
#menu ul {
color: #ccc;
font-weight: bold;
text-transform: lowercase;
list-style-type: none;
margin: 0;
padding-left: 3px;
}
#menu ul li {
font: italic normal 110% ‘Times New Roman’, Times, serif;
letter-spacing: 0.1em;
margin-top: 10px;
padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}
#menu ul ul {
font-variant: normal;
font-weight: normal;
line-height: 100%;
text-align: left;
list-style-type: none;
margin: 0;
padding: 0;
}
#menu ul ul li {
letter-spacing: 0;
border: 0px none;
margin-top: 0;
padding-left: 12px; font-style:normal; font-variant:normal; font-weight:normal; line-height:115%; font-size:70%; font-family:Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif; padding-right:0; padding-top:0; padding-bottom:0
}
#menu ul ul li a {
color: #000;
text-decoration: none;
}
#menu ul ul li a:hover {
border-bottom: 1px solid #809080;
}
#cam {
font-size: .5em;
text-align: center;
}
#wp-calendar {
font-size: 14px;
border: 1px solid #ddd;
margin: 0;
width: 90%;
empty-cells: show;
}
#wp-calendar #next a {
text-align: right;
padding-right: 10px;
}
#wp-calendar #prev a {
text-align: left;
padding-left: 10px;
}
#wp-calendar a {
text-decoration: none;
display: block;
}
#wp-calendar a:hover {
background: #e0e6e0;
color: #333;
}
#wp-calendar caption {
color: #999;
font-size: 16px;
text-align: left;
}
#wp-calendar td {
color: #ccc;
font: normal 12px ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif;
text-align: center;
letter-spacing: normal;
padding: 2px 0;
}
#wp-calendar td.pad:hover {
background: #fff;
}
#wp-calendar td:hover, #wp-calendar #today {
background: #eee;
color: #bbb;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/*footer/credit*/
.credit {
background: #666666;
color: #fff;
font-size: .9em;
text-align: center;
margin: 0px;
padding: 3px;
border-top: double 3px #999;
clear:both;
}
.credit
- The topic ‘My sidebar’ is closed to new replies.