웹마스터 팁

a.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문은 다음레벨이 없을경우 출력하지 않는다는뜻)



레이아웃에 넣어서 확인해보세요. 디자인은 적당히 해주시면 됩니다.
조만간 위젯으로 한번 만들어보겠습니다.
수능끝나 시간많으니까 좋네요. 이것저것해보고 
제목 글쓴이 날짜
▩왼쪽에다가 스크롤바 넣기 [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] file choice 2002.02.25
페이지 스크롤 - 네개의 레이어를 이용한겁니다 [4] file choice 2002.02.25
[스타일시트] 스타일 시트의 개념 [4] 태엽감는새 2002.02.26
[HTML] 기초적인 태그모음 #1 태엽감는새 2002.02.26
[HTML] 기초적인 태그모음 #2 [1] 태엽감는새 2002.02.26
[HTML] 기초적인 태그모음 #3 태엽감는새 2002.02.26