최신글
slick을 이용한 슬라이더 위젯입니다. 참고 : http://kenwheeler.github.io/slick/ - 사용방법 - 위젯경로 : /theme/BS4-Basic/wi...
갤러리 스킨 (이미지 그림자 효과)
위 스킨을 기본으로 리스트만 조금 바꾼 스킨입니다.
테스트 할겸 만들었다가 최근게시물이나 다른곳에도 응용하면 좋을것 같아 원하시는분 있으시면
쓰시라고 올립니다.
업로드한 이미지를 배경이미지로 깔고 가상선택자 :before 를 활용하여 배경이미지를 상속받고
blur 처리를 해서 그림자 형태로 깔았습니다.
마우스 오버시 진하게 보이게끔 설정해뒀구요. 마우스 오버를 안했을때도 좀더 진하게 보이길 원하시면
.gallery-list .gallery-list-img:before 의 opacity 속성이 기본이 0.5로 설정돼 있는데 이부분을 변경하시면 됩니다.
참고로 한가지 단점이 있는데 :before를 사용해서 백그라운드를 동일하게 상속받고 그림자 형태로 깔기 위해 z-index:-1 을 주었기 때문에 갤러리를 감싸고 있는 상위레이어에서 배경색이나 이미지가 깔려있으면 그림자가 제대로 나오지 않을겁니다.
이 부분을 해결하려면 따로 :before를 사용하지 않고 따로 레이어를 만들어서 이미지 배경을 동일하게 넣어주고 absolute로 포지션 잡아준뒤에 z-index를 마이너스값을 사용하지 않고 앞의 이미지 z-index 값을 높여주면 해결될겁니다. 테스트용으로 만든걸 올리는거라 이 부분은 따로 올리지 않겠습니다.
버전 정보
테스트한 버전
5.5.8.2.6
호환 가능 버전
5.4이상
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
그누보드5 스킨
2,752건좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
레이아웃
하드코딩된 /theme/basic/tail.php 기본설정 여분필드활용 하단푸터 정보입력되게 하였습니다. 간단한 것이지만 가끔 필요하여 제작하게 되었습니다. /theme/ba...
레이아웃
평소에 그누보드로 사이트 개발할때 회사소개거나 이용안내 같은 페이지를 만들때 내용에디티로 모든걸 다 해결할수 없을때가 많더군요. 그리하여 내용관리를 제가 좀 업그레이드를 해서 개발...
게시판
편집페이지에서 에디터를 이용해 CHAT-GPT의 결과를 비동기식을 이용 반복적으로 참조 가능하게 하려다가 지금 막 보니 'gpt-run.php'파일에도 form이 있어 일단...
게시판
https://sir.kr/g5_skin/54156 위 스킨을 기본으로 리스트만 조금 바꾼 스킨입니다. 테스트 할겸 만들었다가 최근게시물이나 다른곳에도 응용하면 좋을것 같아 ...
레이아웃
관리자 font Awesome icons 검색페이지입니다. - 사용방법 - /adm/admin.menu100.php 하단 아래 코드 추가 [code] $menu['menu10...
게시판
간단하게 만들어 보았습니다. 기존에 vimeo 플레이어게시판을 hls로 변형하였습니다. wr_link1 에 sample 링크 https://test-streams.mux.de...
최신글
slick을 이용한 슬라이더 최신글입니다. 사용방법 [code] <div class="latest_wr"> <!-- 사진 최신글 { --> <?php // 이...
댓글 16개
감사합니다.