19'C 흐림
서울 강남구
지금 일반적인 위젯에서 랭크를 표시하면 사각형으로 나오는데 이를 조건으로 돌려서 모양을 변형 해보았습니다.
위 이미지 처럼 랭크를 동그라미로 표시했습니다.
방법은 각 위젯 스킨에서..
변수 추가 와 조건문으로
<?php if($rank) { ?>
<?php $maa; if($maa != 0) { ?>
<span class="en widget-rank-icon widget-rank-<?php echo $rank;?>"><?php echo $i+1;?></span>
<?php } else { ?>
<span class="en widget-rank-icon widget-rank-<?php echo $rank;?>" style=" border-radius: 50%; width: 18; height: 100%;"><?php echo $i+1;?></span>
<?php } ?>
<?php } ?>
변수를 maa 로 (초보다보니 그냥 막추가 ㅎㅎ)
원형으로 표시 할거라.. 0(숫자) 이 아니면 기본인 사각형으로 나오고
0이면 원형으로 나오게 조건을 걸었습니다...
이제 화면서 할때는
thema_widget 부분에서.. 멘뒤 옵션에 0 과 그외 숫자를 입력하여 표현할수가 하였습니다...
초보라 조건문도 이상할수 있습니다. 하지만 됩니다.ㅋ
(나름 해보니 저렇게 뿐이 표시가 안되더군요;; == 이것도 안되고 >= 이런 수식도 안되고;;; )
위젯 랭크 배경 색상 변경
위젯에서 변경 할수 있는 색이 몇가지 되지 않아 추가해 보았습니다..
widget .css 상단에 색상표에 추가 하시면됩니다...
.widget-rank-red { background-color: rgb(231,76,60); }
.widget-rank-blue{ background-color: rgb(52,152,219); }
.widget-rank-green { background-color: rgb(114,192,44); }
.widget-rank-violet { background-color: rgb(86, 61, 124); }
.widget-rank-orange { background-color: rgb(243, 156, 18); }
.widget-rank-yellow { background-color: rgb(241, 196, 15); }
.widget-rank-gray { background-color: rgb(136, 136, 136); }
.widget-rank-lightgray { background-color: rgb(208, 208, 208); }
이렇게 하시고 위젯 옵션 설명표에서 색상 부분에 넣어주시면 됩니다. ^^ red, gray ,yellow 등등