반응형 최신글 갤러리 > 그누보드5 스킨

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

반응형 최신글 갤러리 정보

최신글 반응형 최신글 갤러리

첨부파일

x-gallery.zip (2.8K) 1144회 다운로드 2014-03-02 18:28:30

본문

명칭 : x-gallery

소스 : https://github.com/withcenter/x/tree/master/skin/latest/x-rwd-gallery

연락 : http://gnuboardx.com *** 개인정보보호를 위한 이메일주소 노출방지 ***

설명 : 일반적인 최근 글 스킨의 사용방법과 동일하다.
반응형으로 제작되었으므로 장치(모바일, PC 등)에 상관없이 사용 할 수 있다.
화면의 크기에 따라 사진의 크기가 작아졌다 줄어들었다 하며, 특정 너비에서 사진의 갯수가 줄어들며 내용이 사라진다. 화면이 커지면 사진의 갯수가 늘어나며 제목과 함께 내용이 나타난다.
스킨을 다운로드하여 G5_PATH/skin/latest 와 G5_PATH/mobile/skin/latest 에 각 각 복사를 해 넣으면 된다. 그러면 별도의 수정없이 모바일과 PC 에서 사용가능하다.
반응형에 대해서 잘 이해하고 사용해야한다.
특히 부모(또는 조상) box(block 형 엘리먼트)에 고정폭을 준다면 반응형이 될 수 없으며 그에 따라 반응형으로 동작하지 않을 것이다.

참고: 사진이 없는 글이 있을 수 있으므로 최근글의 갯수를 여유있게 40 으로 지정했다. 이미지의 갯수를 늘이거나 줄이고자 한다면, 소스 자체를 수정해야하며, 겉 모양만 변경하고자 한다면 소스는 수정하지 말고, CSS 오버라이딩으로 하기를 권한다.



예제 1 ) 간단한 사용 방법
------------------------------------------------------------
<?=latest( 'x-gallery', 'ms_test6_1');?>
------------------------------------------------------------


예제 2 ) 일반적인 사용 방법
------------------------------------------------------------
<?php
echo latest( 'x-gallery-test', 'ms_test6_1', 40, 40, 1,
array(
'width' =>300,
'height' =>180,
'radius' => 0
)
);
?>
------------------------------------------------------------




예제 3 ) CSS Overriding. 코드 아래에 CSS 클래스를 상속 또는 덮어쓴다.
-------------------------------------------------------------
<?php
echo latest( 'x-gallery-test', 'ms_test6_1', 40, 40, 1,
array(
'width' =>300,
'height' =>180,
'radius' => 0
)
);
?>
<style>
.x-gallery .text {
background-color: white!important;
}
.x-gallery .text a {
color: black!important;
}
</style>
------------------------------------------------------------
추천
7

댓글 전체

http://g5x.philgo.net/ 로 접속을 해 보세요.

아직,홈페이지에는 이렇다 할 정보가 없어요. 곧 홈페이지 단장을 한번 해야 하지 싶어요.
아래는 그림을 누르면 링크1으로 이동 방법입니다...
-------------------
 <!-- <div class='photo'><a href="<?=$list[$i]['href']?>"><?=$img?></a></div>  아래는 그림을 누르면 링크1로 이동 -->
<div class='photo'><a href="<?=$list[$i]['wr_link1']?>"><?=$img?></a></div>
-----------------

그림 숫자를 증가 방법은  줄일수 있는 방법은 알려주세요
좋읍니다 잘만들었네요 감사합니다. 지금 적용해보는 중이구요
겨우 적용햇구요 ...

그런데요 훔 ....두줄이상도 되는데요

*** 이미지의 상하 높이는 어떻게 조정하는건가요 ***
아님 어떤파일을 어디에서 어떻게 수정해야 되나요 ???
부탁좀 드릴게요~~~

그리고 이미지 하나가 나타나지 않는 것도 있더군요 15개 이미지 불러오는 중인데요
모바일에선 항상 하나가 빠지는 현상이 나타 나더군요....이부분도좀 해결해주시면
감사하겠습니다
전체 2,257 |RSS
그누보드5 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIR SOFT