세로형 슬라이드 배너 위젯

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
 



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




11 Comments
11 녹색 02.25 19:10  
좋아 보이네요.
테스트 해 볼 사이트는 없을까요?
11 argue 02.25 21:39  
적용하시면 이런 스타일입니다.
http://holaspain.co.kr/bbs/main.php?gid=shopping
3 강건마 02.26 10:02  
사이트멋지네요ㅎ 이렇게만들려면 비용이 얼마나들까요ㅜ
19 사노라면 02.26 08:31  
선추 다운합니다
11 녹색 02.26 12:47  
감사합니다.
사이트를 참 잘 만드셨네요.
가끔 사이트 방문하겠습니다.
2 김왕1123 02.28 02:29  
설명대로 했는데도 위젯 엑박이 뜨네여... ㅠㅠ
혹시 되시는 분들 계신가요?
11 argue 02.28 11:40  
위젯에 엑박 뜨는 건 이미지를 입력하지 않으셔서 그런 것 같고, 쪽지로 물어보신 반응형에선 적용되지 않습니다. 위 댓글의 사이트처럼 고정형에서만 정상반영되고 반응형에선 정상반영되지 않으실 것입니다.
1 가꾸으리 03.01 15:42  
감사합니다
7 아름드리79 03.02 08:09  
프레쉬하네요 사이트,잘만드셧네요,
바르셀로나등 리스트에 태그 나오는건가요
첨봐서...
11 argue 03.04 08:32  
네, 태그와 여분필드 이용해서 노출시킨 것입니다.
4 해피지민 03.07 07:56  
아미나 빌더로 만든 사이트 맞죠? 역대급으로 잘 정리된 사이트 같습니다. 제 개인적인 생각으로는요...너무 멋져요.
  1. 별도 라이센스 표기가 없는 경우 다운받으신 자료는 비영리 사이트에서만 사용가능하며, 제작의뢰 또는 납품용으로도 사용할 수 없습니다.
  2. 또한 몰에서 판매하는 자료의 리소스로 활용 또는 단독판매가 불가능하고, 회원자료실에서 재배포도 불가능합니다.
  3. 포인트가 있는 경우 다운로드 후 2개월(60일) 동안은 다시 받더라도 재차감되지 않습니다.
제목
최근 글
최근 댓글
Facebook Twitter GooglePlus KakaoStory KakaoTalk NaverBand