세로형 슬라이드 배너 위젯

Member's Skins

테마, 스킨, 위젯 등 아미나 회원자료실

홈 > 회원포럼 > 회원자료실
회원자료실

세로형 슬라이드 배너 위젯

세로형 슬라이드 배너입니다.



<적용했을 때 예시>


gif 파일입니다. 자동 롤링되고, 특정 select(세로의 '선택창에 워하는 내용을 입력하세요')를 선택하면 해당 내용에 대한 background로 이동합니다.

91b638d1977d569a527c185c1f3a505a_1551079850_2331.gif
 

 



<참고>

아미나 기본 위젯을 변형해서 만든 것으로, 1단 박스형일때 제대로 적용됩니다.


91b638d1977d569a527c185c1f3a505a_1551080519_2699.jpg
 

2단 형태(basic-side가 있는 경우)에선 select 이미지를 수정하셔야 합니다. 





<적용방법>


1. updownslide.zip 파일을 다운받으시고, 테마(/html/thema/테마명/widget/)에 압축해제합니다. 




2. 위젯을 적용할 부분에 <?php echo apms_widget('updownslide', '임의명칭'); ?> 과 같이 적용합니다.




3. Nivo-Slider.zip을 /html/plugin/apms/Nivo-Slider에 덮어씁니다.




4. updownslide 위젯설정을 아래와 같이 변경합니다.


91b638d1977d569a527c185c1f3a505a_1551080134_1619.jpg
 





5. background.zip을 다운받으신 후, background.psd의 포토샵을 여신 후, 원하는 이미지를 적용합니다.

▼ background는 아래의 빨간색 점선으로 표시한 부분입니다.


91b638d1977d569a527c185c1f3a505a_1551080411_6554.png
 


그리고 아래와 같은 위젯에 이미지를 등록하십니다. 저는 5개 이미지를 기준으로 설정한 것입니다.



91b638d1977d569a527c185c1f3a505a_1551080118_7142.png


 



6. 배경이미지를 선택할 수 있는 select는 updownslide/img/ 의 select.psd 포토샵을 통해 설정할 수 있습니다.
▼ select는 아래의 빨간색 점선으로 표시한 부분입니다.

91b638d1977d569a527c185c1f3a505a_1551080466_1878.png
 



허접하게 만든 것이라서 질문주시거나 바꿀 내용이 있으면 알려주세요. 수정해서 다시 올리겠습니다.




18 Comments
6 허거덩 07.03 13:56  
선택창에 원하는 내용을 입력하세요. 이부분을 이미지 말고 직접 텍스트로 입력하거나 게시물 타이틀이로 나오게 할 수 도있을까요??
위치는 왼쪽 말고 오른쪽으로요. ㅎㅎ
13 argue 07.03 15:12  
해당 부분에 태그수정하시면 되실것 같습니다. 위치도 직접 수정하셔야 할 것입니다.
6 허거덩 07.03 15:59  
혹시 어떻게 해야 하는지 조언 좀... 부탁드려도 될까요. 위치는 그냥 두더라구요.
  1. 별도 라이센스 표기가 없는 경우 다운받으신 자료는 비영리 사이트에서만 사용가능하며, 제작의뢰 또는 납품용으로도 사용할 수 없습니다.
  2. 또한 몰에서 판매하는 자료의 리소스로 활용 또는 단독판매가 불가능하고, 회원자료실에서 재배포도 불가능합니다.
  3. 포인트가 있는 경우 다운로드 후 2개월(60일) 동안은 다시 받더라도 재차감되지 않습니다.
제목
최근 글
최근 댓글
Facebook Twitter GooglePlus KakaoStory KakaoTalk NaverBand