Thread: how to adjust this wordpress template

Damm, i not even see the dot in the cbck.gif...
this theme are really tricky. using a lot of repeating image as the color in the whole website...

does this any benefit? loading more fast or save hosting bandwidth?

Actually I don't see any benefit. Try comparing a "border: 1px dotted color" and a small image file where you have to call them using "background: url(path/to/image.gif)". Of course the latter requires more work, more codes, thus leading to more bandwidth.

I would say it's the designer's trick to make the theme hard to customize.

Here's what I suggest you to do. Remove all the image background border and you're all set.

Originally Posted by GeminiGeek

Actually I don't see any benefit. Try comparing a "border: 1px dotted color" and a small image file where you have to call them using "background: url(path/to/image.gif)". Of course the latter requires more work, more codes, thus leading to more bandwidth.

I would say it's the designer's trick to make the theme hard to customize.

Here's what I suggest you to do. Remove all the image background border and you're all set.

so your advice is to take out all those back ground image?

I almost finish for this theme editing...

now i would like to change some layout in the content. this theme only apear 1 full (latest) post on main page, the rest, queue at below, i want to make it like normal...

i think is edit in the index, here is the code, anyone can sugest wic part need to change?

Code:

<?php get_header(); ?>

	<div id="content">

<?php include (TEMPLATEPATH . '/menu.php'); ?>
	<?php if (have_posts()) : ?>
	<?php $firstpostquery = new WP_Query('showposts=1'); ?>
	<?php while($firstpostquery->have_posts()) : $firstpostquery->the_post(); $firstpost = $post->ID; ?>
<div class="entry">
		<div class="post" id="post-<?php the_ID(); ?>">
			<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
			<small>Written by <?php the_author() ?> on <abbr title="<?php the_time('Y-m-d\TH:i:sO'); ?>"><?php unset($previousday); printf(__('%1$s – %2$s'), the_date('', '', '', false), get_the_time()) ?></abbr> - <?php if(function_exists('the_views')) { the_views(); } ?> </small>
				<div class="line"></div>

			
				<?php the_content('Read the rest of this entry &raquo;'); ?>
		

			<div class="postinfo"><?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?> <img src="<?php bloginfo('template_directory'); ?>/i/cm.gif" alt="comment" /> | Posted in &raquo; <?php the_category(', ') ?> <?php edit_post_link('| Edit', '', ' | '); ?> </div>
		</div>	
		
</div>
<div class="googleads1">
put your ads here
</div>
	<?php endwhile; ?>                                
	<?php endif; ?>


	<?php if (have_posts()) : ?>

		<?php $count=0; while (have_posts()) : the_post(); if(!($firstpost == $post->ID)) : ?>
		<?php if($count % 2 == 0) echo '<div class="left">'; else echo '<div class="right">'; ?>
		
			<div class="post" id="post-<?php the_ID(); ?>" style="">
				<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
				<small><abbr title="<?php the_time('Y-m-d\TH:i:sO'); ?>"><?php unset($previousday); printf(__('%1$s – %2$s'), the_date('', '', '', false), get_the_time()) ?></abbr> <!-- by <?php the_author() ?> --></small>
<div class="clear"></div>
			
					<p><?php the_content_rss('', TRUE, '', 30) ; ?></p><div class="clear"></div>
					
		
			</div>
		</div>
		<?php if($count % 2 != 0) echo '<div class="clear"></div>';?>

		<?php $count++; endif; ?>

		<?php  endwhile; ?>
		
<div style="clear:both"></div>
		<div class="navigation">
			<div class="alignleft"><?php next_posts_link('&laquo; Previous Entries') ?></div>
			<div class="alignright"><?php previous_posts_link('Next Entries &raquo;') ?></div>
		</div>

	<?php else : ?>

		<h2 class="center">Not Found</h2>
		<p class="center">Sorry, but you are looking for something that isn't here.</p>


	<?php endif; ?>

	</div>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Here's the edit, and I've inserted a code where your google ads will display in between 2 posts for post 1-2 and 2-3.

