Kevin Kwok

oh man there is a lot to do just from a psd, also depends on complexity of design, you will have to learn to love divs and know everything about them.

A suggestion I would do is google around for free wordpress templates that you feel kind of resembles what you want to do with your layout. basically look for layouts that might be a skeleton to your future layout. and then you can install that theme and build, and customize it to your needs.

1) you try this by changing the css property of the footer or whatever ID is for the footer text

yourcssID{
display:none;
}

2)if you login as admin for your wordpress, go to appearance>widgets
then you should see on the right your meta widget just click and drag it outside the sidebar if that makes sense.

haha i think this is more of a document of my process, I refuse to give up. so hopefully this will someday help someone looking for the same thing. So I managed to style more of the code to get closer to what I want.

I manged to…

• place the rules in the correct places
• tweakthe code michael gave me to display: category title and description
• add div to the category name an description to style only that
• position the category info in the correct spot
• I even managed to have it stylize with my original thumbnail posts with title and author showing. and still be organized according to michael’s code
• However it does not want to stay insync with the position of the category and the rules….

My code: (so far)

<?php
//for each category, show posts
$cat_args=array(
  'orderby' => 'ID',
  'order' => 'DESC'
   );
$categories=get_categories($cat_args);
  foreach($categories as $category) {
    $args=array(
      'orderby' => 'title',
      'order' => 'ASC',
      'showposts' => -1,
      'category__in' => array($category->term_id),
      'caller_get_posts'=>1
    );
    $posts=get_posts($args);
      if ($posts) {
        echo '

		<div style="position:absolute;margin-bottom:20px;margin-top:-24px; margin-left:-10px;">
		<hr color="#000000" size="0.5px" style="height:0.5px;width:659px;">
		</div>

		<div style="position:inherit; margin-left:680px; margin-top:-25px; width:200px">
		<hr color="#000000" size="0.5px" style="height:0.5px;margin-bottom:20px;"/>

		<div style="font-family:Courier New; font-size:16px; padding-left:10px; padding-right:10px;">
		<a href="' . get_category_link( $category->term_id ) . '" title="' . sprintf( __( "" )) . '" ' . '>' . $category->name. ' '.$category->description.'</a>
		</div></div><BR />';
        foreach($posts as $post) {
          setup_postdata($post); ?>

          <div id="post-<?php the_ID() ?>" style="width:670px;">
				<div class="entry-content">
					<?php childtheme_post_header() ?>
                    <a href="<?php echo the_permalink() ?>" rel="bookmark">
                    <span class="slide-title"><?php echo get_post_meta($post->ID, 'designed-by', $single = true); ?>
                    <div style="width:145px; position:inherit; top:0px;" align="right"><?php echo the_title(); ?></div></span>
                        <img class="full-image" src="
                        <?php if(get_post_meta($post->ID, 'full-image', $single = true))
                        {echo get_post_meta($post->ID, 'full-image', $single = true);} else{bloginfo('url');
                        echo "/wp-content/themes/gallery/images/thumbnail-default.jpg";} ?>" width="150" height="113" alt="<?php echo the_title() ?>" />
                        </a>
				</div>
			</div><!-- .post -->

          <?php
        } // foreach($posts
      } // if ($posts
    } // foreach($categories
?>

screenshot of my site in case you read this and it has changed: click here

if you can help , please do so! thank you =) and happy halloween

ok found out why the posts kept repeating i Kept it in a loop, so i took the code out of the loop and just placed it on the index page which stopped it from repeating.

However i still cannot combine it with the presentation/ordination I want

this works great! and is almost what i need. I am trying to apply it to my usual layout on my index page which displays a thumbnail, title of post and author.

This is what the regular template looks like

<div id="post-<?php the_ID() ?>" class="<?php
			thematic_post_class();
			if(function_exists('p75GetVideo')){
		    if(p75GetVideo($post->ID)){
				  echo " video";
				}
			}
			?>" style="width:670px;">
				<div class="entry-content">
					<?php childtheme_post_header() ?>
                    <a href="<?php echo the_permalink() ?>">
                    <span class="slide-title"><?php echo get_post_meta($post->ID, 'designed-by', $single = true); ?>
                    <div style="width:145px; position:inherit; top:0px;" align="right"><?php echo the_title(); ?></div></span>
                    <img class="full-image" src="<?php if(get_post_meta($post->ID, 'full-image', $single = true)){echo get_post_meta($post->ID, 'full-image', $single = true);} else{bloginfo('url'); echo "/wp-content/themes/gallery/images/thumbnail-default.jpg";} ?>" width="150" height="113" alt="<?php echo the_title() ?>" /></a>
				</div>
			</div><!-- .post -->

So I am attempting to mash that code and the one you provided into one so they work seamlessly. Your code does what I want but I also need it to work with the usual look I have going on with the site.

when i try to mash it up wordpress seems to keep displaying the same posts over and over again

see: ampersandbox.net/

link to your page?

I also just tried using this.. but same outcome

<?php single_cat_title(); ?><?php echo category_description(); ?>

any takerS? =\

problem solved! there was additional css file with width still set to 940px… phew that took all day. thank you for helping esmi

any one else know how i can fix this problem?

thank you! i tried those fixes but still has white area =( not sure whats wrong, could it be that there are other files still at the fixed width of 940px?

oh I know i want the images in that spot i made it go -90px but theres that white space on top. I basically want the align the images to that black line on the header

thanks for responding! =)

I will try this out! thank you!

still have not fixed this =(
I took a screen shot and circled here: https://img217.imageshack.us/img217/8198/fixf.jpg

GENIUS! my savor thank your sir! works perfectly =) thank you again