묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
foreach 를 활용한 li 목록을 순서별로 클래스를 다르게 주기..
2013.01.28 20:12
<li<!--@if($_idx>0 && $_idx % $widget_info->cols_list_count==0)--> class="clearLeft"<!--@end--> style="<!--@if($_idx >= $widget_info->list_count)-->display:none;<!--@end-->width:{$widget_info->thumbnail_width}px;">
여기서 클래스를 먹이는것 같은데...
foreach 로 반복될때,
li
li
li
li
li
이렇게 다섯개가 나오면
li calss 1
li calss 2
li calss 3
li calss 4
li calss 5
이렇게 클래스를 다르게 지정해서 css에서 따로 조절할 수 있는 방법이 있을까요? css에서는 수동으로 조절해주고요. li 목록이 열개가 넘어가는 일이 없을것같거든요.
다른 게시글 검색중
<!--@elseif($_idx>0 && ($_idx+1) % $widget_info->cols_list_count==0)--> class="margin_right_none"
를 추가하면 마지막에만 클래스가 다르게 먹힌다 라고 본것은 같습니다만...
반복문이 있습니다.
~~~ <-반목문(foreach)
<li>내용</li>
~~~
이걸 이렇게 바꿔즈면 됩니다.
{@ $num = 1}
~~~
<li class="a{$num}">내용</li>
{@ $num ++;}
~~~
이려면
<li class="a1">내용</li>
<li class="a2">내용</li>
<li class="a3">내용</li>
<li class="a4">내용</li>
<li class="a5">내용</li>
이런식으로 출력이 될겁니다.
(클레스는 숫자로 시작할 수 없습니다.)