Верстка Synio
|
@ -77,7 +77,6 @@ ls.infobox = (function ($) {
|
||||||
}
|
}
|
||||||
|
|
||||||
$oLink.poshytip('show');
|
$oLink.poshytip('show');
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
this.hideAll = function() {
|
this.hideAll = function() {
|
||||||
|
|
|
@ -2,29 +2,34 @@
|
||||||
{if $bBlogsUseOrder}
|
{if $bBlogsUseOrder}
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<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}
|
{if $oUserCurrent}
|
||||||
<th class="cell-join"></th>
|
<th class="cell-join"></th>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
<th class="cell-readers">
|
<th class="cell-readers cell-tab">
|
||||||
<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>
|
<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>
|
||||||
<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>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
{else}
|
{else}
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th class="cell-name">{$aLang.blogs_title}</th>
|
<th class="cell-name"><div class="cell-tab">{$aLang.blogs_title}</div></th>
|
||||||
|
|
||||||
{if $oUserCurrent}
|
{if $oUserCurrent}
|
||||||
<th class="cell-join">{$aLang.blog_join_leave}</th>
|
<th class="cell-join">{$aLang.blog_join_leave}</th>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
<th class="cell-readers">{$aLang.blogs_readers}</th>
|
<th class="cell-readers"><div class="cell-tab">{$aLang.blogs_readers}</div></th>
|
||||||
<th class="cell-rating align-center">{$aLang.blogs_rating}</th>
|
<th class="cell-rating align-center"><div class="cell-tab">{$aLang.blogs_rating}</div></th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
{/if}
|
{/if}
|
||||||
|
@ -36,6 +41,9 @@
|
||||||
{assign var="oUserOwner" value=$oBlog->getOwner()}
|
{assign var="oUserOwner" value=$oBlog->getOwner()}
|
||||||
|
|
||||||
<tr>
|
<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">
|
<td class="cell-name">
|
||||||
<p>
|
<p>
|
||||||
<a href="{$oBlog->getUrlFull()}" class="blog-name">{$oBlog->getTitle()|escape:'html'}</a>
|
<a href="{$oBlog->getUrlFull()}" class="blog-name">{$oBlog->getTitle()|escape:'html'}</a>
|
||||||
|
@ -43,7 +51,6 @@
|
||||||
{if $oBlog->getType() == 'close'}
|
{if $oBlog->getType() == 'close'}
|
||||||
<i title="{$aLang.blog_closed}" class="icon-synio-topic-private"></i>
|
<i title="{$aLang.blog_closed}" class="icon-synio-topic-private"></i>
|
||||||
{/if}
|
{/if}
|
||||||
<a href="#" onclick="return ls.infobox.showInfoBlog(this,{$oBlog->getId()});" class="icon-question-sign"></a>
|
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<span class="user-avatar">
|
<span class="user-avatar">
|
||||||
|
|
|
@ -70,11 +70,11 @@
|
||||||
.blog .blog-content .blog-description { margin-bottom: 50px; }
|
.blog .blog-content .blog-description { margin-bottom: 50px; }
|
||||||
.blog .blog-content .user-avatar { margin-right: 10px; }
|
.blog .blog-content .user-avatar { margin-right: 10px; }
|
||||||
|
|
||||||
.blog .blog-info { width: 300px; margin-bottom: 50px; }
|
.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-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-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-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 li.rating strong { color: #5fa459; }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -23,9 +23,9 @@
|
||||||
background: linear-gradient(top, #fdfdfd 0%,#f6f8f9 100%);
|
background: linear-gradient(top, #fdfdfd 0%,#f6f8f9 100%);
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f6f8f9',GradientType=0 );
|
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; }
|
#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; }
|
#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; }
|
#wrapper.no-sidebar #content { width: 100%; margin-right: 0; }
|
||||||
|
|
||||||
#content.content-right { margin-right: 0; float: none; margin-left: 311px; width: auto; }
|
#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; }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -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 { 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-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; }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -31,6 +31,29 @@
|
||||||
.infobox.infobox-standart { background: rgba(0,0,0,.8); }
|
.infobox.infobox-standart { background: rgba(0,0,0,.8); }
|
||||||
.infobox.infobox-standart .tip-arrow { border-color: 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 { 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; }
|
||||||
|
|
|
@ -4,24 +4,38 @@
|
||||||
|
|
||||||
.table { width: 100%; margin-bottom: 15px; border-collapse: separate; }
|
.table { width: 100%; margin-bottom: 15px; border-collapse: separate; }
|
||||||
.table th { text-align: left; font-weight: normal; border-bottom: 1px solid #c3d4dc; }
|
.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.active td { background: #CBF4BC; }
|
||||||
.table tr:hover td { background: #f5fdff; }
|
.table tr:hover td { background: #f5fdff; }
|
||||||
.table tbody td { border-top: 1px solid #f1f3f5; }
|
.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.asc,
|
||||||
.table a.desc { color: #000; border-color: #000; }
|
.table a.desc { color: #000; border-color: #000; }
|
||||||
.table a.asc:after { content: " ↑"; }
|
.table a.asc:after { content: " ↑"; }
|
||||||
.table a.desc: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 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 .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 { overflow: hidden; margin-bottom: 5px; }
|
||||||
.table.table-blogs .cell-name p .blog-name { font-size: 16px; color: #275ec2; }
|
.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 .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 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 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-join { width: 130px; text-align: center; vertical-align: middle; }
|
||||||
.table.table-blogs .cell-rating { 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 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 { width: 190px; padding-right: 0; padding-left: 0; }
|
||||||
.table.table-users .cell-name img { float: left; margin-right: 14px; }
|
.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 { margin-top: 2px; }
|
||||||
.table.table-users .cell-name .name.no-realname { margin-top: 11px; }
|
.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; }
|
.table.table-users .cell-name .username { width: 125px; position: relative; top: 1px; margin-bottom: 3px; }
|
||||||
|
|
|
@ -159,4 +159,6 @@
|
||||||
/* Topic Preview */
|
/* Topic Preview */
|
||||||
.topic-preview { margin-top: 30px; }
|
.topic-preview { margin-top: 30px; }
|
||||||
.topic-preview .profile-page-header { border-top: 1px solid #ddd; }
|
.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; }
|
Before Width: | Height: | Size: 781 B After Width: | Height: | Size: 3.8 KiB |
Before Width: | Height: | Size: 400 B After Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 516 B After Width: | Height: | Size: 2.2 KiB |
Before Width: | Height: | Size: 594 B After Width: | Height: | Size: 2.6 KiB |
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 25 KiB |
BIN
templates/skin/synio/images/user_foto_240.png
Normal file
After Width: | Height: | Size: 11 KiB |
|
@ -1,16 +1,20 @@
|
||||||
{$aLang.infobox_blog_create} — {$oBlog->getDateAdd()}<br/>
|
<ul class="blog-info">{*r*}
|
||||||
{$aLang.infobox_blog_topics} — {$oBlog->getCountTopic()}<br/>
|
<li><span>{$aLang.infobox_blog_create}</span> <strong>{date_format date=$oBlog->getDateAdd() format="j F Y"}</strong></li>
|
||||||
{$aLang.infobox_blog_users} — {$oBlog->getCountUser()}<br/>
|
<li><span>{$aLang.infobox_blog_topics}</span> <strong>{$oBlog->getCountTopic()}</strong></li>
|
||||||
{$aLang.infobox_blog_rating} — {$oBlog->getRating()}<br/>
|
<li><span><a href="{$oBlog->getUrlFull()}users/">{$aLang.infobox_blog_users}</a></span> <strong>{$oBlog->getCountUser()}</strong></li>
|
||||||
{$aLang.infobox_blog_limit_rating} — {$oBlog->getLimitRatingTopic()}<br/>
|
|
||||||
|
<li class="rating"><span>{$aLang.infobox_blog_rating}</span> <strong>{$oBlog->getRating()}</strong></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
{if $oTopicLast}
|
{if $oTopicLast}
|
||||||
<br/>
|
|
||||||
{$aLang.infobox_blog_topic_last}:<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}
|
{/if}
|
||||||
|
|
||||||
<br/>
|
<br/>
|
||||||
<br/>
|
<br/>
|
||||||
<a href="{$oBlog->getUrlFull()}">{$aLang.infobox_blog_url}</a><br/>
|
<div class="infobox-actions">
|
||||||
<a href="{router page='rss'}blog/{$oBlog->getUrl()}/">{$aLang.infobox_blog_rss}</a><br/>
|
<a href="{$oBlog->getUrlFull()}">{$aLang.infobox_blog_url}</a><br/>
|
||||||
|
<a href="{router page='rss'}blog/{$oBlog->getUrl()}/">{$aLang.infobox_blog_rss}</a>
|
||||||
|
</div>
|
|
@ -89,11 +89,26 @@ jQuery(document).ready(function($){
|
||||||
var id = $(this).attr('id').replace('vote_total_topic_','vote-info-topic-');
|
var id = $(this).attr('id').replace('vote_total_topic_','vote-info-topic-');
|
||||||
return $('#'+id).html();
|
return $('#'+id).html();
|
||||||
},
|
},
|
||||||
className: 'infobox-standart',
|
className: 'infobox-topic',
|
||||||
alignTo: 'target',
|
alignTo: 'target',
|
||||||
alignX: 'center',
|
alignX: 'center',
|
||||||
alignY: 'top',
|
alignY: 'top',
|
||||||
offsetX: 2,
|
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,
|
liveEvents: true,
|
||||||
showTimeout: 100
|
showTimeout: 100
|
||||||
});
|
});
|
||||||
|
@ -382,4 +397,29 @@ ls.vote.onVote = function(idTarget, objVote, value, type, result) {
|
||||||
}
|
}
|
||||||
|
|
||||||
$(this).trigger('vote',[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
|
||||||
};
|
};
|
|
@ -4,7 +4,7 @@ $config = array();
|
||||||
|
|
||||||
$config['view']['theme'] = 'default';
|
$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'] = Config::Get('head.default.js');
|
||||||
$config['head']['default']['js'][] = '___path.static.skin___/js/synio.js';
|
$config['head']['default']['js'][] = '___path.static.skin___/js/synio.js';
|
||||||
|
|
|
@ -32,7 +32,7 @@
|
||||||
</ul>
|
</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">
|
<div class="topic-share-inner">
|
||||||
{hookb run="topic_share" topic=$oTopic bTopicList=$bTopicList}
|
{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>
|
<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"}
|
{date_format date=$oTopic->getDateAdd() format="j F Y, H:i"}
|
||||||
</time>
|
</time>
|
||||||
</li>
|
</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">
|
<li class="topic-info-favourite">
|
||||||
<i onclick="return ls.favourite.toggle({$oTopic->getId()},this,'topic');" class="favourite {if $oUserCurrent && $oTopic->getIsFavourite()}active{/if}"></i>
|
<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}
|
{assign var="bVoteInfoShow" value=true}
|
||||||
{/if}
|
{/if}
|
||||||
<div href="#" class="vote-item vote-down" onclick="return ls.vote.vote({$oTopic->getId()},this,-1,'topic');"><span><i></i></span></div>
|
<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()}">
|
<div class="vote-item vote-count title="{$aLang.topic_vote_count}: {$oTopic->getCountVote()}">
|
||||||
<span id="vote_total_topic_{$oTopic->getId()}">
|
<span id="vote_total_topic_{$oTopic->getId()}" {if $bVoteInfoShow}class="js-infobox-vote-topic"{/if}">
|
||||||
{if $bVoteInfoShow}
|
{if $bVoteInfoShow}
|
||||||
{if $oTopic->getRating() > 0}+{/if}{$oTopic->getRating()}
|
{if $oTopic->getRating() > 0}+{/if}{$oTopic->getRating()}
|
||||||
{else}
|
{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>
|
<div class="vote-item vote-up" onclick="return ls.vote.vote({$oTopic->getId()},this,1,'topic');"><span><i></i></span></div>
|
||||||
{if $bVoteInfoShow}
|
{if $bVoteInfoShow}
|
||||||
<div id="vote-info-topic-{$oTopic->getId()}" style="display: none;">
|
<div id="vote-info-topic-{$oTopic->getId()}" style="display: none;">
|
||||||
+ {$oTopic->getCountVoteUp()}<br/>
|
<ul class="vote-topic-info">
|
||||||
- {$oTopic->getCountVoteDown()}<br/>
|
<li><i class="icon-synio-vote-info-up"></i> {$oTopic->getCountVoteUp()}</li>
|
||||||
{$oTopic->getCountVoteAbstain()}<br/>
|
<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>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -2,10 +2,16 @@
|
||||||
{if $bUsersUseOrder}
|
{if $bUsersUseOrder}
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<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></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-skill cell-tab">
|
||||||
<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>
|
<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>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
{else}
|
{else}
|
||||||
|
|