리빌더 부분 추가
This commit is contained in:
9
theme/rb.basic/skin/connect/rb.connect/connect.skin.php
Normal file
9
theme/rb.basic/skin/connect/rb.connect/connect.skin.php
Normal file
@ -0,0 +1,9 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
// 회원수는 $row['mb_cnt'];
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.$connect_skin_url.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<span class="cc_total_cnt font-B"><?php echo $row['total_cnt']; ?></span>
|
||||
@ -0,0 +1,64 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.$connect_skin_url.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 현재접속자 목록 시작 { -->
|
||||
<div id="current_connect">
|
||||
<ul>
|
||||
<?php
|
||||
for ($i=0; $i<count($list); $i++) {
|
||||
//$location = conv_content($list[$i]['lo_location'], 0);
|
||||
$location = $list[$i]['lo_location'];
|
||||
// 최고관리자에게만 허용
|
||||
// 이 조건문은 가능한 변경하지 마십시오.
|
||||
if ($list[$i]['lo_url'] && $is_admin == 'super') $display_location = "<a href=\"".$list[$i]['lo_url']."\">".$location."</a>";
|
||||
else $display_location = $location;
|
||||
?>
|
||||
<li class="cc_flex">
|
||||
<dd class="cc_flex1">
|
||||
<!--
|
||||
<span class="crt_num"><?php echo $list[$i]['num'] ?></span>
|
||||
-->
|
||||
<span class="crt_profile"><?php echo get_member_profile_img($list[$i]['mb_id']); ?></span>
|
||||
</dd>
|
||||
<dd class="cc_flex2">
|
||||
<div class="crt_info">
|
||||
<span class="crt_name font-B"><?php echo $list[$i]['name'] ?></span>
|
||||
<span class="crt_lct"><?php echo $display_location ?></span>
|
||||
</div>
|
||||
</dd>
|
||||
<dd class="cc_flex3">
|
||||
<div class="writer_prof_ul2">
|
||||
|
||||
<?php if($list[$i]['mb_id']) { ?>
|
||||
<a class="fl_btns" href="<?php echo G5_URL ?>/rb/home.php?mb_id=<?php echo $list[$i]['mb_id'] ?>">
|
||||
<img src="<?php echo G5_THEME_URL ?>/rb.img/icon/icon_home.svg">
|
||||
<span class="tooltips">미니홈</span>
|
||||
</a>
|
||||
|
||||
<a class="fl_btns" href="<?php echo G5_BBS_URL ?>/memo_form.php?me_recv_mb_id=<?php echo $list[$i]['mb_id'] ?>" onclick="win_memo(this.href); return false;">
|
||||
<img src="<?php echo G5_THEME_URL ?>/rb.img/icon/icon_msg.svg">
|
||||
<span class="tooltips">쪽지</span>
|
||||
</a>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
</div>
|
||||
</dd>
|
||||
<div class="cb"></div>
|
||||
|
||||
</li>
|
||||
<?php
|
||||
}
|
||||
if ($i == 0)
|
||||
echo "<li class=\"empty_li\">현재 접속자가 없습니다.</li>";
|
||||
?>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- } 현재접속자 목록 끝 -->
|
||||
|
||||
|
||||
<?php echo visit('theme/rb.basic'); ?>
|
||||
80
theme/rb.basic/skin/connect/rb.connect/style.css
Normal file
80
theme/rb.basic/skin/connect/rb.connect/style.css
Normal file
@ -0,0 +1,80 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* 현재접속자 */
|
||||
#current_connect ul {margin:0;padding:0;list-style:none;zoom:1}
|
||||
#current_connect ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#current_connect li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#current_connect li {position:relative;padding:25px 0 30px 0;border-bottom:1px solid #ececec;min-height:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0}
|
||||
#current_connect li:first-child {border-top:1px solid #ececec}
|
||||
#current_connect .crt_num {float:left;line-height:45px;margin-right:20px;color:#777;font-weight:normal}
|
||||
#current_connect .crt_profile {float:left;margin-right:20px;line-height:45px}
|
||||
#current_connect .crt_profile > img {width:45px;height:45px;border-radius:10px}
|
||||
#current_connect .crt_info {float:left;margin-top:5px}
|
||||
#current_connect .crt_name {display:block; font-size: 16px !important;}
|
||||
#current_connect .sv_member {font-weight:normal;line-height:20px;font-size:1.2em; color:#000;}
|
||||
#current_connect .profile_img {display:none}
|
||||
#current_connect .crt_lct {display:block; margin-top: 3px;}
|
||||
#current_connect .crt_lct a {color:#999; font-size: 12px;}
|
||||
#current_connect li.empty_li {width:100%;padding:200px 0;border:0;color:#666;text-align:center}
|
||||
|
||||
#current_connect .cc_flex {position: relative;}
|
||||
#current_connect .cc_flex1 {position: absolute; left: 0px; top:25px;}
|
||||
#current_connect .cc_flex2 {width: 100%; padding-left: 65px; padding-right: 125px;}
|
||||
#current_connect .cc_flex3 {position: absolute; right: 0px; top:25px;}
|
||||
#current_connect .cc_flex3 a {display: inline-block; vertical-align: top;}
|
||||
|
||||
#current_connect .cc_flex .fl_btns {width: 50px; height:50px; border:1px solid #ddd; background-color: #fff; border-radius: 6px; text-align: center; margin-bottom: 0px; position: relative; line-height: 45px;}
|
||||
#current_connect .cc_flex .fl_btns:hover {border-color:#AA20FF;}
|
||||
|
||||
.cc_total_cnt {background-color: #AA20FF; color:#fff; padding: 0px 7px 0px 7px; border-radius: 4px; margin-left: 7px; font-size: 11px; margin-top: -2px; display: inline-block; line-height: 20px; vertical-align: middle;}
|
||||
|
||||
|
||||
/* 툴팁 { */
|
||||
#current_connect .cc_flex .tooltips {
|
||||
opacity: 0;
|
||||
transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
cursor: default;
|
||||
position: absolute;
|
||||
left:50px;
|
||||
width: max-content;
|
||||
color: #fff;
|
||||
background-color: #212121;
|
||||
border-radius: 4px;
|
||||
padding: 4px 6px;
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
font-style: normal;
|
||||
line-height: 100%;
|
||||
top:50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
#current_connect .cc_flex .tooltips:after {
|
||||
border-top: 4px solid rgba(0, 0, 0, 0);
|
||||
border-left: 4px solid #212121;
|
||||
border-right: 4px solid rgba(0, 0, 0, 0);
|
||||
border-bottom: 4px solid rgba(0, 0, 0, 0);
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: -7px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%) rotate(180deg);
|
||||
}
|
||||
|
||||
|
||||
|
||||
#current_connect .cc_flex .fl_btns .tooltips {left: 50%; transform: translateX(-50%); bottom:-20px; top:auto;}
|
||||
#current_connect .cc_flex .fl_btns .tooltips:after {
|
||||
top:-7px; left: 50%; transform: translateX(-50%);
|
||||
border-top: 4px solid rgba(0, 0, 0, 0);
|
||||
border-left: 4px solid rgba(0, 0, 0, 0);
|
||||
border-left: 4px solid rgba(0, 0, 0, 0);
|
||||
border-bottom: 4px solid #212121;
|
||||
}
|
||||
#current_connect .cc_flex .fl_btns:hover .tooltips {opacity: 1; bottom:-30px;}
|
||||
|
||||
/* } */
|
||||
|
||||
@media all and (max-width:1024px) {
|
||||
#current_connect {padding-left: 20px; padding-right: 20px;}
|
||||
}
|
||||
Reference in New Issue
Block a user