댓글 목록

그누보드5.3 CSS 정복하기 4 - 접속자

페이지 정보

작성자 운영자 작성일 19-05-17 08:09 조회 1,157 댓글 0

동영상 강좌는 유튜브 채널 '웹학교'를 이용하시기 바랍니다.

기준버전 : 5.3.2.8


스킨위치 : /theme/basic/skin/connect/basic

CSS파일명 : /theme/basic/skin/connect/basic/style.css

영향파일 : /theme/basic/skin/connect/basic/connect.skin.php  // default.css 및 font-awesome 활용

            /theme/basic/skin/connect/basic/current_connect.skin.php


현재접속자 CSS


#current_connect ul{margin:0 -10px 0;padding:0;list-style:none;zoom:1}
#current_connect ul:after{display:block;visibility:hidden;clear:both;content:""}
#current_connect li{position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0}
#current_connect li{width:25%}
#current_connect li.box_clear{clear:both}
#current_connect li .inner{position:relative;border:1px solid #d8d8d8;background:#fff;margin-bottom:10px;text-align:center}
#current_connect .crt_name {margin:20px 20px 15px;display:block;min-height:88px}
#current_connect .crt_name img{ border-radius:50%;margin: 0 0 5px;max-width:100%;height:auto}
#current_connect .crt_lct{display:block;text-align:center;border-top:1px solid #ddd;padding:10px 5px;line-height:1.4em}
#current_connect .crt_lct a{color:#3ca1ff}
#current_connect .crt_num{position:absolute;top:10px;left:10px;color:#777;font-weight:bold}
#current_connect li.empty_li{width:100%;padding:200px 0 ;border:0;color:#666}



댓글목록 0

등록된 댓글이 없습니다.

CSS Flexbox강좌

CSS Variables강좌 

CSS Grid강좌