Post by Joe C on Feb 10, 2009 22:07:53 GMT
Alright here is my site
www.josephcarl.com
im trying to add a left sidebar and the middles posts would align up with the banner with a side bar on each side.
the right one is there but the left one isnt
I cant seem to get the leftside bar to register.
I am using wordpress.
here is my index.php
i tried a tutorial.... ( that didnt work) and I have a sidebarleft.php created with:
in it.
I am also told i need to probley mess with the css
i am very lost in all of this and have tried numberous things to get this sidebar to register.
any coding masters that could help?
www.josephcarl.com
im trying to add a left sidebar and the middles posts would align up with the banner with a side bar on each side.
the right one is there but the left one isnt
I cant seem to get the leftside bar to register.
I am using wordpress.
here is my index.php
<?php
get_header();
?>
<div align="center">
<div id="content">
<div id="main">
<div class="top"></div>
<div id="main_content">
<?php if (is_category()) { ?>
<h2 class="pagetitle">'<?php echo single_cat_title(); ?>' Category</h2>
<div id="category-description"> <?php echo category_description(); ?> </div>
<?php } ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="post">
<div class="data">
<?php the_time('F jS, Y') ?>
</div>
<h3 class="storytitle" id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>">
<?php the_title(); ?>
</a></h3>
<div class="autor">
<?php the_category(', ') ?>
<?php edit_post_link('Edit','|',''); ?>
</div>
<div class="storycontent">
<?php
if (is_category()) {
the_excerpt();
} else {
the_content(__('(more...)'));
} ?>
</div>
<div class="feedback">
<?php wp_link_pages(); ?>
<?php comments_popup_link(__('0 Comments'), __('1 Comments'), __('% Comments')); ?>
</div>
<!--<?php trackback_rdf(); ?>-->
</div>
<?php comments_template(); // Get wp-comments.php template ?>
<?php endwhile; else: ?>
<p>
<?php _e('Sorry, no posts matched your criteria.'); ?>
</p>
<?php endif; ?>
<?php posts_nav_link(' — ', __('« Previous Page'), __('Next Page »')); ?>
</div>
<div class="bottom"></div>
</div>
<div id="sidebar">
<div class="top"></div>
<?php get_sidebar(); ?>
<div id="sidebar">
<div class="bottom"></div>
</div>
<?php get_footer(); ?>
</div>
</div>
i tried a tutorial.... ( that didnt work) and I have a sidebarleft.php created with:
<div>
<ul>
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else : ?>
<?php endif; ?>
</ul>
</div>
in it.
I am also told i need to probley mess with the css
*/
blockquote {
color: #336633;
font-style: italic;
}
body {
background: #0E0E0E url(images/bg.gif) repeat-x top fixed;
line-height:16px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
color:#E4E4E4;
}
#headerimg {
margin: 35px 0px 10px 0px;
background: url(images/title.jpg) no-repeat;
height: 94px;
width: 577px;
}
#title {
font-size: 28px;
font-weight: normal;
color: #97CA00;
padding: 30px 0px 0px 0px;
}
#description {
color: #E3E3E3;
margin-top: 20px;
}
#content {
margin-top: 10px;
width: 810px;
}
#sidebar {
width: 180px;
background:url(images/side_mid.jpg) repeat-y;
float:right;
}
#sidebar .top {
background:url(images/side_top.jpg) no-repeat top;
height: 13px;
}
#sidebar .bottom {
background:url(images/side_bottom.jpg) no-repeat bottom;
height: 20px;
}
#main {
float:left;
width: 577px;
background:url(images/main_mid.jpg) repeat-y;
margin: 0px 15px;
text-align: left;
}
#main .top {
height:58px;
background:url(images/main_top.jpg) no-repeat top;
}
#main .bottom {
height:14px;
background:url(images/main_bottom.jpg) no-repeat top;
}
a, a:visited, a:active, a:hover{
color: #9c3;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
#main_content {
padding: 0px 10px;
}
.post {
padding: 0px;
}
form {
margin: 0px;
padding: 0px;
}
input {
background: #F8F8F8;
border-color: #999999;
border-style: solid;
border-width: 1px;
font-size: 11px;
}
li#about {
font-size: 10px;
}
p.comment_meta {
font-size: .9em;
margin: 0 0 10px 10px;
}
select {
border: 1px solid #003300;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
margin: 5px;
padding-left: 3px;
}
textarea {
border: 1px solid #999999;
font-size: 11px;
font-variant: normal;
margin: 5px;
margin: 5px;
padding: 3px;
padding: 3px;
width: 95%;
}
textarea:hover {
}
.autor {
border-bottom: 1px dotted #999999;
font-size: 10px;
}
.commentlist {
margin: 0;
padding: 0;
}
.commentlist li {
border: 1px solid #CCCCCC;
list-style: none;
margin: 10px;
padding: 10px 10px 0 10px;
}
.commentlist li:hover {
border: 1px solid #CCCCCC;
}
.data{
color: #3D3D3D;
font-size: 13px;
margin-top: 5px;
text-align: right;
}
.feedback {
border: 1px solid #333333;
margin-bottom: 12px;
padding: 3px;
}
.image-align-left {
float: left;
padding: 4px;
}
.image-align-right {
float: right;
padding: 4px;
}
.meta {
color: #999999;
float: left;
font-size: 10px;
}
.storycontent {
line-height: 130%;
padding-top: 10px;
}
.storytitle {
font-size: 13px;
font-weight: bold;
margin-bottom: 2px;
padding-top: 2px;
text-align: left;
}
.storytitle a:link, .storytitle a:visited, .storytitle a:hover {
text-decoration: none;
}
#sidebar {
text-align: right;
}
#sidebar h2 {
color: #666666;
font-size: 14px;
font-weight: bold;
height: 20px;
margin: 0px;
padding-bottom: 0px;
padding-right: 10px;
padding-top: 10px;
text-align: right;
}
#sidebar ul {
list-style: none;
margin: 0px 0px 0px -10px;
padding: 0px;
padding-right: 10px;
text-align: right;
}
#sidebar ul li {
padding-bottom: 3px;
padding-left: 10px;
padding-top: 3px;
text-align: right;
list-style: none;
}
#sidebar ul li ul {
list-style: none;
margin: 0px 0px 0px 5px;
padding: 0px;
text-align: right;
}
#sidebar ul li ul li {
border: none;
list-style-type: none;
margin: 0px 0px 0px -10px;
padding-bottom: 2px;
padding-right: 10px;
padding-top: 2px;
text-align: right;
}
input, textarea {
color: #CCCCCC;
border: 1px solid #999;
background-color:#333333;
}
input {
color: #9c3;
}
#submit {
cursor: pointer;
cursor: hand;
height: 22px;
margin: 0px;
float: right;
text-align:center;
padding: 0px 4px;
}
#s {
height: 17px;
margin: 0px;
width: 90px;
padding: 0px;
float: right;
padding-top: 3px;
border-right-width: 0px;
}
#subnav {
color: #999999;
float: right;
margin-right: 5px;
margin-top: -20px;
}
#subnav a:link, #subnav a:visited {
color: #666666;
font-size: 9px;
font-weight: normal;
text-transform: uppercase;
}
#subnav a:hover {
color: #000000;
}
small, small a:link, small a:visited {
color: #666666;
}
a img {
border-width: 0px;
}
#footer {
background: #0E0E0E;
font-size: 10px;
text-align: right;
margin-top: 20px;
}
i am very lost in all of this and have tried numberous things to get this sidebar to register.
any coding masters that could help?