[PHP] pobierz, plaintext 
<div id="content-area">
 
   <?php if ( get_option('chameleon_blog_style') == 'false' ) { ?>
 
      <?php if ( get_option('chameleon_display_blurbs') == 'on' ){ ?>
         <div id="services" class="clearfix">
            <?php for ($i=1; $i <= 3; $i++) { ?>
               <?php query_posts('page_id=' . get_pageId(html_entity_decode(get_option('chameleon_home_page_'.$i)))); while (have_posts()) : the_post(); ?>
                  <?php
                     global $more; $more = 0;
                  ?>
                  <div class="service<?php if ( $i == 3 ) echo ' last'; ?>">
 
 
                     <?php
                        $thumb = '';
                        $width = 232;
                        $height = 117;
                        if ( 'on' == get_option('chameleon_responsive_layout') ){
                           $width = 386;
                           $height = 160;
                        }
                        $classtext = 'item-image';
                        $titletext = get_the_title();
                        $thumbnail = get_thumbnail($width,$height,$classtext,$titletext,$titletext,false,'etservice');
                        $thumb = $thumbnail["thumb"];
                        $et_service_link = get_post_meta(get_the_ID(),'etlink',true) ? get_post_meta(get_the_ID(),'etlink',true) : get_permalink();
                     ?>
                     <?php if ( $thumb <> '' ) { ?>
                        <div class="thumb">
                           <a href="<?php echo esc_url( $et_service_link ); ?>">
                              <?php print_thumbnail($thumb, $thumbnail["use_timthumb"], $titletext, $width, $height, $classtext); ?>
                              <span class="more-icon"></span>
                           </a>
                        </div> <!-- end .thumb -->
<h3 class="title"><?php the_title(); ?></h3>
                     <?php } ?>
 
 
                  </div> <!-- end .service -->
               <?php endwhile; wp_reset_query(); ?>
            <?php } ?>
         </div> <!-- end #services -->
      <?php } ?>
[PHP] pobierz, plaintext 

[CSS] pobierz, plaintext 
#content-area { padding: 45px 48px 60px; }
         #services { margin-bottom: 40px; }
            .service { float: left; width: 244px; margin-right: 66px; }
            .last { margin-right: 0px; }
               .service h3.title { margin-bottom: 4px; margin-left: 5px; }
               h3.title, #et-control-panel h3.control_title { color: #1d1d1d; font-family: 'Kreon', Arial, sans-serif; font-weight: lighter; font-size: 20px; }
               .service .thumb { background: url(images/thumb-bg.png) no-repeat; width: 242px; height: 127px; position: relative; margin-bottom: 10px; }
                  .item-image { margin-top:4px; margin-left:4px; }
                  span.more-icon { background: url(images/more-icon.png) no-repeat; position: absolute; display: block; height: 41px; left: 100px; top: 41px; width: 40px; }
               .service p { margin-left: 5px; }
[CSS] pobierz, plaintext