#1376 XEDITION 게시판 SNS 영역 및 디자인 일부 개선.

This commit is contained in:
UPGLE 2015-04-07 14:23:26 +09:00
parent 79b2643a08
commit ad9ef6c42a
3 changed files with 48 additions and 59 deletions

View file

@ -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>

View file

@ -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;

View file

@ -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);