갤러리 list에서 중앙정렬 어떻게하나요?
본문
이렇게 생긴것을
이렇게 바꾸고싶습니다.
답변 2
css로 margin:0 auto; 아니면 text-align:center; 라던가로
중앙으로 오게끔하면되기는헌데..
소스부분을 까주시면 해당 위치를 명확히 집어낼수 있을듯해요.
아니면 해당 페이지를 보여주시면 엘리먼트 위치를 알려드릴수도 있구요.
그냥 basic 갤러리 스킨이에요!
소스봐보니까.. 애매한데.. 흠...
이건 개조를 해야할꺼같은..
제 판단으로는 lisk.skin 파일 내부에 ul로 갤러리 표현해주고있는것을
다른형태로 개조해야 할꺼같아요. 그냥 사용하기에는 딱히 css만으로는 답이 안보여요 저는 흠;;
개조하거나 하실게 아니라면 스킨을 다운받아서 쓰시는걸 추천드려요. 해당 형태로 되어있는거 아마 있을꺼같은.
다운스킨중에서 딱히 저렇게 된게 없다면야. 저부분을 따로 짜드릴수 있어요.
딱히 오래걸리는건 아닌지라..
만들어드릴까요? 저렇게 나오게?
헉네! 부탁드려요
일단 기본 basic스킨은 안건들이는편이 좋아서리. lisk.skin.php 파일을 따로 백업해두세요.
대략 한.. 30분 내외로 기달려주세요. 길어지면 1시간? -_-?? 모바일도 체크는 해봐야할지도 모르는일이라..
파일 올릴곳이 여의치가 않아서.
http://nugkud.cafe24.com/list.skin.php
다운받아서 갤러리에 덮어씌우세요.
그리고 중요한점은 기존있던 list.skin.php는 따로 백업해두세요.
내부 li를 div로 처리하고. 내부에 갯수만큼 돌던 for문을 상단에서 한번 더 돌려서 관리자 설정된 크기. 그리고 css파일에 기록된 margin을 더하여
ul 바로 밑 내부 엘리먼트를 div로 한번 둘러쌓은다음에 중앙정렬로 했어요.
http://nugkud.cafe24.com/gnb5/gnb5/bbs/board.php?bo_table=free
테스트해본 주소가 저거인데 저런식으로 나올꺼에요. 물론 갯수에 맞게 게시판 설정에서
가로사이즈 설정하셔야하고. 그 수치는 그대로 적용되요.
문제 생기면 말해주세요.
아,.... 오류발생. 행처리부분까지 해서 다시 알려드릴게요 지금 올린 소스는 쓰지마세요.
아.. 걍 스킨을 만들어버릴까... 기존꺼 크게 수정안하고 바꾸려고하니까 시간이 좀 걸리는 씁;;;
http://nugkud.cafe24.com/list.skin.php
다운받아서 갤러리에 덮어씌우세요.
그리고 중요한점은 기존있던 list.skin.php는 따로 백업해두세요.
결과물입니다.
http://nugkud.cafe24.com/gnb5/gnb5/bbs/board.php?bo_table=free
하...
if((count($list) - ($bo_gallery_cols + $i)) < 0){// 마지막줄이라면
$s = count($list) % ($bo_gallery_cols) *($board['bo_gallery_width']+$marginX);
}else{
$s = (($bo_gallery_cols * ($board['bo_gallery_width']+$marginX)) - ((($k % $bo_gallery_cols)-1) * ($board['bo_gallery_width']+$marginX)));
}
이 요상한 계산식 뽑는거땜시 오래걸린듯 ㅠㅠ
해보시고 이상있으면 말해주세요.
그누보드에서 설정된 세팅값에 맞춰서 전부 저 계산식으로 자동길이 측정해주면서 중앙으로 나올꺼에요 . 각 행마다.
쉽게 안가고 저 공식때문에 오기생겨가지고 늦게 만들어져서 ㅈㅅㅈㅅ;
대신에 내부소스는 제가 계산식 뽑느라 주석처리한거 빼면 크게 안건들였습니다.
다운로드가 안되요ㅠㅠ
아.. 댓글로도 달고. 위에 링크도 수정할게요. zip으로 올렸는데 php로 적어버린..
http://nugkud.cafe24.com/list.skin.zip
위에껀 수정이 안되네요; 여기 적은걸로 받으세요
정말 감사합니다 ㅠㅠ! good luck!
그런데 모바일에서는 반응형이 아니네요..
모바일은 2개씩해서 나오던데 흠.. 모바일 스샷 볼수있나요?. 따로 모바일쪽은 정상출력되길래 손은 안보긴했는데
정 아니면 사이트 주소 열어주세요. 적용어케되나 보고하는게 편해서리.
