Аватарка joomla social

Добрый вечер.
В правом белом прямоугольнике должна распологаться аватарка (600px на 330px), но из-за того, что слева квадрат с выделением вырезает часть фотографии - на главной всё растягивается. Хотелось бы чтобы при загрузке фото оригинал ставился на место прямоугольника, а выделяемая часть находилась уже в комментариях и т.д. Буду рад любой помощи, желательно с отсылкой на строки кода. Спасибо.

Код (PHP):

1. <div class="js-focus-content">    
2.         <div class="row-fluid">
3.  
4.             <div class="span3"><!--Отвечает за аватарку-->
5.                 <div class="avatarka">  
6.                     <img src="<?php echo $profile->largeAvatar . '?_=' . time(); ?>" alt="<?php echo $this->escape( $user->getDisplayName() ); ?>" />
7.                     <?php if( $isMine || COwnerHelper::isCommunityAdmin() ): ?>
8.                         <b class="js-focus-avatar-option">
9.                             <a href="javascript:void(0)" onclick="joms.photos.uploadAvatar('profile','<?php echo $profile->id?>')"><?php echo JText::_('COM_COMMUNITY_CHANGE_AVATAR')?></a>
10.                         </b>
11.                     <?php endif; ?>
12.                 </div>
13.             </div>
14.             <div class="span9">
15.                 <!-- Focus Menu -->
16.                 <div class="js-focus-menu">
17.                     <div class="row-fluid">
18.                         <div class="span12">
19.                             <ul class="inline unstyled">
20.                                 <li><a href="#" class="about js-collapse-about-btn"><?php echo JText::_('COM_COMMUNITY_ABOUT_ME')?></a></li>
21.                                 <?php if($photoEnabled) {?>
22.                                 <li>
23.                                     <a href="<?php echo CRoute::_('index.php?option=com_community&view=photos&task=myphotos&userid='.$profile->id); ?>">
24.                                         <?php echo ($profile->_photos == 1) ? JText::sprintf('COM_COMMUNITY_PHOTOS_COUNT_SINGULAR',$profile->_photos) :  JText::sprintf('COM_COMMUNITY_PHOTOS_COUNT',$profile->_photos) ?>
25.                                     </a>
26.                                 </li>
27.                                 <?php }?>
28.                                 <?php if($videoEnabled) {?>
29.                                 <li>
30.                                     <a href="<?php echo CRoute::_('index.php?option=com_community&view=videos&task=myvideos&userid='.$profile->id); ?>">
31.                                         <?php echo ($profile->_videos == 1) ?  JText::sprintf('COM_COMMUNITY_VIDEOS_COUNT',$profile->_videos) : JText::sprintf('COM_COMMUNITY_VIDEOS_COUNT_MANY',$profile->_videos) ?>
32.                                     </a>
33.                                 </li>
34.                                 <?php }?>
35.                                 <?php if($groupEnabled) {?>
36.                                 <li>
37.                                     <a href="<?php echo CRoute::_('index.php?option=com_community&view=groups&task=mygroups&userid='.$profile->id); ?>">
38.                                         <?php echo ($profile->_groups == 1) ?  JText::sprintf('COM_COMMUNITY_GROUPS_COUNT',$profile->_groups) : JText::sprintf('COM_COMMUNITY_GROUPS_COUNT_MANY',$profile->_groups) ?>
39.                                     </a>
40.                                 </li>
41.                                 <?php }?>
42.                                 <?php if($eventEnabled) {?>
43.                                 <li>
44.                                     <a href="<?php echo CRoute::_('index.php?option=com_community&view=events&task=myevents&userid='.$profile->id); ?>">
45.                                         <?php echo ($profile->_events == 1) ? JText::sprintf('COM_COMMUNITY_EVENTS_COUNT',$profile->_events) : JText::sprintf('COM_COMMUNITY_EVENTS_COUNT_MANY',$profile->_events) ?>
46.                                     </a>
47.                                 </li>
48.                                 <?php }?>
49.                                 <li>
50.                                     <a href="<?php echo CRoute::_('index.php?option=com_community&view=friends&userid='.$profile->id); ?>">
51.                                         <?php echo ($profile->_friends == 1) ?  JText::sprintf('COM_COMMUNITY_FRIENDS_COUNT',$profile->_friends) : JText::sprintf('COM_COMMUNITY_FRIENDS_COUNT_MANY',$profile->_friends) ?>
52.                                     </a>
53.                                 </li>
54.                                 <!-- Karma -->
55.                                 <?php if($config->get('enablekarma')){ ?>
56.                                     <li class="cFocus-karma jomNameTips" title="<?php echo JText::_('COM_COMMUNITY_KARMA'); ?>"><img src="<?php echo $karmaImgUrl; ?>" alt="" /></li>
57.                                 <?php } ?>
58.                             </ul>
59.                         </div>
60.                     </div>
61.                 </div>
62.                 <div class="collapse js-collapse-about">
63.                     <div class="row-fluid">
64.                         <div class="span12">
65.                             <div><?php echo $about; ?></div>
66.                             <dl class="dl-horizontal">
67.                                 <dt><?php echo JText::_('COM_COMMUNITY_MEMBER_SINCE'); ?></dt>
68.                                 <dd><?php echo JHTML::_('date', $registerDate , JText::_('DATE_FORMAT_LC2')); ?></dd>
69.                                 <dt><?php echo JText::_('COM_COMMUNITY_LAST_LOGIN'); ?></dt>
70.                                 <dd><?php echo $lastLogin; ?></dd>
71.                                 <?php if( $multiprofile->name && $config->get('profile_multiprofile') ){ ?>
72.                                     <dt><?php echo JText::_('COM_COMMUNITY_PROFILE_TYPE'); ?></dt>
73.                                     <dd><?php echo $multiprofile->name;?></dd>
74.                                 <?php } ?>
75.                             </dl>
76.                         </div>
77.                     </div>
78.                 </div>
79.             </div>
80.         </div>
81.     </div> <!-- end js-focus-content -->
82.     <div class="js-focus-actions">
83.  
84.         <div class="navbar">
85.          <div class="navbar-inner">
86.              <a class="btn btn-navbar js-collapse-btn">
87.                <span class="caret"></span>
88.              </a>
89.              <div class="nav-collapse collapse js-collapse">
90.                <ul class="nav">
91.                     <?php if ($config->get('enablesharethis')  == 1 ) { ?>
92.                          <li>
93.                             <a href="javascript:void(0);" onClick="joms.bookmarks.show('<?php echo CRoute::getExternalURL( 'index.php?option=com_community&view=profile&userid=' . $profile->id ); ?>')"><i class="joms-icon-share"></i><?php echo JText::_('COM_COMMUNITY_SHARE')?></a>
94.                          </li>
95.                     <?php } ?>
96.                             <?php if($isLikeEnabled){?>
97.                                 <li id='like-profile-<?php echo $profile->id; ?>'><a href="javascript:void(0);" onclick="<?php echo ($isUserLiked > 0) ? 'joms.like.newDislike(this)' : 'joms.like.newLike(this)' ?>;" class="<?php if($isUserLiked > 0){ ?> js-focus-like <?php }?>"><i class="joms-icon-thumbs-up"></i><span><?php echo $likes ?></span> <?php echo JText::_('COM_COMMUNITY_LIKE')?></a></li>
98.                             <?php }?>
99.                             <?php echo $reportsHTML; ?>
100.                             <li><span><i class="joms-icon-eye"></i><?php echo JText::sprintf('COM_COMMUNITY_PROFILE_VIEW_RESULT', number_format($user->getViewCount()) ) ;?></span></li>
101.                </ul>
102.                 <!-- remove checking to display Options button anyways -->
103.                <ul class="nav pull-right">
104.                  <li class="dropup">
105.                     <a href="#" class="js-navbar-options"><?php echo JText::_('COM_COMMUNITY_VIDEOS_OPTIONS')?></a>
106.                    <ul class="dropdown-menu pull-right">
107.                         <!-- change avatar -->
108.                       <?php if($isMine || COwnerHelper::isCommunityAdmin()){ ?>
109.                           <li><a tabindex="-1" href="javascript:void(0)" onclick="joms.photos.uploadAvatar('profile','<?php echo $profile->id?>')"><?php echo JText::_('COM_COMMUNITY_CHANGE_AVATAR')?></a></li>
110.                             <?php if( COwnerHelper::isCommunityAdmin() ){?>
111.                                 <!-- ban / unban -->
112.                                 <?php if( !$isMine ){?>
113.                                     <?php if(!$blocked){?>
114.                                         <li><a tabindex="-1" href="javascript:void(0);" onclick="joms.users.banUser('<?php echo $profile->id; ?>', '0' );"><?php echo JText::_('COM_COMMUNITY_BAN_USER')?></a></li>
115.                                     <?php } else {?>
116.                                         <li><a tabindex="-1" href="javascript:void(0);" onclick="joms.users.banUser('<?php echo $profile->id; ?>', '1' );"><?php echo JText::_('COM_COMMUNITY_UNBAN_USER')?></a></li>
117.                                     <?php }?>
118.                                 <?php } ?>
119.                                 <!-- stick feature -->
120.                                 <?php if ($profile->featured) { ?>
121.                                         <li><a tabindex="-1" href="javascript:void(0);" onclick="joms.featured.remove('<?php echo $profile->id;?>','search');"><?php echo JText::_('COM_COMMUNITY_REMOVE_FEATURED')?></a></li>
122.                                 <?php }else { ?>
123.                                         <li><a tabindex="-1" href="javascript:void(0);" onclick="joms.featured.add('<?php echo $profile->id;?>','search');"><?php echo JText::_('COM_COMMUNITY_MAKE_FEATURED')?></a></li>
124.                                 <?php } ?>
125.                             <?php } ?>
126.  
127.  
128.                             <!-- visible on phone/tablet -->
129.                             <?php if($isMine || COwnerHelper::isCommunityAdmin()) {?>
130.                                 <!-- Change cover button -->
131.                                 <?php if(!$profile->defaultCover){?>
132.                                 <li class="hidden-desktop">
133.                                         <a href="javascript:void(0)" data-cover-context="profile" onclick="joms.cover.reposition(this, <?php echo $profile->id; ?>,'<?php echo JText::_("COM_COMMUNITY_CANCEL_BUTTON")?>','<?php echo JText::_("COM_COMMUNITY_SAVE_BUTTON")?>');"><?php echo JText::_('COM_COMMUNITY_REPOSITION_COVER')?></a>
134.                                 </li>
135.                                 <?php }?>
136.                                 <li class="hidden-desktop">
137.                                     <a href="javascript:void(0)" data-cover-context="profile" onclick="joms.cover.select(this, <?php echo $profile->id; ?>);" ><?php echo JText::_('COM_COMMUNITY_CHANGE_COVER'); ?></a>
138.                                 </li>
139.                             <?php }?>
140.  
141.                             <!-- change alias: user can change their own alias -->
142.                             <?php if($isSEFEnabled){?>
143.                                     <li><a tabindex="-1" href="javascript:void(0);" onclick="joms.users.updateURL('<?php echo $profile->id;?>');"><?php echo JText::_('COM_COMMUNITY_PROFILE_CHANGE_ALIAS');?></a></li>
144.                             <?php }?>
145.                             <!-- profile picture / cover -->
146.                             <li><a tabindex="-1" href="javascript:void(0);" onclick="joms.users.removePicture('<?php echo $profile->id;?>');"><?php echo JText::_('COM_COMMUNITY_REMOVE_PROFILE_PICTURE');?></a></li>
147.                             <li><a tabindex="-1" href="javascript:void(0);" onclick="joms.users.removeCover('<?php echo $profile->id;?>');"><?php echo JText::_('COM_COMMUNITY_REMOVE_PROFILE_COVER');?></a></li>
148.                             <!-- edit preference -->
149.                             <?php if($isMine){?>
150.                                 <li><a tabindex="-1" href="<?php echo CRoute::_('index.php?option=com_community&view=profile&task=preferences'); ?>"><?php echo JText::_('COM_COMMUNITY_EDIT_PREFERENCES');?></a></li>
151.                                 <?php if(!empty($profile->profilevideo)){?>
152.                                     <li><a tabindex="-1" href="javascript:void(0);" onClick="joms.videos.removeConfirmProfileVideo(<?php echo $profile->id?>,<?php echo $profile->profilevideo; ?>)"><?php echo JText::_('COM_COMMUNITY_VIDEOS_REMOVE_PROFILE_VIDEO');?></a></li>
153.                                 <?php }?>
154.                             <?php }?>
155.                       <?php } ?>
156.                         <!-- block user: any none mine can do block -->
157.                        <?php if(!$isMine){?>
158.                             <?php if(!$isBlocked){ ?>
159.                                 <li><a tabindex="-1" href="javascript:void(0);" onclick="joms.users.confirmBlockUser('<?php echo $profile->id;?>');"><?php echo JText::_('COM_COMMUNITY_BLOCK_USER');?></a></li>
160.                             <?php } else {?>
161.                                 <li><a tabindex="-1" href="javascript:void(0);" onclick="joms.users.confirmUnBlockUser('<?php echo $profile->id;?>');"><?php echo JText::_('COM_COMMUNITY_UNBLOCK_USER');?></a></li>
162.                             <?php }?>
163.                           <?php } ?>
164.                    </ul>
165.                  </li>
166.                </ul>
167.  
168.              </div><!-- /.nav-collapse -->
169.          </div><!-- /navbar-inner -->
170.         </div>
171.  
172.     </div>

 

ап

 

всё еще актуально