https://sir.kr/g5_skin/54156
위 스킨을 기본으로 리스트만 조금 바꾼 스킨입니다.
테스트 할겸 만들었다가 최근게시물이나 다른곳에도 응용하면 좋을것 같아 원하시는분 있으시면
쓰시라고 올립니다.
업로드한 이미지를 배경이미지로 깔고 가상선택자 :before 를 활용하여 배경이미지를 상속받고
blur 처리를 해서 그림자 형태로 깔았습니다.
마우스 오버시 진하게 보이게끔 설정해뒀구요. 마우스 오버를 안했을때도 좀더 진하게 보이길 원하시면
.gallery-list .gallery-list-img:before 의 opacity 속성이 기본이 0.5로 설정돼 있는데 이부분을 변경하시면 됩니다.
참고로 한가지 단점이 있는데 :before를 사용해서 백그라운드를 동일하게 상속받고 그림자 형태로 깔기 위해 z-index:-1 을 주었기 때문에 갤러리를 감싸고 있는 상위레이어에서 배경색이나 이미지가 깔려있으면 그림자가 제대로 나오지 않을겁니다.
이 부분을 해결하려면 따로 :before를 사용하지 않고 따로 레이어를 만들어서 이미지 배경을 동일하게 넣어주고 absolute로 포지션 잡아준뒤에 z-index를 마이너스값을 사용하지 않고 앞의 이미지 z-index 값을 높여주면 해결될겁니다. 테스트용으로 만든걸 올리는거라 이 부분은 따로 올리지 않겠습니다.
댓글 16개
2년 전
감사 합니다.
끝없는사랑
2년 전
감사합니다.
2년 전
감사합니다
2년 전
감사합니다
2년 전
감사합니다
브러운아이
2년 전
공개해 주셔서 감사합니다.
hshan
2년 전
감사합니다
2년 전
좋아요 추천합니다
뿡뿡이자전거
2년 전
감사합니다.
2년 전
감사합니다. 잘 응용해 보겠습니다. ^^
2년 전
감사합니다~~^^*
2년 전
감사합니다!
제이콥0126
2년 전
감사합니다
fforum
2년 전
모바일로 화면 축소시 게시물이 한줄에 한개씨 출력되어지는데 2개씩 출력되게 할려면 어떻게해야할가요?
동래불주먹
1년 전
감사합니당!!
1년 전
감사합니다.
게시판 목록
그누보드5 스킨
좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 2708 | 레이아웃 | 3주 전 | 35 | ||
| 2707 | 최신글 |
GNUXNS
|
2개월 전 | 199 | |
| 2706 | 최신글 |
GNUXNS
|
2개월 전 | 340 | |
| 2705 | 최신글 |
GNUXNS
|
2개월 전 | 258 | |
| 2704 | 최신글 | 2개월 전 | 257 | ||
| 2703 | 레이아웃 |
비버팩토리
|
2개월 전 | 813 | |
| 2702 | 게시판 | 2개월 전 | 497 | ||
| 2701 | 게시판 |
 배부른북극곰 |
2개월 전 | 329 | |
| 2700 | 최신글 | 2개월 전 | 353 | ||
| 2699 | 최신글 | 2개월 전 | 586 | ||
| 2698 | 게시판 | 2개월 전 | 449 | ||
| 2697 | 최신글 | 3개월 전 | 573 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기