View Full Version : Sorry for this but need help urgent!

07-13-2011, 10:17 PM
Hello Friends,

This is my first post and I am troubling you guys but I am sorry I am in hurry my testing domain will be expiring today anytime before that I want someone who good in CSS can fix my problems and create one navBar it's related to a WordPress customization All codes are in PHP.

Please please help !

Want my email i can provide you I also can provide desktop sharing so you can view the live website!

Please help help

07-13-2011, 10:36 PM
If you want help here:

1. Post your website or code you're having issues with

2. Ask specific questions

Just saying you need help and implying someone is going to spend the rest of their day doing your work isn't going to get you very far.

07-13-2011, 10:57 PM
Ok I will post one by one this is my first thing!

My Website: www.t-clicks.com/test/


As you can see in the above image, After the author avatar the text is in the bottom, I want to make it like in the following image.


This is my php code:

<div class="post-date">
<p><a rel="me" href="<?php echo get_author_posts_url( get_the_author_ID() );?>" class="author_image"><?php echo get_avatar( get_the_author_email(), '32' ); ?></a> <span class="dt"><?php the_time('F j, Y'); ?></span> <?php _e('by', 'themejunkie'); ?> <span class="post-author"><?php the_author_posts_link(); ?></span>
<img src="<?php bloginfo('template_directory'); ?>/images/comment.gif" alt="Comments" /> <span class="comm"><span class="comment_count"><?php comments_popup_link(__('0', 'themejunkie'), __('1', 'themejunkie'), __('%', 'themejunkie')); ?></span></span></p>
</div> <!--end .post-date-->

This is CSS Code:

.post-date {font-size: 0.85em; color: #999; margin: 12px 0 0; }
.post-date a, .post-date a:visited { color:#26b; }
.post-date a:hover { border-bottom:1px dotted #26b; text-decoration:none; }
.post-date p { font-style:normal; }
.post-comments a { color:#666 !important; }
.post-comments a:hover { border-bottom:1px dotted #666; }

07-13-2011, 11:53 PM
For the post author styling: Float .author_image to the left (and apply a right margin to your desire) and then move the comments icon into the span .comment_count and make that span display: block;

07-14-2011, 12:06 AM

Thanks Man It works fine now :) I will paste the second problem soon please stay here

07-14-2011, 12:41 AM
Thank you so much friend for helping me a lot :)

The problem is same this is how is now on the main page!


I want like in this image!

This is the code!

if (have_posts()) : $rpCount = 1;?>
<div id="related-entries">
<p class="splitter minor"><span>More Featured Stories</span></p>
<?php while (have_posts()) : the_post(); ?>
<div class="postbox"<?php echo $rpCount%4==0?' style="margin-right:0;"':'';?>>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">
<span class="image_frame"><img height="70" width="149" alt="<?php the_title(); ?>" src="<?php bloginfo('template_directory'); ?>/includes/timthumb.php?src=<?php echo urlencode(tj_get_image($post->ID, 'full')); ?>&amp;h=70&amp;w=149&amp;zc=1" /></span>
<strong class="title-summary"><?php the_title(); ?></strong>
<div class="post-date">
<p><span class="post-comments"><img src="<?php bloginfo('template_directory'); ?>/images/comment.gif" alt="Comments" /> <?php comments_popup_link(__('0', 'themejunkie'), __('1', 'themejunkie'), __('%', 'themejunkie')); ?></span></p>
</div> <!--end .post-date-->
<?php $rpCount++; endwhile;?>
<p class="featured_more"><a href="<?php echo home_url('/tag/featured')?>">View All Featured Posts &raquo;</a></p>
<div class="clear"></div>
<?php endif; wp_reset_query();?>

This is CSS

#related-entries { clear: both; line-height: 20px; padding: 14px 0; }
#related-entries .postbox { float:left; font-size:11px; line-height:1.4em; margin:10px 10px 10px 0; position:relative; width:152px; border-width:0; }
#related-entries .postbox img, #related-entries .postbox .image_frame { }
#related-entries .postbox .image_frame { border:1px solid #D4D4D4; width:149px; height:70px; display:block; }
#related-entries .postbox a, #related-entries .postbox a:hover { text-decoration:none; }
#related-entries .postbox a:hover { color:#212121; }

07-14-2011, 12:02 PM
I have updated a PHP Code I just added a comment option in it and you can see the live preview on t-clicks.com/test

Please help me!

07-14-2011, 01:01 PM
#related-entries .postbox { float:left; font-size:11px; line-height:1.4em; margin:10px 10px 10px 0; position:relative;
border-width:0; }

#related-entries .postbox .image_frame { border:1px solid #D4D4D4; width:149px; height:70px;

07-14-2011, 01:30 PM
Why I don't find this forum before?

Thanks abduraooft :)

07-14-2011, 02:24 PM
<div class="post-date">
<p><span class="post-comments"><img src="<?php bloginfo('template_directory'); ?>/images/comment.gif" alt="Comments" /> <?php comments_popup_link(__('0', 'themejunkie'), __('1', 'themejunkie'), __('%', 'themejunkie')); ?></span></p>
</div> <!--end .post-date-->

<span class="post-comments"><img src="<?php bloginfo('template_directory'); ?>/images/comment.gif" alt="Comments" /> <?php comments_popup_link(__('0', 'themejunkie'), __('1', 'themejunkie'), __('%', 'themejunkie')); ?></span>

instead of the above snippet.

07-14-2011, 03:58 PM
Thanks It's fixed now :)