Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 11 of 11
  1. #1
    New Coder
    Join Date
    Jul 2011
    Posts
    53
    Thanks
    5
    Thanked 1 Time in 1 Post

    Sorry for this but need help urgent!

    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

  • #2
    New Coder
    Join Date
    Jun 2011
    Posts
    46
    Thanks
    1
    Thanked 2 Times in 2 Posts
    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.

  • #3
    New Coder
    Join Date
    Jul 2011
    Posts
    53
    Thanks
    5
    Thanked 1 Time in 1 Post
    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:


    PHP Code:
     <div class="post-date">
    <p><a rel="me" href="<?php echo get_author_posts_urlget_the_author_ID() );?>" class="author_image"><?php echo get_avatarget_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:

    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; }
    Last edited by VIPStephan; 07-14-2011 at 02:15 PM. Reason: restored original post

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,778
    Thanks
    6
    Thanked 1,021 Times in 994 Posts
    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;

  • Users who have thanked VIPStephan for this post:

    unleash (07-14-2011)

  • #5
    New Coder
    Join Date
    Jul 2011
    Posts
    53
    Thanks
    5
    Thanked 1 Time in 1 Post
    Yahoo!

    Thanks Man It works fine now I will paste the second problem soon please stay here
    Last edited by unleash; 07-14-2011 at 11:03 AM.

  • #6
    New Coder
    Join Date
    Jul 2011
    Posts
    53
    Thanks
    5
    Thanked 1 Time in 1 Post
    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!

    PHP Code:
        <?php
        query_posts
    ('tag=featured&showposts=2&offset=1');
        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>
                </a>
                <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-->
            </div>
            <?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>
        </div>
        <?php endif; wp_reset_query();?>
    This is CSS

    Code:
    #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; }
    Last edited by unleash; 07-14-2011 at 10:40 AM.

  • #7
    New Coder
    Join Date
    Jul 2011
    Posts
    53
    Thanks
    5
    Thanked 1 Time in 1 Post
    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!

  • #8
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Code:
    #related-entries .postbox { float:left; font-size:11px; line-height:1.4em; margin:10px 10px 10px 0; position:relative; 
    width:300px; 
    border-width:0; }
    
    #related-entries .postbox .image_frame { border:1px solid #D4D4D4; width:149px; height:70px;
    float:left;
    margin-right:5px;
     }
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    unleash (07-14-2011)

  • #9
    New Coder
    Join Date
    Jul 2011
    Posts
    53
    Thanks
    5
    Thanked 1 Time in 1 Post
    Why I don't find this forum before?

    Thanks abduraooft
    Last edited by unleash; 07-14-2011 at 01:04 PM.

  • #10
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    PHP Code:
    <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-->
    Try
    PHP Code:
    <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.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    unleash (08-20-2011)

  • #11
    New Coder
    Join Date
    Jul 2011
    Posts
    53
    Thanks
    5
    Thanked 1 Time in 1 Post
    Thanks It's fixed now
    Last edited by unleash; 07-15-2011 at 12:33 PM.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •