[테마제작기(24記)] 갤러리 게시판 페이지 개발 2/2 > 개발자팁

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

[테마제작기(24記)] 갤러리 게시판 페이지 개발 2/2 정보

기타 [테마제작기(24記)] 갤러리 게시판 페이지 개발 2/2

본문

원문(출처) : 그누보드 테마 제작 24 - 갤러리 게시판 페이지 개발

 

글이 잘려서 2부 작성해요. 1부는 여기 있어요.

 

하단의 가로 스크롤바가 사라지지 않고 있네요...
원인을 찾아봐야겠습니다.

2949618301_1594691753.9471.png

 

card-body 클래스 다음에 넣은 row class가 영역을 벗어나 있었습니다.
bootstrap을 잘 몰라서 그런지, row class를 쓰면 가끔 이런 상황이 발생한는군요.
뭐 항상 하던데로 margin값을 주어 해결하였습니다.
mx-1 을 추가했습니다.


            <div class="card-body px-0 pt-1 mb-0">
                <div class="row min-w-500px mx-1 p-2 py-1 ">

                    <?php for ($i=0; $i<count($list); $i++) {

 

아.. 여기서 문제가 발생하였네요.
Metronic Admin Template 선정에서부터 문제가 있었어요.
overlay-layer 
말그대로 오버레이가 문제였습니다.
이미지와 카테고리 제목 표시되는 부분이
overlay(추천/비추 표시되는 영역)가 전체로 되고 있어 링크가 클릭되지 않습니다.

2949618301_1594692037.2558.png

 

이 무슨... 황당한 결론이란 말인지...
다 했는데, 링크가 클릭이 안될줄은 정말 상상도 못했습니다.
아... 이케 해결하지... ㅠㅠ

 

꼼수로 해결했네요 ^^
맘에 들진 않지만, 되면 되는거 아니겠음까?
이미지와 제목 위에는 
체크박스를 위한 레이어와 추천/비추천을 위한 레이어가 존재하는데요.
레이어의 높이를 30px로 줄여버렸더니,
링크가 아주 잘 걸립니다. ^^ 
음하하하하~~~
덤으로 Background를 아무리 설정해도 회색 비스무리하게 나오던 버그도
함께 고칠 수 있었습니다.

 

아... 완료되었습니다.
아주 징글 징글 했습니다만~ 완료되었네요~~

2949618301_1594692067.8631.png

 

2949618301_1594692076.918.png

2949618301_1594692085.4903.png

2949618301_1594692093.8366.png

 

이제 게시판 작업도 90% 이상 완료되었네요.
남은 작업은 2가지가 되겠네요.

 

1. 선택 삭제/복사/이동 팝업 화면
2. 전체 검색 

 

다음 포스팅때 모두 완료시키도록 하겠습니다.

 

긴 글 읽어주셔서 감사합니다.

 

원문(출처) : 그누보드 테마 제작 24 - 갤러리 게시판 페이지 개발

추천
2

댓글 5개

걍 달리다보면... 끝에 도착하더라구요~ 글구 대단한 실력도 아니에요~ 저런걸 2일만에 모두 끝내신다는 분도 있더라구요 ㅠㅠ
간혹 저도 이미지 크릭. 로고 클릭하면 절반은 안클릭되는데.
아직도 해결못했는데요.. -_-;; 어려운거 해결 추카드려요..
전체 1,261
개발자팁 내용 검색 기타에서

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT