کد php :
<?php
/*
* @package Sj K2 Frontpage
* @version 3.0.0
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
* @copyright (c) 2013 YouTech Company. All Rights Reserved.
* @author YouTech Company http://www.smartaddons.com
*
*/
defined('_JEXEC') or die;
?>
<div class="big-item-wrap">
<?php
$img = SjK2FrontPageHelper::getK2Image($item0, $params);
$img = ImageHelper::init($img, $image_config)->src();
if((is_file($img) && file_exists($img)) || SjK2FrontPageHelper::isUrl($img)){?>
<div class="big-item-image">
<a href="<?php echo $item0->link; ?>" <?php echo SjK2FrontPageHelper::parseTarget($params->get('target')); ?>>
<img alt="<?php echo $item0->bigtitle;?>" src="<?php echo $img;?>"/>
</a>
</div>
<?php }?>
<?php if($item0->bigtitle !=''){ ?>
<div class="big-item-title">
<a href="<?php echo $item0->link; ?>" <?php echo SjK2FrontPageHelper::parseTarget($params->get('target')); ?>>
<?php echo $item0->bigtitle;?>
</a>
</div>
<?php }?>
<div id="data">
<?php if( (int)$params->get('big_item_datetime_display') ){ ?>
<div class="big-item-datetime">
<?php echo JHtml::date($item0->publish_up, 'd F Y'); ?>
<?php }?>
<?php if($item0->hits){ ?>
<div class="big-item-hits">
<?php echo $item0->hits; ?>
</div></div>
<?php }?>
</div>
<?php if($item0->Introtext != '') { ?>
<div class="big-item-description">
<?php echo $item0->Introtext; ?>
</div>
<?php }?>
<?php if($params->get('big_item_tag_display') == 1 && $item0->tags != '') { ?>
<div class="big-item-tags">
<?php foreach ($item0->tags as $tag):?>
<span class="tag-<?php echo $tag->id; ?>">
<a class="label label-info" href="<?php echo $tag->link; ?>" title="<?php echo $tag->name; ?>" target="_blank"><?php echo $tag->name; ?></a>
</span>
<?php endforeach; ?>
</div>
<?php } ?>
<?php if( (int)$params->get('item_readmore_display') && ($params->get('item_readmore_text') !='') ){ ?>
<div class="big-item-readmore">
<a href="<?php echo $item0->link; ?>" <?php echo SjK2FrontPageHelper::parseTarget($params->get('target')); ?>>
<?php echo $params->get('item_readmore_text'); ?>
</a>
</div>
<?php }?>
</div> <!-- display big item end -->
<div class="small-item-list">
<div class="small-items-container">
<?php
$nb_column = (int)$params->get('number_column_t3', 4);
$i = 0;
foreach($items as $key => $item){$i++;?>
<div class="small-item-wrap <?php if( $i%$nb_column == 0 ){ echo "item-last";}?> column-<?php echo $params->get('number_column_t3');?>">
<?php
$img = SjK2FrontPageHelper::getK2Image($item, $params);
$small_img = ImageHelper::init($img,$small_image_config)->src();
if((is_file($small_img) && file_exists($small_img)) || SjK2FrontPageHelper::isUrl($small_img)){?>
<div class="small-item-image">
<a href="<?php echo $item->link; ?>" <?php echo SjK2FrontPageHelper::parseTarget($params->get('target')); ?>>
<img alt="<?php echo $item->smalltitle;?>" src="<?php echo $small_img;?>"/>
</a>
</div>
<?php }?>
<div class="small-item-content">
<?php if($item->smalltitle !='' ){ ?>
<div class="small-item-title">
<a href="<?php echo $item->link; ?>" <?php echo SjK2FrontPageHelper::parseTarget($params->get('target')); ?> >
<?php echo $item->smalltitle ;?>
</a>
</div>
<?php }?>
<?php if( (int)$params->get('small_item_datetime_display', 1) ){ ?>
<div class="small-item-datetime">
<?php echo JHtml::date($item->publish_up, 'd F Y'); ?>
</div>
<?php }?>
<?php if($item->SmallIntrotext != '') { ?>
<div class="small-item-description">
<?php echo $item->SmallIntrotext; ?>
</div>
<?php }?>
<?php if($params->get('small_item_tag_display') == 1 && $item->tags != '') { ?>
<div class="small-item-tags">
<?php foreach ($item->tags as $tag): ?>
<span class="tag-<?php echo $tag->id; ?>">
<a class="label label-info" href="<?php echo $tag->link; ?>" title="<?php echo $tag->name; ?>" target="_blank"><?php echo $tag->name; ?></a>
</span>
<?php endforeach; ?>
</div>
<?php } ?>
</div>
</div>
<?php if($i == $nb_column ) { ?>
<div class="clear"></div>
<?php } ?>
<?php }?>
</div>
</div>
کد css : خط 150
.sjk2frontpage .big-item-wrap .big-item-hits {
background: url('../images/hits-icons.png') no-repeat scroll 0px 0px transparent;
color: #525252;
font-size: 12px;
height: 10px;
line-height: 10px;
margin-bottom: 10px;
width: 27px;
float: left;
margin-left: -60px;
}