mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-05-11 21:12:15 +09:00
알림센터 스킨 추가 (검은색)
This commit is contained in:
BJRambo
parent
0dedd85df5
commit
a199820936
3 changed files with 355 additions and 0 deletions
193
widgets/login_info/skins/ncenter_login/css/ncenter.css
Normal file
193
widgets/login_info/skins/ncenter_login/css/ncenter.css
Normal file
|
|
@ -0,0 +1,193 @@
|
||||||
|
#nc_container {
|
||||||
|
z-index:99;
|
||||||
|
position:fixed;
|
||||||
|
bottom:0;
|
||||||
|
right:0;
|
||||||
|
margin:0;
|
||||||
|
padding:0;
|
||||||
|
width:330px;
|
||||||
|
height:50px;
|
||||||
|
border-bottom:1px solid;
|
||||||
|
font-size:12px;
|
||||||
|
line-height:15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container a {
|
||||||
|
padding:0;
|
||||||
|
font-size:12px;
|
||||||
|
text-decoration:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container ul.nc_memu {
|
||||||
|
display:block;
|
||||||
|
margin:0;
|
||||||
|
padding:4px;
|
||||||
|
list-style:none;
|
||||||
|
line-height:20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container ul:after {
|
||||||
|
content:"";
|
||||||
|
display:block;
|
||||||
|
clear:both;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container ul.nc_memu li {
|
||||||
|
display:inline-block;
|
||||||
|
padding:0 5px;
|
||||||
|
height:20px;
|
||||||
|
width:auto;
|
||||||
|
background:transparent!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container ul.nc_memu li.fLeft {
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container ul.nc_memu li.fRight {
|
||||||
|
float:right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container ul.nc_memu li a.notify {
|
||||||
|
display:block;
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container a.close {
|
||||||
|
display:block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container .nc_profile img {
|
||||||
|
width:20px;
|
||||||
|
height:20px;
|
||||||
|
vertical-align:top;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container a.notify .num {
|
||||||
|
padding:1px 2px;
|
||||||
|
border:0;
|
||||||
|
border-radius:3px;
|
||||||
|
-webkit-border-radius:3px;
|
||||||
|
-moz-border-radius:3px;
|
||||||
|
font-size:12px;
|
||||||
|
font-weight:700;
|
||||||
|
font-family:Gulim,"lucida grande",tahoma,verdana,arial,sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container .list {
|
||||||
|
display:none;
|
||||||
|
position:absolute;
|
||||||
|
left:0;
|
||||||
|
bottom:50px;
|
||||||
|
max-width:330px;
|
||||||
|
width:330px;
|
||||||
|
box-sizing:border-box;
|
||||||
|
-moz-box-sizing:border-box;
|
||||||
|
-webkit-box-sizing:border-box;
|
||||||
|
-o-box-sizing:border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container a.readall {
|
||||||
|
display:none;
|
||||||
|
float:left;
|
||||||
|
margin:0 4px;
|
||||||
|
font-size:11px;
|
||||||
|
font-weight:700;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container .listscroll {
|
||||||
|
overflow-y:auto;
|
||||||
|
overflow-x:hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container .list ul {
|
||||||
|
overflow:hidden;
|
||||||
|
margin:-1px 0;
|
||||||
|
padding:0;
|
||||||
|
list-style:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container .list li {
|
||||||
|
margin:-1px 0;
|
||||||
|
border:1px solid #555;
|
||||||
|
border-width:1px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container .list li img {
|
||||||
|
float:left;
|
||||||
|
margin-right:5px;
|
||||||
|
width:45px;
|
||||||
|
height:45px;
|
||||||
|
border:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container .list li a {
|
||||||
|
display:block;
|
||||||
|
overflow:hidden;
|
||||||
|
padding:10px;
|
||||||
|
font-size:12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container .list span.ago {
|
||||||
|
display:block;
|
||||||
|
font-size:10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container .list .more {
|
||||||
|
display:block;
|
||||||
|
padding:10px;
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container a:hover,#nc_container .list li a:hover,#nc_container .list .more:hover {
|
||||||
|
text-decoration:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and max-device-width 480px {
|
||||||
|
#nc_container {
|
||||||
|
position:relative;
|
||||||
|
height:auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container .list {
|
||||||
|
top:2px;
|
||||||
|
position:relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container .list ul {
|
||||||
|
display:block;
|
||||||
|
position:relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container ul.nc_memu:after {
|
||||||
|
content:"";
|
||||||
|
display:block;
|
||||||
|
visibility:hidden;
|
||||||
|
height:0;
|
||||||
|
clear:both;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container .listscroll {
|
||||||
|
overflow:visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ncenterlite_block {
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#nc_container { border-bottom-color:#555; background-color:#333; color:#B0B0B0; opacity:0.95;}
|
||||||
|
#nc_container a { color:#B0B0B0; }
|
||||||
|
#nc_container a:hover { color:#B0B0B0; }
|
||||||
|
#nc_container strong { color:#F3F3F3; }
|
||||||
|
|
||||||
|
#nc_container .list { background-color:#333; filter:alpha(opacity=95); opacity:0.95; -moz-opacity:0.95; }
|
||||||
|
#nc_container .list li { border-color:#555; }
|
||||||
|
#nc_container .list li a:hover { background-color:#555; }
|
||||||
|
#nc_container .list span.ago { color:#D4AF37; }
|
||||||
|
#nc_container .list .more { background: #555; }
|
||||||
|
#nc_container a.readall { display:none; color:#555; color:#D83722;}
|
||||||
|
|
||||||
|
#nc_container a.notify { color:white; }
|
||||||
|
#nc_container a.notify .num { background-color:#D83722; color:white; }
|
||||||
|
#nc_container ul.nc_memu li { padding-right:5px; }
|
||||||
126
widgets/login_info/skins/ncenter_login/login_info.html
Normal file
126
widgets/login_info/skins/ncenter_login/login_info.html
Normal file
|
|
@ -0,0 +1,126 @@
|
||||||
|
<load target="./css/ncenter.css" />
|
||||||
|
|
||||||
|
<div id="nc_container" {$ncenterlite_zindex}>
|
||||||
|
<ul class="nc_memu">
|
||||||
|
<li class="nc_profile fLeft">
|
||||||
|
<block cond="$useProfileImage">
|
||||||
|
<img cond="$profileImage" src="{$profileImage->src}" alt="my profile" class="nc_profile_img" />
|
||||||
|
<img cond="!$profileImage" src="{Context::getRequestUri()}modules/ncenterlite/skins/default/img/p.png" alt="my profile" class="nc_profile_img" />
|
||||||
|
</block>
|
||||||
|
<strong>{$logged_info->nick_name}</strong> {$lang->ncenterlite_sir}!
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="fLeft">
|
||||||
|
<a class="notify" href="#">
|
||||||
|
<!--@if($_ncenterlite_num > 1)-->
|
||||||
|
{sprintf($lang->ncenterlite_messages, $ncenterlite_page_navigation->total_count)}
|
||||||
|
<!--@else-->
|
||||||
|
{sprintf($lang->ncenterlite_message, $ncenterlite_page_navigation->total_count)}
|
||||||
|
<!--@endif-->
|
||||||
|
</a>
|
||||||
|
<a cond="$ncenterlite_page_navigation->total_count >= 1" href="#" class="readall">{$lang->ncenterlite_delete_all}</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="fRight"><a class="close" href="#">× Close</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="list">
|
||||||
|
<ul>
|
||||||
|
<li loop="$ncenterlite_list => $o">
|
||||||
|
<a href="{$o->url}">
|
||||||
|
<block cond="$useProfileImage">
|
||||||
|
<img src="{$o->profileImage}"|cond="$o->profileImage" src="{Context::getRequestUri()}modules/ncenterlite/skins/default/img/p.png"|cond="!$o->profileImage" alt="" class="nc_profile_img" />
|
||||||
|
</block>
|
||||||
|
<span class="msg">{$o->text}</span><span class="ago">{$o->ago}</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a cond="$ncenterlite_page_navigation->total_count > 5" class="more" href="#" data-page="2">{$lang->ncenterlite_more}</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
//<![CDATA[
|
||||||
|
(function($){
|
||||||
|
$(function(){
|
||||||
|
function setCookie(n, v, d){
|
||||||
|
var e = "";
|
||||||
|
if(d){ var dt=new Date(); dt.setTime(dt.getTime() + (d*24*60*60000)); e="; expires=" + dt.toGMTString(); }
|
||||||
|
document.cookie = n + "=" + v + e + "; path=/";
|
||||||
|
}
|
||||||
|
|
||||||
|
var n = $('#nc_container');
|
||||||
|
$('.close',n).click(function(){
|
||||||
|
setCookie('_ncenterlite_hide_id', '{$ncenterlite_latest_notify_id}', 1); n.hide().next('div').hide(); return false;
|
||||||
|
});
|
||||||
|
$('.readall',n).click(function(){
|
||||||
|
exec_xml('ncenterlite', 'procNcenterliteNotifyReadAll'); $('.close',n).triggerHandler('click'); return false;
|
||||||
|
});
|
||||||
|
$('a.notify',n).click(function(){
|
||||||
|
$('.list',n).toggle(); $('.readall',n).toggle(); return false;
|
||||||
|
});
|
||||||
|
$(document).click(function(e){
|
||||||
|
var t = $(e.target);if(!t.is('#nc_container') && t.parents('#nc_container').length == 0){ if($('.list', n).is(':visible')) { $('.list',n).hide(); $('.readall',n).hide(); return false; } }
|
||||||
|
});
|
||||||
|
|
||||||
|
var $listWrap = $('.list ul',n);
|
||||||
|
var $btnMore = $('.more',n);
|
||||||
|
$btnMore.click(function(){
|
||||||
|
var page = $(this).data('page');
|
||||||
|
var $item_html = $('<li><a><span class="msg"></span><span class="ago"></span></a></li>');
|
||||||
|
var $profileImg = $('<img class="nc_profile_img" alt="" />');
|
||||||
|
$.exec_json('ncenterlite.getMyNotifyListTpl', { 'page':page }, function(ret) {
|
||||||
|
if(!ret.list.data) return;
|
||||||
|
|
||||||
|
for(var i in ret.list.data)
|
||||||
|
{
|
||||||
|
if(ret.list.data.hasOwnProperty(i))
|
||||||
|
{
|
||||||
|
var item = ret.list.data[i];
|
||||||
|
var $html = $item_html.clone();
|
||||||
|
if(ret.useProfileImage == 'Y')
|
||||||
|
{
|
||||||
|
var $img = $profileImg.clone();
|
||||||
|
if(!item.profileImage) item.profileImage = request_uri + 'modules/ncenterlite/skins/default/img/p.png';
|
||||||
|
$img.attr('src', item.profileImage);
|
||||||
|
$html.find('a').prepend($img);
|
||||||
|
}
|
||||||
|
|
||||||
|
$('span.msg', $html).html(item.text);
|
||||||
|
$('span.ago', $html).html(item.ago);
|
||||||
|
$('a', $html).attr('href', item.url);
|
||||||
|
|
||||||
|
if(i == 0) $html.attr('id', 'ncenterlite_page_' + ret.list.page.cur_page);
|
||||||
|
$listWrap.append($html);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$listWrap.animate({scrollTop: (ret.list.page.cur_page-1) * 265}, 800);
|
||||||
|
|
||||||
|
if(ret['list'].page.total_page <= ret.list.page.cur_page)
|
||||||
|
{
|
||||||
|
$btnMore.remove();
|
||||||
|
}
|
||||||
|
}, ['list']);
|
||||||
|
|
||||||
|
$(this).data('page', ++page);
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
<block cond="!Mobile::isFromMobilePhone()">
|
||||||
|
function sc(){
|
||||||
|
var wh = $(window).height();
|
||||||
|
var l = $('#nc_container .list');
|
||||||
|
if(l.height()+100 >= wh) {
|
||||||
|
l.height(wh-98).addClass('listscroll');
|
||||||
|
} else {
|
||||||
|
l.height('auto').removeClass('listscroll');
|
||||||
|
}
|
||||||
|
setTimeout(sc, 100);
|
||||||
|
}
|
||||||
|
sc();
|
||||||
|
</block>
|
||||||
|
})(jQuery);
|
||||||
|
//]]>
|
||||||
|
</script>
|
||||||
36
widgets/login_info/skins/ncenter_login/skin.xml
Normal file
36
widgets/login_info/skins/ncenter_login/skin.xml
Normal file
|
|
@ -0,0 +1,36 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<skin version="0.2">
|
||||||
|
<title xml:lang="ko">RX 알림센터 로그인 스킨</title>
|
||||||
|
<description xml:lang="ko">RX 알림센터겸용 로그인 스킨입니다.</description>
|
||||||
|
<version>1.0</version>
|
||||||
|
<date>2016-05-27</date>
|
||||||
|
<link>http://bjrambo.com</link>
|
||||||
|
|
||||||
|
<author email_address="qw5414@naver.com" link="http://bjrambo.com">
|
||||||
|
<name xml:lang="ko">NAVER</name>
|
||||||
|
</author>
|
||||||
|
|
||||||
|
<colorset>
|
||||||
|
<color name="layout">
|
||||||
|
<title xml:lang="ko">레이아웃에 맞춤</title>
|
||||||
|
<title xml:lang="jp">レイアウトに合わせる</title>
|
||||||
|
<title xml:lang="zh-CN">随布局</title>
|
||||||
|
<title xml:lang="en">레이아웃에 맞춤</title>
|
||||||
|
<title xml:lang="zh-TW">隨版面</title>
|
||||||
|
</color>
|
||||||
|
<color name="white">
|
||||||
|
<title xml:lang="ko">하얀색(기본)</title>
|
||||||
|
<title xml:lang="jp">白（デフォルト）</title>
|
||||||
|
<title xml:lang="zh-CN">白色（默认）</title>
|
||||||
|
<title xml:lang="en">White (default)</title>
|
||||||
|
<title xml:lang="zh-TW">白色(預設)</title>
|
||||||
|
</color>
|
||||||
|
<color name="black">
|
||||||
|
<title xml:lang="ko">검은색</title>
|
||||||
|
<title xml:lang="jp">黒</title>
|
||||||
|
<title xml:lang="en">Black</title>
|
||||||
|
<title xml:lang="zh-CN">黑色</title>
|
||||||
|
<title xml:lang="zh-TW">黑色</title>
|
||||||
|
</color>
|
||||||
|
</colorset>
|
||||||
|
</skin>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue