이미지 갤러리 한 줄 > 시즌3 공유자료실

본문 바로가기

시즌3 공유자료실

이미지 갤러리 한 줄

배포파일 : image_gallery1.7z (1.3K)
후원포인트 : 500포인트|다운로드횟수 : 11|최종수정일 : 2015-05-20 18:31:53

본문


 

eyoom/theme/basic/skin_bs/latest/image_gallery

'image_gallery' 스킨을 복사해서 수정했습니다.

 

압축을 푼 'image_gallery1' 폴더를
eyoom/theme/basic/skin_bs/latest
에 넣습니다.

eyoom/theme/basic/main/index_bs.html
를 열어서...


<div class="row margin-bottom-20">
    <div class="col-sm-12 md-margin-bottom-20">

        <!--------------- 0. EBL Image Gallery 최신글 영역 시작 --------------->
        <!--{latest->latest_eyoom('image_gallery1','title=게시판 제목||bo_table=게시판 아이디||count=6||cut_subject=50||img_view=y||bo_direct=n||img_width=200||cols=6')}-->
        <!--------------- 0. EBL Image Gallery 최신글 영역 끝 --------------->

    </div>
</div>

<div class="clear-line"></div>

원하는 곳에 위와 같이 삽입합니다.

'col-sm-12'은 큰 가로 두 칸을 한 칸으로 합칩니다.

 

1:1 비율의 이미지를 기준으로 했습니다.
다른 비율의 이미지를 사용할 경우에는...

eyoom/theme/basic/skin_bs/latest/image_gallery1/style.css


.view .gallery-img1 {
    display: block;
    overflow: hidden;
    min-height: 139px;
    max-height: 139px;
}
높이를 적당히 수정하세요.

4:3 = 104px
3:2 = 93px
16:9 = 78px

 

2
로그인 후 추천 또는 비추천하실 수 있습니다.

댓글목록8

홍인님의 댓글

profile_image
감사합니다

축하합니다. 첫댓글 포인트 3포인트를 획득하였습니다.

김군님의 댓글

profile_image
공유 감사드립니다.

티보리님의 댓글

다이옥신님의 댓글

profile_image
심플하게 나와서 좋을거 같네요.

joosam님의 댓글

profile_image
감사하게 잘 사용 하겠습니다

joosam님의 댓글

profile_image
이미지 높이는 어떻게 설정을 해야 하나요? 두줄로 이모티콘 이미지가 납짝해졌다는.... css 가 이윰 원본 갤러리 스킨의 영향을 받는걸까요?
fm25님 처럼 상하로 길이는 어떻게 조정해야 하나요?

회색늑대님의 댓글

profile_image
참 디자인이 세련되었네요.

와피님의 댓글

전체 12 건 - 1 페이지
사이트 내 전체검색