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

modules/board/skins/xedition/_read.html

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

modules/board/skins/xedition/board.default.css

@@ -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 {
+.read_footer .sns{ margin-top:51px;text-align:center; }
-	display: inline;
+.read_footer .sns li{display:inline;vertical-align:top}
-	margin: 0;
+.read_footer .sns a{display:inline-block;width:32px;height:32px;border:1px solid #e0e0e0;background-color:#f4f4f4; border-radius:2px;}
-	padding: 0;
+.read_footer .sns i{font-size:22px;line-height:32px;color:#bcbcbc}
-	list-style: none;
+.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}
-	vertical-align: top;
+.read_footer .sns a:hover {color:#747474;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out}
-}
+
-.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 .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;

modules/board/skins/xedition/board.default.js

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