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

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

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

 

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

 

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

 

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

[code]

            <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++) {

[/code]

 

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

 

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

 

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

 

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

 

 

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

 

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

 

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

 

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

 

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

댓글 작성

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

로그인하기

댓글 5개

하나하나 해결되네요!
신기하게 그렇게 되네요 ㅎㅎ
잘보고갑니당..그누보드 보러 왔다가 놀러왔는데, 아예 다른 영역이군요 ㅠㅠ
걍 달리다보면... 끝에 도착하더라구요~ 글구 대단한 실력도 아니에요~ 저런걸 2일만에 모두 끝내신다는 분도 있더라구요 ㅠㅠ
간혹 저도 이미지 크릭. 로고 클릭하면 절반은 안클릭되는데.
아직도 해결못했는데요.. -_-;; 어려운거 해결 추카드려요..

게시판 목록

개발자팁

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