테스트 사이트 - 개발 중인 베타 버전입니다

갤러리 list에서 중앙정렬 어떻게하나요? 채택완료

뿌우뿌우 10년 전 조회 3,719

 

 

이렇게 생긴것을

 


 

이렇게 바꾸고싶습니다. 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
N
10년 전

css로  margin:0 auto;  아니면  text-align:center;  라던가로

 

중앙으로 오게끔하면되기는헌데..

 

 

소스부분을 까주시면  해당 위치를 명확히 집어낼수 있을듯해요.

 

아니면 해당 페이지를 보여주시면  엘리먼트 위치를 알려드릴수도 있구요.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 9개

뿌우뿌우
10년 전
그냥 basic 갤러리 스킨이에요!
N
NugKud
10년 전
소스봐보니까.. 애매한데.. 흠...

이건 개조를 해야할꺼같은..

제 판단으로는 lisk.skin 파일 내부에 ul로 갤러리 표현해주고있는것을
다른형태로 개조해야 할꺼같아요. 그냥 사용하기에는 딱히 css만으로는 답이 안보여요 저는 흠;;
N
NugKud
10년 전
개조하거나 하실게 아니라면 스킨을 다운받아서 쓰시는걸 추천드려요. 해당 형태로 되어있는거 아마 있을꺼같은.
N
NugKud
10년 전
다운스킨중에서 딱히 저렇게 된게 없다면야. 저부분을 따로 짜드릴수 있어요.

딱히 오래걸리는건 아닌지라..

만들어드릴까요? 저렇게 나오게?
뿌우뿌우
10년 전
헉네! 부탁드려요
N
NugKud
10년 전
일단 기본 basic스킨은 안건들이는편이 좋아서리. lisk.skin.php 파일을 따로 백업해두세요.

대략 한.. 30분 내외로 기달려주세요. 길어지면 1시간? -_-?? 모바일도 체크는 해봐야할지도 모르는일이라..
N
NugKud
10년 전
파일 올릴곳이 여의치가 않아서.
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

테스트해본 주소가 저거인데 저런식으로 나올꺼에요. 물론 갯수에 맞게 게시판 설정에서
가로사이즈 설정하셔야하고. 그 수치는 그대로 적용되요.

문제 생기면 말해주세요.
N
NugKud
10년 전
아,.... 오류발생. 행처리부분까지 해서 다시 알려드릴게요 지금 올린 소스는 쓰지마세요.
N
NugKud
10년 전
아.. 걍 스킨을 만들어버릴까... 기존꺼 크게 수정안하고 바꾸려고하니까 시간이 좀 걸리는 씁;;;

댓글을 작성하려면 로그인이 필요합니다.

N
10년 전

 

http://nugkud.cafe24.com/list.skin.php" target="_blank" style="color: rgb(110, 150, 154); font-family: 돋움, dotum, helvetica; font-size: 12px; line-height: 20.3999996185303px; text-align: justify; background-color: rgb(236, 237, 239);">http://nugkud.cafe24.com/list.skin.php 

다운받아서 갤러리에 덮어씌우세요. 

그리고 중요한점은  기존있던 list.skin.php는 따로 백업해두세요. 
 

 

결과물입니다.

 

http://nugkud.cafe24.com/gnb5/gnb5/bbs/board.php?bo_table=free" target="_blank" style="color: rgb(110, 150, 154); font-family: 돋움, dotum, helvetica; font-size: 12px; line-height: 20.3999996185303px; text-align: justify; background-color: rgb(236, 237, 239);">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)));

} 

이 요상한 계산식 뽑는거땜시 오래걸린듯 ㅠㅠ   

해보시고 이상있으면 말해주세요. 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 8개

N
NugKud
10년 전
그누보드에서 설정된 세팅값에 맞춰서 전부 저 계산식으로 자동길이 측정해주면서 중앙으로 나올꺼에요 . 각 행마다.
N
NugKud
10년 전
쉽게 안가고 저 공식때문에 오기생겨가지고 늦게 만들어져서 ㅈㅅㅈㅅ;
대신에 내부소스는 제가 계산식 뽑느라 주석처리한거 빼면 크게 안건들였습니다.
뿌우뿌우
10년 전
다운로드가 안되요ㅠㅠ
N
NugKud
10년 전
아.. 댓글로도 달고. 위에 링크도 수정할게요. zip으로 올렸는데 php로 적어버린..

http://nugkud.cafe24.com/list.skin.zip

위에껀 수정이 안되네요; 여기 적은걸로 받으세요
뿌우뿌우
10년 전
정말 감사합니다 ㅠㅠ! good luck!
뿌우뿌우
10년 전
그런데 모바일에서는 반응형이 아니네요..
N
NugKud
10년 전
모바일은 2개씩해서 나오던데 흠.. 모바일 스샷 볼수있나요?. 따로 모바일쪽은 정상출력되길래 손은 안보긴했는데
N
NugKud
10년 전
정 아니면 사이트 주소 열어주세요. 적용어케되나 보고하는게 편해서리.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인