웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
![a.jpg](http://www.xpressengine.com/files/attach/images/121/292/347/021/835befe3319bb36806478a2c6c0e4c12.jpg)
닉네임, 레벨, 포인트등 활동정보바
2012.11.19 23:17
![a.jpg](http://www.xpressengine.com/files/attach/images/121/292/347/021/835befe3319bb36806478a2c6c0e4c12.jpg)
위처럼 만들어봤습니다.
로그인 위젯은 아니고요. 그냥 레이아웃 상단바로 만들어봤습니다.
보시는것처럼 레벨과 그옆에 레벨아이콘이 출력되고
포인트가 출력되고 그 옆에 다음레벨까지 목표포인트와 퍼센테이지가 출력됩니다.
위젯으로 만들어도 되지만 일단 레이아웃 html에 넣는형식으로 만들었습니다.
디자인은 각자들 하시면 되고요.
<li cond="$is_logged">{@$oPointModel = &getModel('point');$oModuleModel = &getModel('module');$config = $oModuleModel->getModuleConfig('point');$point = $oPointModel->getPoint($logged_info->member_srl);$level = $oPointModel->getLevel($point, $config->level_step);$nextpoint = $config->level_step[$level+1];$prepoint = $config->level_step[$level];$percent = round(($point-$prepoint)/($nextpoint-$prepoint)*100, 2);}레벨: {$level} <span class="member_{$logged_info->member_srl}"></span> 포인트: {$point}<!--@if($nextpoint!=0)-->/{$nextpoint} ({$percent}%)<!--@endif--></li>
회색 = 포인트,레벨등 구하는 코드
빨간색 = 레벨 출력하는 부분
파란색 = 레벨아이콘 출력하는 부분
초록색 = 포인트 출력하는 부분
주황색 = 다음레벨까지 포인트와 퍼센테이지 출력하는 부분 (그 앞에 if문은 다음레벨이 없을경우 출력하지 않는다는뜻)
레이아웃에 넣어서 확인해보세요. 디자인은 적당히 해주시면 됩니다.
조만간 위젯으로 한번 만들어보겠습니다.
수능끝나 시간많으니까 좋네요. 이것저것해보고
댓글 2
제목 | 글쓴이 | 날짜 |
---|---|---|
▩왼쪽에다가 스크롤바 넣기 [1] | ▩윤미 | 2002.02.21 |
▩HTML 최적화 기법 [3] | ▩윤미 | 2002.02.21 |
msn 메신저 내 홈에서 채팅창과/대화상대 추가하기를 넣어보장! [8] | 카멜롯™ | 2002.02.21 |
브라우저 입력 창에 나만의 아이콘 띄우기 [2] | Topy | 2002.02.22 |
원하는 위치에 배경 고정 시키기 [5] | Topy | 2002.02.22 |
Http에러코드들입니다 [8] | Shyos | 2002.02.22 |
▩[CSS] 한꺼번에 border =0 으로주기 (최적화 방법) | ▩윤미 | 2002.02.22 |
▩<subject> 앞으로가기, 뒤로가기, 새로고침 버튼 만들기 | ▩윤미 | 2002.02.22 |
▩(a href=#) 대신에 쓸수 있는 스타일 태그 [3] | ▩윤미 | 2002.02.22 |
[CSS]모든 엘리먼트에 스타일시트 지정 [1] | 엔카일 | 2002.02.22 |
Microsoft 에이전트를 이용해서 멋나게 꾸며보자 -_-)/ [7] | 티르-_-)/ | 2002.02.23 |
HTML 문서 용량 줄이기 [9] | Telles | 2002.02.24 |
[CSS+JAVA]CSS 와 자바스크립트를 파일로 만들어 연결 [5] | ▩윤미 | 2002.02.24 |
동영상을 띄어볼까요? [2] | ZipShin | 2002.02.24 |
오른쪽 스크롤바 에 출렁이며 내려오는 공지창
[3]
![]() | choice | 2002.02.25 |
페이지 스크롤 - 네개의 레이어를 이용한겁니다
[4]
![]() | choice | 2002.02.25 |
[스타일시트] 스타일 시트의 개념 [4] | 태엽감는새 | 2002.02.26 |
[HTML] 기초적인 태그모음 #1 | 태엽감는새 | 2002.02.26 |
[HTML] 기초적인 태그모음 #2 [1] | 태엽감는새 | 2002.02.26 |
[HTML] 기초적인 태그모음 #3 | 태엽감는새 | 2002.02.26 |