Code:

<?php get_header(); ?>

	<div id="content">

<?php include (TEMPLATEPATH . '/menu.php'); ?>

	<?php if (have_posts()) : ?>
	<?php $postnumber=0; ?>

	<?php while (have_posts()) : the_post(); ?>
	<?php $postnumber++ ;?>

	<div class="entry">
		<div class="post" id="post-<?php the_ID(); ?>">
			<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
			<small>Written by <?php the_author() ?> on <abbr title="<?php the_time('Y-m-d\TH:i:sO'); ?>"><?php unset($previousday); printf(__('%1$s – %2$s'), the_date('', '', '', false), get_the_time()) ?></abbr> - <?php if(function_exists('the_views')) { the_views(); } ?> </small>
				<div class="line"></div>
			
				<?php the_content('Read the rest of this entry &raquo;'); ?>

			<div class="postinfo"><?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?> <img src="<?php bloginfo('template_directory'); ?>/i/cm.gif" alt="comment" /> | Posted in &raquo; <?php the_category(', ') ?> <?php edit_post_link('| Edit', '', ' | '); ?> </div>
		</div>	
	</div>
	
	<?php
	// This is added so that your adsense goes in between post 1 and 2, and also post 2 and 3 
	// If there's error, just remove this whole piece of code :D
	if ($postnumber == 1 or $postnumber == 2) { ?>
	<div class="googleads1">
	<!-- Your ads goes here -->
	</div>
	<?php } 
	// End of Ads between blog post code
	?>
	
	<?php  endwhile; ?>
		
	<div style="clear:both"></div>
	<div class="navigation">
		<div class="alignleft"><?php next_posts_link('&laquo; Previous Entries') ?></div>
		<div class="alignright"><?php previous_posts_link('Next Entries &raquo;') ?></div>
	</div>

	<?php else : ?>

		<h2 class="center">Not Found</h2>
		<p class="center">Sorry, but you are looking for something that isn't here.</p>

	<?php endif; ?>

</div>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Should be correct one. Just make sure you make a backup before putting this on.

thank man...i manage to set the content that i want...

by the way, i have screw up the sidebar again... how i adjust the width on the sidebar also no different...

any special place that i can trace? and increase the width?

err... the sidebar look ok with me... anything wrong with that??

The right sidebar got pushed down. it's probably because some of your widgets is bigger than the sidebar width. You can try inserting those widgets one by one and try to detect which widgets is giving the error. Do note to check BOTH sidebar, not only the right sidebar.

If none of those widgets gives you the problem, then it could be you messed up the codings in your sidebar..

at last i redo all the width with the original copy, now almost all the width suitable me, but 1 thing is while i increase the width in the "Navigation top"

HTML Code:

/*****************************************/
/* NAVIGATION TOP *                       /
/*****************************************/
#nav{width:545px;height:30px;line-height:30px;float:left;padding:0; margin:10px 0 10px 

0;background:#f3f2ed;}
ul.nav{height:30px;line-height:30px;float:left;list-style:none;font-size:12px;font-weight:700;text-

transform:uppercase;margin:0;padding:0;}
ul.nav li{float:left !important;list-style-type:none;margin:0;padding:0;}
ul.nav li a,ul.nav li a:link,ul.nav li a:visited{border-bottom:0;border-

left:0;background:#f3f2ed;color:#555;float:left;display:block;text-decoration:none;padding:0 10px;}
ul.nav li a:hover,ul.nav li a:active{background:#fff;color:#555;text-decoration:none;}
ul.nav li.home a{border-left:2px solid #fff;text-decoration:none;}
ul.nav li.current_page_item a{text-decoration:none;color:#555;background:#fff;}
ul.nav li ul{float:left;margin:0;padding:0;}

the "about me" box are move to right with IE view, but the FF view are unable to move to right... any one have idea why this happen?

refer to LittlePenang