게시판 list 페이지 변형 채택완료

https://sir.kr/g5_skin/53470

가로 배치가 아니고 위아래 배치인데

굳이 홀짝할 필요가 있나 모르겠네요.

<div class="odd"><?php

for( $i=0; $i< 3; $i++)

   echo $list[ $i*2+1];

?></div>

<div class="even"><?php

for( $i=0; $i< 3; $i++)

   echo $list[ $i*2];

?></div>

할려면 할 수는 있을텐데 css와  php에 대해서 어느 정도 지식이 있으셔야 가능할거 같습니다.

3열씩 짤라야 되니 우선 목록 글마다 번호가 필요합니다. 

for 문이나 while 돌리시 $i 시작값을 0으로 대부분 시작하자나요

계산식을 만들어 볼까요

첫번째 3줄은 0~2 까지 

두번째 3줄은 3~5 까지

삼열씩 나뉘어야 되니 3으로 나눠 볼까요?

0~2까지를 3으로 나누면 0. xxx 란 숫자가 나오겠죠? 그럼 이 값을 소수점올림 정수로 만듭니다.

그럼 결과는 1이란 값이 나오죠 

float:left나 float:right 라는 왼쪽 오른쪽 두가지 조건입니다. 

1을 2로 나눈 나머지 값은 1이 나옵니다.

이 값이 1이면 float:right 값을 전달합니다.

다음수 

3~5까지를 3으로 나누면 1. xxx 란 숫자가 나오겠죠? 그럼 이 값을 소수점올림 정수로 만듭니다.

그럼 결과는 2이란 값이 나오죠 

float:left나 float:right 라는 왼쪽 오른쪽 두가지 조건입니다. 

2을 2로 나눈 나머지 값은 0이 나옵니다.

이 값이 0이면 float:left 값을 전달합니다.

$aa = floor( $i / 3 ) ;

// 0~2까지를 3으로 나누면 0. xxx 란 숫자가 나오겠죠? 그럼 이 값을 소수점올림 정수로 만듭니다.

// 그럼 결과는 1이란 값이 나오죠 

$aa = $aa % 2 ;

// float:left나 float:right 라는 왼쪽 오른쪽 두가지 조건입니다. 

// 1을 2로 나눈 나머지 값은 1이 나옵니다.

if( $aa == 1 ){ $style_left = "float:right"; } else { $style = "float:left"; }

// 이 값이 1이면 float:right 값을 전달합니다.

// 1이 아니면 float:left를 전달합니다.

// $style_left 본인이 편한 변수명으로 교체 해도 됩니다.

3번째 열부터는 공간이 있자나요 그공간은 

if( $i != 0 && $i % 3 == '0' ){ // 첫번째 말고 3으로 나눈 값이 0일때 (4번째는 $i 값이 3이므로 0 의 결과)

    $style_gongan = "margin-top::50px";

}

<li style="width:70%; <?php echo $style_left?> ; <?php echo $style_gongan?> ;"></li>

// width를 70% 준거는 빈공간에 백그라운드를 줄려고 한것입니다.

제가 드린 소스는 답이 아닙니다. 진행 시 고쳐야될 부분이 생깁니다. 그래도 

저라면 이렇게 생각하고 만들거 같아서 

도움이 될까 남겨봅니다.

구현은 가능하나 게시물 6개를 가져와서 if문으로 나눠 처리하시면 되는 부분이긴 합니다만

짝수 홀수단을 나눠 처리하는 오른쪽 왼쪽 처리하려면 6개 리스트를 가져와서 홀수 부분에 따른 데이터는 리스트에 보여주는게 아닌 배열에 담아 하단에 별도로 표기하는 방법이 있긴 합니다.