ifhub/ifhub.club
1
0
Fork 0
mirror of https://github.com/Oreolek/ifhub.club.git synced 2024-06-26 03:30:48 +03:00
Code Issues Releases Wiki Activity

Верстка Synio

Browse source
This commit is contained in:
Denis Shakhov 2012-05-14 00:22:36 +07:00
parent 8f10d3224d
commit d09e98e036
19 changed files with 147 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
engine/lib/internal/template/js/infobox.js
View file

@ -77,7 +77,6 @@ ls.infobox = (function ($) {
}
$oLink.poshytip('show');
};
this.hideAll = function() {

23
templates/skin/synio/blog_list.tpl
View file

@ -2,29 +2,34 @@
{if $bBlogsUseOrder}
<thead>
<tr>
<th class="cell-name"><a href="{$sBlogsRootPage}?order=blog_title&order_way={if $sBlogOrder=='blog_title'}{$sBlogOrderWayNext}{else}{$sBlogOrderWay}{/if}" {if $sBlogOrder=='blog_title'}class="{$sBlogOrderWay}"{/if}>{$aLang.blogs_title}</a></th>
<th class="cell-info"></th>
<th class="cell-name cell-tab">
<div class="cell-tab-inner {if $sBlogOrder=='blog_title'}active{/if}"><a href="{$sBlogsRootPage}?order=blog_title&order_way={if $sBlogOrder=='blog_title'}{$sBlogOrderWayNext}{else}{$sBlogOrderWay}{/if}" {if $sBlogOrder=='blog_title'}class="{$sBlogOrderWay}"{/if}><span>{$aLang.blogs_title}</span></a></div>
</th>
{if $oUserCurrent}
<th class="cell-join"></th>
{/if}
<th class="cell-readers">
<a href="{$sBlogsRootPage}?order=blog_count_user&order_way={if $sBlogOrder=='blog_count_user'}{$sBlogOrderWayNext}{else}{$sBlogOrderWay}{/if}" {if $sBlogOrder=='blog_count_user'}class="{$sBlogOrderWay}"{/if}>{$aLang.blogs_readers}</a>
<th class="cell-readers cell-tab">
<div class="cell-tab-inner {if $sBlogOrder=='blog_count_user'}active{/if}"><a href="{$sBlogsRootPage}?order=blog_count_user&order_way={if $sBlogOrder=='blog_count_user'}{$sBlogOrderWayNext}{else}{$sBlogOrderWay}{/if}" {if $sBlogOrder=='blog_count_user'}class="{$sBlogOrderWay}"{/if}><span>{$aLang.blogs_readers}</span></a></div>
</th>
<th class="cell-rating cell-tab align-center">
<div class="cell-tab-inner {if $sBlogOrder=='blog_rating'}active{/if}"><a href="{$sBlogsRootPage}?order=blog_rating&order_way={if $sBlogOrder=='blog_rating'}{$sBlogOrderWayNext}{else}{$sBlogOrderWay}{/if}" {if $sBlogOrder=='blog_rating'}class="{$sBlogOrderWay}"{/if}><span>{$aLang.blogs_rating}</span></a></div>
</th>
<th class="cell-rating align-center"><a href="{$sBlogsRootPage}?order=blog_rating&order_way={if $sBlogOrder=='blog_rating'}{$sBlogOrderWayNext}{else}{$sBlogOrderWay}{/if}" {if $sBlogOrder=='blog_rating'}class="{$sBlogOrderWay}"{/if}>{$aLang.blogs_rating}</a></th>
</tr>
</thead>
{else}
<thead>
<tr>
<th class="cell-name">{$aLang.blogs_title}</th>
<th class="cell-name"><div class="cell-tab">{$aLang.blogs_title}</div></th>
{if $oUserCurrent}
<th class="cell-join">{$aLang.blog_join_leave}</th>
{/if}
<th class="cell-readers">{$aLang.blogs_readers}</th>
<th class="cell-rating align-center">{$aLang.blogs_rating}</th>
<th class="cell-readers"><div class="cell-tab">{$aLang.blogs_readers}</div></th>
<th class="cell-rating align-center"><div class="cell-tab">{$aLang.blogs_rating}</div></th>
</tr>
</thead>
{/if}
@ -36,6 +41,9 @@
{assign var="oUserOwner" value=$oBlog->getOwner()}
<tr>
<td class="cell-info">
<a href="#" onclick="return ls.infobox.showInfoBlog(this,{$oBlog->getId()});" class="blog-list-info"></a>
</td>
<td class="cell-name">
<p>
<a href="{$oBlog->getUrlFull()}" class="blog-name">{$oBlog->getTitle()|escape:'html'}</a>
@ -43,7 +51,6 @@
{if $oBlog->getType() == 'close'}
<i title="{$aLang.blog_closed}" class="icon-synio-topic-private"></i>
{/if}
<a href="#" onclick="return ls.infobox.showInfoBlog(this,{$oBlog->getId()});" class="icon-question-sign"></a>
</p>
<span class="user-avatar">

10
templates/skin/synio/css/blog.css
View file

@ -70,11 +70,11 @@
.blog .blog-content .blog-description { margin-bottom: 50px; }
.blog .blog-content .user-avatar { margin-right: 10px; }
.blog .blog-info { width: 300px; margin-bottom: 50px; }
.blog .blog-info li { margin-bottom: 5px; background: url(../images/dots.png) 0% 14px repeat-x; position: relative; padding-right: 50px; }
.blog .blog-info li span { background: #f8fbfe; padding-right: 2px; }
.blog .blog-info li strong { width: 150px; position: absolute; top: 0; right: 0; background: #f8fbfe; padding-left: 2px; font-weight: normal; }
.blog .blog-info li.rating strong { color: #5fa459; }
.blog-info { width: 300px; margin-bottom: 50px; }
.blog-info li { margin-bottom: 5px; background: url(../images/dots.png) 0% 14px repeat-x; position: relative; padding-right: 50px; }
.blog-info li span { background: #f8fbfe; padding-right: 2px; }
.blog-info li strong { width: 150px; position: absolute; top: 0; right: 0; background: #f8fbfe; padding-left: 2px; font-weight: normal; }
.blog-info li.rating strong { color: #5fa459; }

6
templates/skin/synio/css/grid.css
View file

@ -23,9 +23,9 @@
background: linear-gradient(top, #fdfdfd 0%,#f6f8f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f6f8f9',GradientType=0 );
}
#wrapper { width: 888px; overflow: hidden; zoom: 1; padding: 20px 14px 20px 27px; margin-bottom: 60px; background: #fff url(../images/sidebar-border.png) 654px 0px repeat-y; border-bottom: 1px solid #eee; box-shadow: 0 0 5px rgba(0,0,0,.05); border-radius: 10px; }
#wrapper { width: 888px; overflow: hidden; zoom: 1; padding: 20px 16px 20px 27px; margin-bottom: 60px; background: #fff url(../images/sidebar-border.png) 654px 0px repeat-y; border-bottom: 1px solid #eee; box-shadow: 0 0 5px rgba(0,0,0,.05); border-radius: 10px; }
#content { float: left; width: 590px; margin-right: 55px; background: #fff; position: relative; }
#sidebar { float: left; width: 242px; }
#sidebar { float: left; width: 240px; }
#footer { overflow: hidden; zoom: 1; margin-bottom: 20px; padding: 0 50px 50px 30px; font-size: 11px; }
@ -33,6 +33,4 @@
#wrapper.no-sidebar #content { width: 100%; margin-right: 0; }
#content.content-right { margin-right: 0; float: none; margin-left: 311px; width: auto; }
#sidebar.sidebar-left { float: left; width: 250px; padding-right: 30px; border-right: 1px solid #eee; margin-right: 30px; }

5
templates/skin/synio/css/icons.css
View file

@ -219,6 +219,11 @@
.icon-synio-remove { width: 24px; height: 24px; background-position: -368px 0; vertical-align: middle; position: relative; top: -2px; }
.icon-synio-remove:hover { background-position: -392px 0; }
.icon-synio-vote-info-down { width: 16px; height: 16px; background-position: -67px -71px; }
.icon-synio-vote-info-up { width: 16px; height: 16px; background-position: -83px -71px; }
.icon-synio-vote-info-zero { width: 16px; height: 16px; background-position: -99px -71px; }
.icon-synio-vote-info-view { width: 16px; height: 16px; background-position: -179px -39px; }

27
templates/skin/synio/css/infobox.css
View file

@ -31,6 +31,29 @@
.infobox.infobox-standart { background: rgba(0,0,0,.8); }
.infobox.infobox-standart .tip-arrow { border-color: rgba(0,0,0,.8); }
/* Default Yellow */
/* Yellow */
.infobox.infobox-yellow { background: #fffea8; color: #3e3e16; border-radius: 10px; padding: 15px 20px; font-size: 11px; line-height: 16px; box-shadow: 0 0 15px rgba(0,0,0,.3); }
.infobox.infobox-yellow .tip-arrow { border-color: #fffea8; }
.infobox.infobox-yellow .tip-arrow { border-color: #fffea8; }
/* Topic */
.infobox.infobox-topic { font-size: 11px; box-shadow: 0 0 10px rgba(0,0,0,.5); background: #1d1d1d; border-radius: 10px; }
.infobox.infobox-topic i { margin-right: 5px; }
.infobox.infobox-topic .tip-arrow { left: 34px; border-color: #1d1d1d; }
/* Help */
.infobox.infobox-help { background: #fff; width: 300px; border: 3px solid #edf8fd; color: #000; border-radius: 10px; padding: 25px 30px; font-size: 12px; line-height: 18px; box-shadow: 0 0 15px rgba(0,0,0,.3); }
.infobox.infobox-help .tip-arrow { border: none; width: 15px; height: 11px; background: url(../images/icons-synio.png) no-repeat; }
.infobox.infobox-help .tip-arrow.tip-arrow-top { background-position: -38px -107px; top: -11px; }
.infobox.infobox-help .tip-arrow.tip-arrow-bottom { background-position: -53px -107px; bottom: -11px; }
.infobox.infobox-help a { color: #3f8ad7; }
.infobox.infobox-help .blog-info { margin-bottom: 30px; }
.infobox.infobox-help .blog-info li span { background: #fff; }
.infobox.infobox-help .blog-info li strong { background: #fff; }
.infobox.infobox-help .infobox-topic { color: #727a90; font-size: 11px; }
.infobox.infobox-help .infobox-actions { font-size: 11px; }
/* Share */
.infobox.infobox-share { background: #fff; width: 300px; border: 3px solid #edf8fd; color: #000; border-radius: 10px; padding: 10px 15px; font-size: 12px; line-height: 18px; box-shadow: 0 0 15px rgba(0,0,0,.3); }
.infobox.infobox-share .tip-arrow { border: none; width: 15px; height: 11px; background: url(../images/icons-synio.png) no-repeat; }
.infobox.infobox-share .tip-arrow.tip-arrow-top { background-position: -38px -107px; top: -11px; left: 50%; margin-left: -7px; }
.infobox.infobox-share .tip-arrow.tip-arrow-bottom { background-position: -53px -107px; bottom: -11px; left: 50%; margin-left: -7px; }

22
templates/skin/synio/css/tables.css
View file

@ -4,24 +4,38 @@
.table { width: 100%; margin-bottom: 15px; border-collapse: separate; }
.table th { text-align: left; font-weight: normal; border-bottom: 1px solid #c3d4dc; }
.table td, .table th { padding: 13px 10px; }
.table td { padding: 13px 10px; }
.table th,
.table .cell-tab .cell-tab-inner { padding: 6px 10px 8px; }
.table tr.active td { background: #CBF4BC; }
.table tr:hover td { background: #f5fdff; }
.table tbody td { border-top: 1px solid #f1f3f5; }
.table tbody tr:first-child td { border-top: none; }
.table thead a { color: #727a90; text-decoration: none; border-bottom: 1px dotted #727a90; }
.table thead a { color: #727a90; text-decoration: none; }
.table thead a span { border-bottom: 1px dotted #727a90; }
.table a.asc,
.table a.desc { color: #000; border-color: #000; }
.table a.asc:after { content: " ↑"; }
.table a.desc:after { content: " ↓"; }
.table .cell-tab { padding: 0; }
.table .cell-tab .cell-tab-inner { position: relative; top: 1px; float: left; border: 1px solid #fff; border-radius: 3px 3px 0 0; border-bottom: none; }
.table .cell-tab .cell-tab-inner.active { background: #fff; border-color: #c3d4dc; }
/* Table Blogs */
.table.table-blogs .cell-info { width: 19px; padding-right: 0; padding-left: 0; }
.table.table-blogs tbody .cell-info { vertical-align: top; }
.table.table-blogs .cell-info .blog-list-info { width: 19px; height: 19px; display: block; background: url(../images/icons-synio.png) 0 -107px no-repeat; cursor: pointer; }
.table.table-blogs .cell-info .blog-list-info:hover,
.table.table-blogs .cell-info .blog-list-info.active { background-position: -19px -107px; }
.table.table-blogs .cell-name { padding-left: 3px; }
.table.table-blogs .cell-name .avatar { float: left; margin-right: 10px; clear: right; }
.table.table-blogs .cell-name p { overflow: hidden; margin-bottom: 5px; }
.table.table-blogs .cell-name p .blog-name { font-size: 16px; color: #275ec2; }
.table.table-blogs .cell-name p i { vertical-align: middle; position: relative; top: -1px }
.table.table-blogs tbody .cell-rating { width: 70px; font-weight: bold; font-size: 11px; color: #5fa459; }
.table.table-blogs .cell-readers { width: 70px; text-align: center; vertical-align: middle; }
.table.table-blogs .cell-readers { width: 90px; text-align: center; vertical-align: middle; }
.table.table-blogs tbody .cell-readers { text-align: center; vertical-align: middle; font-size: 11px; }
.table.table-blogs .cell-join { width: 130px; text-align: center; vertical-align: middle; }
.table.table-blogs .cell-rating { text-align: center; vertical-align: middle; }
@ -48,7 +62,7 @@
.table.table-users thead .cell-follow i { position: relative; top: 3px; }
.table.table-users .cell-name { width: 190px; padding-right: 0; padding-left: 0; }
.table.table-users .cell-name img { float: left; margin-right: 14px; }
.table.table-users .cell-name div { float: left; width: 125px; }
.table.table-users tbody .cell-name div { float: left; width: 125px; }
.table.table-users .cell-name .name { margin-top: 2px; }
.table.table-users .cell-name .name.no-realname { margin-top: 11px; }
.table.table-users .cell-name .username { width: 125px; position: relative; top: 1px; margin-bottom: 3px; }

4
templates/skin/synio/css/topic.css
View file

@ -159,4 +159,6 @@
/* Topic Preview */
.topic-preview { margin-top: 30px; }
.topic-preview .profile-page-header { border-top: 1px solid #ddd; }
.topic-preview .topic { margin-bottom: 20px; }
.topic-preview .topic { margin-bottom: 20px; }
.vote-topic-info li { margin-bottom: 3px; }

BIN
templates/skin/synio/images/avatar_100x100.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 781 B

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
templates/skin/synio/images/avatar_24x24.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 400 B

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
templates/skin/synio/images/avatar_48x48.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 516 B

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
templates/skin/synio/images/avatar_64x64.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 594 B

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
templates/skin/synio/images/icons-synio.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 25 KiB

BIN
templates/skin/synio/images/user_foto_240.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 11 KiB

22
templates/skin/synio/infobox.info.blog.tpl
View file

@ -1,16 +1,20 @@
{$aLang.infobox_blog_create} &mdash; {$oBlog->getDateAdd()}<br/>
{$aLang.infobox_blog_topics} &mdash; {$oBlog->getCountTopic()}<br/>
{$aLang.infobox_blog_users} &mdash; {$oBlog->getCountUser()}<br/>
{$aLang.infobox_blog_rating} &mdash; {$oBlog->getRating()}<br/>
{$aLang.infobox_blog_limit_rating} &mdash; {$oBlog->getLimitRatingTopic()}<br/>
<ul class="blog-info">{*r*}
<li><span>{$aLang.infobox_blog_create}</span> <strong>{date_format date=$oBlog->getDateAdd() format="j F Y"}</strong></li>
<li><span>{$aLang.infobox_blog_topics}</span> <strong>{$oBlog->getCountTopic()}</strong></li>
<li><span><a href="{$oBlog->getUrlFull()}users/">{$aLang.infobox_blog_users}</a></span> <strong>{$oBlog->getCountUser()}</strong></li>
<li class="rating"><span>{$aLang.infobox_blog_rating}</span> <strong>{$oBlog->getRating()}</strong></li>
</ul>
{if $oTopicLast}
<br/>
{$aLang.infobox_blog_topic_last}:<br/>
<a href="{$oTopicLast->getUrl()}">{$oTopicLast->getTitle()|escape:'html'}</a>
<a href="{$oTopicLast->getUrl()}" class="infobox-topic">{$oTopicLast->getTitle()|escape:'html'}</a>
{/if}
<br/>
<br/>
<a href="{$oBlog->getUrlFull()}">{$aLang.infobox_blog_url}</a><br/>
<a href="{router page='rss'}blog/{$oBlog->getUrl()}/">{$aLang.infobox_blog_rss}</a><br/>
<div class="infobox-actions">
<a href="{$oBlog->getUrlFull()}">{$aLang.infobox_blog_url}</a><br/>
<a href="{router page='rss'}blog/{$oBlog->getUrl()}/">{$aLang.infobox_blog_rss}</a>
</div>

42
templates/skin/synio/js/synio.js
View file

@ -89,11 +89,26 @@ jQuery(document).ready(function($){
var id = $(this).attr('id').replace('vote_total_topic_','vote-info-topic-');
return $('#'+id).html();
},
className: 'infobox-standart',
className: 'infobox-topic',
alignTo: 'target',
alignX: 'center',
alignY: 'top',
offsetX: 2,
offsetY: 5,
liveEvents: true,
showTimeout: 100
});
$('.js-infobox-share').poshytip({
content: function() {
return $('#topic_share_'+$(this).attr('data')).html();
},
className: 'infobox-share',
alignTo: 'target',
alignX: 'center',
alignY: 'top',
offsetX: 2,
offsetY: 5,
liveEvents: true,
showTimeout: 100
});
@ -382,4 +397,29 @@ ls.vote.onVote = function(idTarget, objVote, value, type, result) {
}
$(this).trigger('vote',[idTarget, objVote, value, type, result]);
};
ls.infobox.aOptDef={
hideOther: true,
className: 'infobox-help',
showOn: 'none',
alignTo: 'target',
alignX: 'inner-left',
alignY: 'bottom',
offsetX: -16,
offsetY: 5,
fade: false,
slide: false,
bgImageFrameSize: 10,
showTimeout: 500,
hideTimeout: 100,
timeOnScreen: 0,
liveEvents: false,
allowTipHover: true,
followCursor: false,
slideOffset: 8,
showAniDuration: 300,
hideAniDuration: 300,
refreshAniDuration: 200
};

2
templates/skin/synio/settings/config/config.php
View file

@ -4,7 +4,7 @@ $config = array();
$config['view']['theme'] = 'default';
$config['module']['user']['profile_photo_width'] = 242;
$config['module']['user']['profile_photo_width'] = 240;
$config['head']['default']['js'] = Config::Get('head.default.js');
$config['head']['default']['js'][] = '___path.static.skin___/js/synio.js';

17
templates/skin/synio/topic_part_footer.tpl
View file

@ -32,7 +32,7 @@
</ul>
<div class="topic-share" id="topic_share_{$oTopic->getId()}">
<div class="topic-share" id="topic_share_{$oTopic->getId()}" style="display: none;">
<div class="topic-share-inner">
{hookb run="topic_share" topic=$oTopic bTopicList=$bTopicList}
<div class="yashare-auto-init" data-yashareTitle="{$oTopic->getTitle()|escape:'html'}" data-yashareLink="{$oTopic->getUrl()}" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,gplus"></div>
@ -51,7 +51,7 @@
{date_format date=$oTopic->getDateAdd() format="j F Y, H:i"}
</time>
</li>
<li class="topic-info-share" onclick="jQuery('#topic_share_{$oTopic->getId()}').slideToggle(); jQuery(this).toggleClass('active'); return false;"><i class="icon-synio-share-blue" title="{$aLang.topic_share}"></i></li>
<li class="topic-info-share js-infobox-share" data="{$oTopic->getId()}" onclick="jQuery('#topic_share_{$oTopic->getId()}').slideToggle(); jQuery(this).toggleClass('active'); return false;"><i class="icon-synio-share-blue" title="{$aLang.topic_share}"></i></li>
<li class="topic-info-favourite">
<i onclick="return ls.favourite.toggle({$oTopic->getId()},this,'topic');" class="favourite {if $oUserCurrent && $oTopic->getIsFavourite()}active{/if}"></i>
@ -106,8 +106,8 @@
{assign var="bVoteInfoShow" value=true}
{/if}
<div href="#" class="vote-item vote-down" onclick="return ls.vote.vote({$oTopic->getId()},this,-1,'topic');"><span><i></i></span></div>
<div class="vote-item vote-count {if $bVoteInfoShow}js-infobox-vote-topic{/if}" title="{$aLang.topic_vote_count}: {$oTopic->getCountVote()}">
<span id="vote_total_topic_{$oTopic->getId()}">
<div class="vote-item vote-count title="{$aLang.topic_vote_count}: {$oTopic->getCountVote()}">
<span id="vote_total_topic_{$oTopic->getId()}" {if $bVoteInfoShow}class="js-infobox-vote-topic"{/if}">
{if $bVoteInfoShow}
{if $oTopic->getRating() > 0}+{/if}{$oTopic->getRating()}
{else}
@ -118,9 +118,12 @@
<div class="vote-item vote-up" onclick="return ls.vote.vote({$oTopic->getId()},this,1,'topic');"><span><i></i></span></div>
{if $bVoteInfoShow}
<div id="vote-info-topic-{$oTopic->getId()}" style="display: none;">
+ {$oTopic->getCountVoteUp()}<br/>
- {$oTopic->getCountVoteDown()}<br/>
&nbsp; {$oTopic->getCountVoteAbstain()}<br/>
<ul class="vote-topic-info">
<li><i class="icon-synio-vote-info-up"></i> {$oTopic->getCountVoteUp()}</li>
<li><i class="icon-synio-vote-info-down"></i> {$oTopic->getCountVoteDown()}</li>
<li><i class="icon-synio-vote-info-zero"></i> {$oTopic->getCountVoteAbstain()}</li>
<li><i class="icon-synio-vote-info-view"></i> {$oTopic->getCountRead()}</li>
</ul>
</div>
{/if}
</div>

12
templates/skin/synio/user_list.tpl
View file

@ -2,10 +2,16 @@
{if $bUsersUseOrder}
<thead>
<tr>
<th class="cell-name"><a href="{$sUsersRootPage}?order=user_login&order_way={if $sUsersOrder=='user_login'}{$sUsersOrderWayNext}{else}{$sUsersOrderWay}{/if}" {if $sUsersOrder=='user_login'}class="{$sUsersOrderWay}"{/if}>{$aLang.user}</a></th>
<th class="cell-name cell-tab">
<div class="cell-tab-inner {if $sUsersOrder=='user_login'}active{/if}"><a href="{$sUsersRootPage}?order=user_login&order_way={if $sUsersOrder=='user_login'}{$sUsersOrderWayNext}{else}{$sUsersOrderWay}{/if}" {if $sUsersOrder=='user_login'}class="{$sUsersOrderWay}"{/if}><span>{$aLang.user}</span></a></div>
</th>
<th></th>
<th class="cell-skill"><a href="{$sUsersRootPage}?order=user_skill&order_way={if $sUsersOrder=='user_skill'}{$sUsersOrderWayNext}{else}{$sUsersOrderWay}{/if}" {if $sUsersOrder=='user_skill'}class="{$sUsersOrderWay}"{/if}>{$aLang.user_skill}</a></th>
<th class="cell-rating"><a href="{$sUsersRootPage}?order=user_rating&order_way={if $sUsersOrder=='user_rating'}{$sUsersOrderWayNext}{else}{$sUsersOrderWay}{/if}" {if $sUsersOrder=='user_rating'}class="{$sUsersOrderWay}"{/if}>{$aLang.user_rating}</a></th>
<th class="cell-skill cell-tab">
<div class="cell-tab-inner {if $sUsersOrder=='user_skill'}active{/if}"><a href="{$sUsersRootPage}?order=user_skill&order_way={if $sUsersOrder=='user_skill'}{$sUsersOrderWayNext}{else}{$sUsersOrderWay}{/if}" {if $sUsersOrder=='user_skill'}class="{$sUsersOrderWay}"{/if}><span>{$aLang.user_skill}</span></a></div>
</th>
<th class="cell-rating cell-tab">
<div class="cell-tab-inner {if $sUsersOrder=='user_rating'}active{/if}"><a href="{$sUsersRootPage}?order=user_rating&order_way={if $sUsersOrder=='user_rating'}{$sUsersOrderWayNext}{else}{$sUsersOrderWay}{/if}" {if $sUsersOrder=='user_rating'}class="{$sUsersOrderWay}"{/if}><span>{$aLang.user_rating}</span></a></div>
</th>
</tr>
</thead>
{else}