navigation down the center of the page

  • I have a concept in mind for a site where there will be opposing sides to each post. I thought it would be cool if I could have the navigation appear between the two columns.

    Any ideas? Like a plugin that would insert the nav in a post? Or maybe it’s possible with template tags?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter jazzylee77

    (@jazzylee77)

    I guess What I’m really hoping for is a way to add the sidebar in middle of a post.

    Thread Starter jazzylee77

    (@jazzylee77)

    I’m making progress on this. Using Exec-PHP plugin and then in the post `<table border=”0″ width=”100%”>
    <tr>
    <td>leftside content</td>
    <td><?php get_sidebar(); ?></td>
    <td>rightside content</td>
    </tr>
    </table>`

    I just need to mess with the theme now and it should work!

    Thread Starter jazzylee77

    (@jazzylee77)

    I’m now having trouble with the css to get the post centered instead of floating left. It needs to be centered because the background image will help divide the page and it is positioned center. Here’s what the css looks like right now. Yeah I know I’ve probably got text-align:center; in all kinds of places it doesn’t need to be

    body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;margin:0;padding:0; color:#666;background-image:
url('/wp-content/themes/osu-mich/images/background.gif');
background-repeat: repeat-y;background-position: top center}
#top{width:1000px;height:54px;margin:0px auto;padding:0;}
#header{margin:0 auto;padding:0;}
#header h1{text-indent:-10000px;margin:0;padding:0;}
#header h1 a{display:block;background:url(images/logo.gif) no-repeat center;height:54px;}
h1, h2, h3 { font-family:Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; font-size:14px; font-weight:bold;}
a:link { text-decoration: none; color : #006699; border: none;}
a:active { text-decoration: none; color : #006699; border: none;}
a:visited { text-decoration: none; color : #006699; border: none;}
a:hover	{ text-decoration: underline; color : #4192e5; border: none;}
#nav{background-color:#E3E3E3;height:25px;border-bottom:#121947 8px solid;margin:0;padding:0;}
#nav2{height:35px;width:800px;font-weight:700;margin:0 auto;padding:0;}
ul.nav2{height:35px;line-height:35px;text-align: center;list-style:none;font-size:12px;font-weight:700;margin:0;padding:0;}
ul.nav2 li{text-align: center; !important;list-style-type:none;margin:0;padding:0;}
ul.nav2 li a,ul.nav2 li a:link,ul.nav2 li a:visited{text-decoration:none;color:#113255;text-align: center;display:block;padding:0 10px;}
ul.nav2 li a:hover{color:#4192e5;text-decoration:underline;}
ul.nav2 li a:active{color:#4192e5;text-decoration:none;}
ul.nav2 li.current_page_item a{text-decoration:none;color:#4192e5;}
ul.nav2 li ul{text-align: center;margin:0;padding:0;}
.postmetadata { background:#transparent; padding:5px;}
span.cmt{background:transparent url(images/comment.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
span.cty{background:transparent url(images/category.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
#main{width:1000px;margin:0 auto;padding:0;}
#content{width:1000px;text-align: center;padding:0; border-right:0px #d8eaf3 solid;}
.entry{text-align: center;width:990px;margin:0;padding:0; overflow:hidden;}
#sidebar{text-align:center;width:200px;margin:10px 0 0;padding:0;}
#rsidebar{text-align:center;width:200px;margin:0;padding:0; overflow:hidden;}
#rsidebar h2{font-size:12px;border-bottom:#eee 1px solid;margin:0 0 5px;padding:0;}
#rsidebar ul{list-style-type:none;margin:0;padding:0;}
#rsidebar ul li{list-style-type:none;margin:0 0 10px;padding:0;}
#rsidebar ul li ul{list-style-type:square;margin:0;padding:0 3px;}
#rsidebar ul li ul li{list-style-type:none;background:transparent url(images/li.gif) no-repeat 0 3px;border:0;margin:0;padding:0 0 3px 15px;}
.navigation{width:580px;color:#666;margin:0 auto; padding:0;}
.alignright{float:right;margin-top:10px; margin-bottom:10px;}
.alignleft{float:left;margin-top:10px; margin-bottom:10px;}
#searchform { height:35px; line-height:35px; float:right; margin: 0; padding: 0;  }
input#s { color: #5188d2; width: 200px; border: 1px solid #cbcbcb; background:#transparent;}
#footer{background:#transparent;clear:both;height:35px !important;margin:0;padding:0;}
#footerbox{background:#121947;height:30px;line-height:30px !important;margin:0;padding:0;}
.footer{width:800px;color:#e3e3e3;height:30px;line-height:30px !important;margin:0 auto;padding:0;}
.footer a:hover{text-decoration:underline;color:#777;border:none;}
.footer a:link,.footer a:active,.footer a:visited{text-decoration:underline;color:#25aacd;border:none;}
.boxcomments{border-top:5px solid #ddd;border-bottom:5px solid #ddd;margin-bottom:20px;width:580px;}
#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist :hover{background:#e7f9ff;}
ol.commentlist li{border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
ol.commentlist li :hover{background:none;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h2{margin:0;}
ol.tblist{border-top:1px solid #121947;list-style:none;margin:0 0 1px;padding:15px;}
ol.tblist li{display:block;list-style:none;background:#transparent;padding-left:15px;margin:0 0 5px;}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘navigation down the center of the page’ is closed to new replies.