링크
http://220.230.121.231/gnuboard5/bbs/board.php?bo_table=gridgallery (1484) https://365ok.co.kr/bbs/board.php?bo_table=cssgrid (772)
CSS Grid는 웹디자인 레이아웃을 위한 최고의 모듈이며 웹상에서 html 엘리먼트 배치를 자유롭게 할 수 있습니다.
강좌를 진행하면서 그누보드5.3x PC버전용 갤러리 스킨을 만들어봤습니다.
CSS Grid는 반응형에 최적화되어 있지만 그누보드5.3 기본배포판 PC버전용으로 만들었고, 모바일용은 별의미가 없어 보였습니다.
특징 :
이미지중 특정 번째 이미지 사이즈를 크게 했습니다. 여기서는 6번째입니다.
적용방법 :
일반 게시판 스킨 적용방법과 같습니다.
1. 첨부화일 다운로드후 압축 해제
2. 그누보드설치 폴더 게시판 스킨 위치에 업로드
3. 관리자 > 게시판 추가후 그리드갤러리스킨 적용
4. 게시판 설정에서 썸네일이미지를 특정 이미지 사이즈 크기로 설정하세요.(여기서는 400x 300)
5. 하단이 자연스럽게 마무리 될려면 페이지당 이미지 갯수도 고려하세요.(여기서는 13)
주의사항 :
CSS Grid는 ie는 지원하지 않습니다.
링크 1 : 데모사이트
링크 2 : CSS Grid강좌
댓글 23개
7년 전
멋지네요~^^
브러운아이
7년 전
감사합니다.~
7년 전
예쁘네요.^^
7년 전
익스에선 안되는군요ㅠㅠㅠ좋은 스킨 감사합니다!
기억저편속
7년 전
감사합니다
7년 전
멋지군요.
7년 전
감사합니다!
dkandkanehd
7년 전
감사합니다
7년 전
감사합니다
7년 전
멋지군요.
7년 전
감사합니다.
7년 전
감사합니다.
7년 전
Good~입니다^^
7년 전
감사합니다`~^^ ie에서 안되는 점이 아쉽네요..ㅜㅜ
7년 전
감사합니다
365ok
7년 전
네 도움이 되길 바랍니다.
7년 전
잘쓰겠습니당~~
365ok
7년 전
도움이 되길 바랍니다.
7년 전
좋은시킨이네요 감사합니다~
365ok
7년 전
도움되길 바랍니다.
7년 전
감사합니다
7년 전
도움되길 바랍니다.
yunpil
1년 전
gallery1
게시판 목록
그누보드5 스킨
좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 2708 | 레이아웃 | 3주 전 | 35 | ||
| 2707 | 최신글 |
GNUXNS
|
2개월 전 | 199 | |
| 2706 | 최신글 |
GNUXNS
|
2개월 전 | 343 | |
| 2705 | 최신글 |
GNUXNS
|
2개월 전 | 260 | |
| 2704 | 최신글 | 2개월 전 | 257 | ||
| 2703 | 레이아웃 |
비버팩토리
|
2개월 전 | 815 | |
| 2702 | 게시판 | 2개월 전 | 498 | ||
| 2701 | 게시판 |
 배부른북극곰 |
2개월 전 | 329 | |
| 2700 | 최신글 | 2개월 전 | 354 | ||
| 2699 | 최신글 | 2개월 전 | 588 | ||
| 2698 | 게시판 | 2개월 전 | 452 | ||
| 2697 | 최신글 | 3개월 전 | 576 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기