반응형 최신글 갤러리 정보
최신글 반응형 최신글 갤러리관련링크
http://gnuboardx.com
2020회 연결
첨부파일
본문
명칭 : 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>
------------------------------------------------------------
소스 : 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
7
댓글 전체
오오오오 좋네요 감사합니다.
완전 좋네용~
gnuboardx.com 접속이 안되는데 저만 그런가요
대단하시네요.
읏 감사합니다.
그런데 저는 왜 한줄 밖에 안나올까요 ㅠㅠ
그런데 저는 왜 한줄 밖에 안나올까요 ㅠㅠ
이거 두줄로 나오게 하려면 어떻게 하는지요?
if ( $count_image >= 8 ) break;
아래는 그림을 누르면 링크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>
-----------------
그림 숫자를 증가 방법은 줄일수 있는 방법은 알려주세요
-------------------
<!-- <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개 이미지 불러오는 중인데요
모바일에선 항상 하나가 빠지는 현상이 나타 나더군요....이부분도좀 해결해주시면
감사하겠습니다
겨우 적용햇구요 ...
그런데요 훔 ....두줄이상도 되는데요
*** 이미지의 상하 높이는 어떻게 조정하는건가요 ***
아님 어떤파일을 어디에서 어떻게 수정해야 되나요 ???
부탁좀 드릴게요~~~
그리고 이미지 하나가 나타나지 않는 것도 있더군요 15개 이미지 불러오는 중인데요
모바일에선 항상 하나가 빠지는 현상이 나타 나더군요....이부분도좀 해결해주시면
감사하겠습니다
감사합니다 ^^