Hello coders, here's a mess I made out of my WordPress theme: http://www.hostvision.info/wordpress Why in the world is it repeating content? Please help!!!
seems your sidebar is being including in the main loop of wordpress, check your index.php file for the loop: <?php if (have_posts()) : while (have_posts()) : the_post(); ?> .................. .................... .................... <?php endwhile; else: ?> <p><?php _e('Sorry, no posts matched your criteria.'); ?></p> <?php endif; ?> Code (markup): should look something like that, if you find <?php get_sidebar(); ?> Code (markup): within it, theres your problem, just take it out and put it after the loop or however your theme is set up. <?php if (have_posts()) : while (have_posts()) : the_post(); ?> .................. .................... .................... <?php endwhile; else: ?> <p><?php _e('Sorry, no posts matched your criteria.'); ?></p> <?php endif; ?> <?php get_sidebar(); ?> Code (markup):
Ohh...okay. Hell, I've got another problem now...the white borders of the page. Sorry guys, its my first theme.
I need to see come CSS. I was not asking for php. You should make it a little bit easy for as as we are giving you of our time.
Oh yes, I am deeply thankful, really Here is index.php <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html <?php language_attributes(); ?> <head> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" > <title><?php bloginfo('name'); ?><?php wp_title(); ?></title> <style type="text/css" media="screen"> @import url( <?php bloginfo('stylesheet_url'); ?> ); </style> <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 1.0" 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> <table cellspacing=0px cellpadding=0px border=0px margin=0px height=100% width=100%> <tr><td width=100% height=206px> <h1 id="header"><div align=center><table cellspacing=0px cellpadding=10px border=0px height=239px width=782px><tr><td height=239px width=782px background="http://www.hostvision.info/wordpress/wp-content/themes/classic/images/blacktop.jpg"><div align="center" class="toplinks"><font face="Arial" color=#ffffff size=15px></font><br><font color=#ffffff></div><div align="right" class="toplinks"><!--<a href="wordpress/wp-admin"><img src="http://www.hostvision.info/wp/wp-content/themes/classic/images/admin.jpg"></a>//--><br> <!--<a href="wordpress/rss.xml"><img src="http://www.hostvision.info/wp/wp-content/themes/classic/images/rss.jpg"></a>//--><a href="wordpress/wp-admin"><img src="http://www.hostvision.info/wp/wp-content/themes/classic/images/admin.jpg"></a><br><a href="wordpress/rss.xml"><img src="http://www.hostvision.info/wp/wp-content/themes/classic/images/rss.jpg"></a></div> <div class="navtheme"><a href=""><img src="http://img255.imageshack.us/img255/6137/152hu8.png"></a></div> </td></tr></table></div></h1> </td></tr> <tr><td align="center" width=782px><div align="center" bgcolor=#ffffff><table cellspacing=0 cellpadding=0 width=782px height=173px><tr><div align="center"><td height=100% width=782px background="http://www.hostvision.info/wordpress/wp-content/themes/classic/images/toppey.jpg"><div align="center"><font face="Tahoma" color=#ffffff size=20px>Your logo.</font><br><font color=#ffffff>Describe your blog here, cause thats what they'll read.</font></div></td></div></tr></table></div></td> </tr><tr><td> <div align="center"><table height=90%px width=782px cellpadding=10px cellspacing=0px border=0px><tr bgcolor=#ffffff><td bgcolor=#ffffff> <!-- end header --> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <div class="post" id="post-<?php the_ID(); ?>"> <h3 class="storytitle"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3> <div class="meta"><?php _e("Filed under:"); ?> <?php the_category(',') ?> — <?php the_tags(__('Tags: '), ', ', ' — '); ?> <?php the_author() ?> @ <?php the_time() ?> <?php edit_post_link(__('Edit This')); ?> </div> <div class="storycontent"> <?php the_content(__('(more...)')); ?> </div> <div class="feedback"> <?php wp_link_pages(); ?> <?php comments_popup_link(__('Comments (0)'), __('Comments (1)'), __('Comments (%)')); ?> </div> <!-- END NEW CODEY //--> <?php comments_template(); // Get wp-comments.php template ?> <?php endwhile; else: ?> <p><?php _e('Sorry, no posts matched your criteria.'); ?></p> <?php endif; ?> </td><td><div align="center"> <table width=80px height=500px><tr><td bgcolor=#ececec border=0px cellpadding=0px cellspacing=0px> <!-- begin sidebar --> <ul> <?php /* Widgetized sidebar, if you have the plugin installed. */ if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?> <?php wp_list_pages('title_li=' . __('Pages:')); ?> <?php wp_list_bookmarks('title_after=&title_before='); ?> <?php wp_list_categories('title_li=' . __('Categories:')); ?> <li id="search"> <label for="s"><?php _e('Search:'); ?></label> <form id="searchform" method="get" action="<?php bloginfo('home'); ?>"> <div> <input type="text" name="s" id="s" size="15" /><br /> <input type="submit" value="<?php _e('Search'); ?>" /> </div> </form> </li> <li id="archives"><?php _e('Archives:'); ?> <?php wp_get_archives('type=monthly'); ?> </li> <li id="meta"><?php _e('Meta:'); ?> <?php wp_register(); ?> <li><?php wp_loginout(); ?></li> </li> <?php endif; ?> <!-- end sidebar --> </td><td width=150px height=70%><img src="http://www.hostvision.info/wp/wp-content/themes/classic/images/ads4.jpg"><br><img src="http://www.hostvision.info/wp/wp-content/themes/classic/images/ads2.jpg"><br><img src="http://www.hostvision.info/wp/wp-content/themes/classic/images/ads3.jpg"><br><img src="http://www.hostvision.info/wp/wp-content/themes/classic/images/ads4.jpg"><br><img src="http://www.hostvision.info/wp/wp-content/themes/classic/images/ads4.jpg"><br></td></tr></table></div></td></tr><table></div></td><td width=10%> </td></tr> <tr><td background="http://www.hostvision.info/wordpress/wp-content/themes/classic/images/bottom.png" width=870px></td></tr> <tr><td> <?php posts_nav_link(' — ', __('« Older Posts'), __('Newer Posts »')); ?> </td></tr> <tr><td background="http://www.hostvision.info/wp/wp-content/themes/classic/images/downwhite.jpg" width=782px></td></tr> </table> <?php get_footer(); ?> Code (markup):
This theme uses a lot of tables! Tableless designs are the way to go. And u cannot stretch the header to fullscreen coz the header image is fixed http://www.hostvision.info/wordpress/wp-content/themes/classic/images/toppey.jpg @ BANAGO, here's his CSS : /* Theme Name: WordPress Classic Theme URI: http://wordpress.org/ Description: The original WordPress theme that graced versions 1.2.x and prior. Version: 1.5 Author: Dave Shea Tags: mantle color, variable width, two columns, widgets Default WordPress by Dave Shea || http://mezzoblue.com Modifications by Matthew Mullenweg || http://photomatt.net This is just a basic layout, with only the bare minimum defined. Please tweak this and make it your own. :) */ a { color: #666666; text-decoration: none; } a img { border: none; } a:visited { color: #61a0e1; } a:hover { color: #3e68ab; } acronym, abbr { border-bottom: 1px dashed #4bb2d1; } acronym, abbr, span.caps { font-size: 90%; letter-spacing: .07em; } acronym, abbr { cursor: help; } blockquote { border-left: 5px solid #4bb2d1; margin-left: 1.5em; padding-left: 5px; } body { background-image:url('http://www.hostvision.info/wp/wp-content/themes/classic/images/background.png'); color: #61a0e1; font-family: Tahoma, arial margin: 0; padding: 0; } cite { font-size: 90%; font-style: normal; } h2 { font: 95% "Times New Roman", Times, serif; letter-spacing: 0.2em; margin: 15px 0 2px 0; padding-bottom: 2px; } h3 { font-family: "Times New Roman", Times, serif; 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; } /* classes used by the_meta() */ ul.post-meta { list-style: none; } ul.post-meta span.post-meta-key { font-weight: bold; } .credit { <!--background-image:url('http://www.hostvision.info/wp/wp-content/themes/classic/images/background.png');//--> color: #61a0e1; font-size: 11px; margin: 10px 0 0 0; padding: 3px; text-align: center; } .credit a:link, .credit a:hover { color: #61a0e1; } .feedback { color: #ccc; text-align: right; clear: both; } .meta { font-size: .75em; } .meta li, ul.post-meta li { display: inline; } .meta ul { display: inline; list-style: none; margin: 0; padding: 0; } .meta, .meta a { color: #808080; font-weight: normal; letter-spacing: 0; } .storytitle { margin: 0; background-image:url('http://www.hostvision.info/wp/wp-content/themes/classic/images/topic.jpg'); height: 35px; width: 340px; padding-top:5px; padding-left:5px; background-repeat:no-repeat; font-family: arial, myriad pro, times new roman,lucida, verdana, arial; } .storytitle a { font: arial; color: #ffffff; text-decoration: none; font-family: arial, myriad pro, times new roman,lucida, verdana, arial; font-size:18px; } #commentform #author, #commentform #email, #commentform #url, #commentform textarea { background: #fff; border: 1px solid #333; padding: .2em; } #commentform textarea { width: 100%; } #commentlist li ul { font-size: 110%; list-style-type: none; } #commentlist li .avatar { float: right; margin-right: 25px; padding: 2px; } #content { margin: 30px 13em 0 3em; padding-right: 60px; width: 600px; font-family: arial, myriad pro, times new roman,lucida, verdana, arial; } #header { background-image:url('http://www.hostvision.info/wp/wp-content/themes/classic/images/header.png'); letter-spacing: 0.2em; margin: 0; height: 236px; } #header a { color: #fff; text-decoration: none; } #header a:hover { text-decoration: underline; } #menu { background: #fff; padding: 20px 0 10px 30px; right: 2px; top: 0; width: 11em; } #menu form { margin: 0 0 0 13px; } #menu input#s { width: 80%; background: #eee; color: #3e68ab; } #menu ul { color: #3e68ab; font-weight: bold; list-style-type: none; margin: 0; padding-left: 3px; text-transform: lowercase; } #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%; list-style-type: none; margin: 0; padding: 0; text-align: left; background-image:url('http://www.hostvision.info/wp/wp-content/themes/classic/images/bullet.jpg'); } #menu ul ul li { border: 0; font: normal normal 12px/115% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; letter-spacing: 0; margin-top: 0; padding: 0; padding-left: 12px; background-image:url('http://www.hostvision.info/wp/wp-content/themes/classic/images/bullet.jpg'); } #menu ul ul li a { color: #666666; font-family: Arial; font-size:12px; text-decoration: none; } #menu ul ul li a:hover { } #menu ul ul ul.children { font-size: 142%; padding-left: 4px; background-image:url('http://www.hostvision.info/wp/wp-content/themes/classic/images/bullet.jpg'); } #wp-calendar { border: 1px solid #ddd; empty-cells: show; font-size: 14px; margin: 0; width: 90%; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; text-decoration: none; } #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; letter-spacing: normal; padding: 2px 0; text-align: center; } #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; } .post { width: 340px; background:#efefef; font-family: Arial; font-size: 12px; color: #666666; } body li {list-style:url('http://hostvision.info/wordpress/wp-content/themes/classic/images/bullet.jpg'); .toplinks { padding-top:200px; } body table { height:100%; width:100%; padding:0px; margin:0px; border:0px; } .navtheme { padding-top:200px; text-align:left; font-size:11px; align:bottom; } Code (markup):
I can see that and I am very sorry for that. I have done only one table-based design during all my web designing and coding life. It sucks to me to work with tables, so here is an offer. What do you think if we go through it and make it tableless, I will give my service for free for this project. What do you think? Let me know
Thanks! Let's have a start. Can you please download the theme, zip it and send it to my email? Or we can do it online, if you give me ftp access for my HTML Editor. Let me know.