mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-04 01:01:41 +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