mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-04 01:01:41 +09:00
#1376 XEDITION 게시판 SNS 영역 및 디자인 일부 개선.
This commit is contained in:
parent
79b2643a08
commit
ad9ef6c42a
3 changed files with 48 additions and 59 deletions
|
|
@ -18,7 +18,7 @@
|
|||
<i class="xi-eye"></i> {$lang->readed_count} : {$oDocument->get('readed_count')}
|
||||
</span>
|
||||
<span class="vote_count" cond="$oDocument->get('voted_count')!=0">
|
||||
{$lang->cmd_vote}:{$oDocument->get('voted_count')}
|
||||
<i class="xi-thumbs-up"></i>{$lang->cmd_vote}:{$oDocument->get('voted_count')}
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
|
|
@ -51,6 +51,36 @@
|
|||
<!-- /READ BODY -->
|
||||
<!-- READ FOOTER -->
|
||||
<div class="read_footer">
|
||||
<div class="sns">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="http://facebook.com/" class="facebook tooltip"><i class="xi-facebook"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="google"><i class="xi-google-plus"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://twitter.com/" class="twitter"> <i class="xi-twitter"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
<script>
|
||||
var sTitle = '{str_ireplace(array('<script', '</script'), array("<scr'+'ipt", "</scr'+'ipt"), addslashes($oDocument->getTitleText()))}';
|
||||
jQuery(function($){
|
||||
$('.twitter').snspost({
|
||||
type : 'twitter',
|
||||
content : sTitle + ' {$oDocument->getPermanentUrl()}'
|
||||
});
|
||||
$('.facebook').snspost({
|
||||
type : 'facebook',
|
||||
content : sTitle
|
||||
});
|
||||
$('.google').snspost({
|
||||
type : 'google',
|
||||
content : sTitle
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div cond="$oDocument->hasUploadedFiles()" class="fileList">
|
||||
<button type="button" class="toggleFile" onclick="jQuery(this).next('ul.files').toggle();"><i class="xi-diskette"></i> {$lang->uploaded_file} [<strong>{$oDocument->get('uploaded_count')}</strong>]</button>
|
||||
<ul class="files">
|
||||
|
|
@ -67,28 +97,6 @@
|
|||
<!--@end-->
|
||||
</span>
|
||||
<a class="document_{$oDocument->document_srl} action" href="#popup_menu_area" onclick="return false">{$lang->cmd_document_do}</a>
|
||||
<ul class="sns">
|
||||
<li class="twitter link"><a href="http://twitter.com/">Twitter</a></li>
|
||||
<li class="facebook link"><a href="http://facebook.com/">Facebook</a></li>
|
||||
<li class="delicious link"><a href="http://delicious.com/">Delicious</a></li>
|
||||
</ul>
|
||||
<script>
|
||||
var sTitle = '{str_ireplace(array('<script', '</script'), array("<scr'+'ipt", "</scr'+'ipt"), addslashes($oDocument->getTitleText()))}';
|
||||
jQuery(function($){
|
||||
$('.twitter>a').snspost({
|
||||
type : 'twitter',
|
||||
content : sTitle + ' {$oDocument->getPermanentUrl()}'
|
||||
});
|
||||
$('.facebook>a').snspost({
|
||||
type : 'facebook',
|
||||
content : sTitle
|
||||
});
|
||||
$('.delicious>a').snspost({
|
||||
type : 'delicious',
|
||||
content : sTitle
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div class="sign" cond="$module_info->display_sign!='N'&&($oDocument->getProfileImage()||$oDocument->getSignature())">
|
||||
<img cond="$oDocument->getProfileImage()" src="{$oDocument->getProfileImage()}" alt="Profile" class="pf" />
|
||||
|
|
@ -96,9 +104,9 @@
|
|||
</div>
|
||||
<div class="btnArea">
|
||||
<a cond="$oDocument->isEditable()" class="btn" href="{getUrl('act','dispBoardWrite','document_srl',$oDocument->document_srl,'comment_srl','')}"><i class="xi-eraser"></i>{$lang->cmd_modify}</a>
|
||||
<a cond="$oDocument->isEditable()" class="btn" href="{getUrl('act','dispBoardDelete','document_srl',$oDocument->document_srl,'comment_srl','')}">{$lang->cmd_delete}</a>
|
||||
<a cond="$oDocument->isEditable()" class="btn" href="{getUrl('act','dispBoardDelete','document_srl',$oDocument->document_srl,'comment_srl','')}"><i class="xi-trash"></i>{$lang->cmd_delete}</a>
|
||||
<span class="etc">
|
||||
<a href="{getUrl('document_srl','')}" class="btn">{$lang->cmd_list}</a>
|
||||
<a href="{getUrl('document_srl','')}" class="btn"><i class="xi-list-ul-l"></i>{$lang->cmd_list}</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -78,12 +78,14 @@
|
|||
text-decoration: none;
|
||||
color: #666;
|
||||
box-sizing:border-box;
|
||||
-webkit-transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-ms-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out;transition: all .1s ease-in-out
|
||||
}
|
||||
.cTab li em {
|
||||
font: 11px Tahoma, Geneva, sans-serif;
|
||||
color: #767676;
|
||||
padding: 0 0 0 2px;
|
||||
}
|
||||
.cTab li:hover a,
|
||||
.cTab li.on a {
|
||||
color: #000;
|
||||
border-top: 2px solid #CDA25A;
|
||||
|
|
@ -118,7 +120,6 @@
|
|||
float: none;
|
||||
line-height: none;
|
||||
padding: 0;
|
||||
font-family: 돋움, Dotum;
|
||||
font-weight: normal;
|
||||
}
|
||||
.cTab li.on ul li.on_ a {
|
||||
|
|
@ -561,38 +562,13 @@
|
|||
margin: 0 15px 0 0;
|
||||
color: #555;
|
||||
}
|
||||
.read_footer .sns {
|
||||
display: inline;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
.read_footer .sns li {
|
||||
display: inline;
|
||||
vertical-align: top;
|
||||
}
|
||||
.read_footer .sns a {
|
||||
display: inline-block;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
}
|
||||
.read_footer .sns .link a {
|
||||
width: 16px;
|
||||
height: 0;
|
||||
padding: 16px 0 0 0;
|
||||
overflow: hidden;
|
||||
background: url(icoSet.gif) no-repeat;
|
||||
}
|
||||
.read_footer .sns .twitter a {
|
||||
background-position: 0 -270px;
|
||||
}
|
||||
.read_footer .sns .facebook a {
|
||||
background-position: 0 -330px;
|
||||
}
|
||||
.read_footer .sns .delicious a {
|
||||
background-position: 0 -360px;
|
||||
}
|
||||
.read_footer .sns{ margin-top:51px;text-align:center; }
|
||||
.read_footer .sns li{display:inline;vertical-align:top}
|
||||
.read_footer .sns a{display:inline-block;width:32px;height:32px;border:1px solid #e0e0e0;background-color:#f4f4f4; border-radius:2px;}
|
||||
.read_footer .sns i{font-size:22px;line-height:32px;color:#bcbcbc}
|
||||
.read_footer .sns a:hover{border-color:#DECA79;background-color:#f9dc5f;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out}
|
||||
.read_footer .sns a:hover {color:#747474;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out}
|
||||
|
||||
.read_footer .sign {
|
||||
clear: both;
|
||||
border: 1px solid #ddd;
|
||||
|
|
@ -961,7 +937,7 @@
|
|||
/* _read.html | comment_form.html */
|
||||
.write_comment {
|
||||
position: relative;
|
||||
margin: 10px 0 35px;
|
||||
margin: 10px 0 75px;
|
||||
zoom: 1;
|
||||
}
|
||||
.write_comment:after {
|
||||
|
|
@ -1079,6 +1055,7 @@
|
|||
text-shadow:none;
|
||||
color:#000;
|
||||
box-shadow:none;
|
||||
-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out
|
||||
}
|
||||
.board .btn:hover,
|
||||
.board .btn:active,
|
||||
|
|
@ -1100,6 +1077,7 @@
|
|||
border-radius: 2px 0 0 2px;
|
||||
}
|
||||
.board .btn_insert {
|
||||
font-size: 13px;
|
||||
border:0;
|
||||
cursor:pointer;
|
||||
width:130px;
|
||||
|
|
|
|||
|
|
@ -45,6 +45,9 @@ jQuery(function($) {
|
|||
case 'twitter':
|
||||
loc = 'http://twitter.com/home?status='+opts.content;
|
||||
break;
|
||||
case 'google' :
|
||||
loc = 'http://plus.google.com/share?url='+encodeURIComponent(opts.url||location.href)+'?l=ko='+opts.content;
|
||||
break;
|
||||
}
|
||||
this.bind(opts.event, function() {
|
||||
window.open(loc);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue