[펄스나인] 쉽게쓰는 UI/UX - 자동롤링 탭 > 그누보드5 스킨

그누보드5 스킨

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

[펄스나인] 쉽게쓰는 UI/UX - 자동롤링 탭 정보

레이아웃 [펄스나인] 쉽게쓰는 UI/UX - 자동롤링 탭

첨부파일

roll_tab.zip (1.3K) 241회 다운로드 2020-05-31 10:55:19 포인트 차감10
테스트한 버전5.4.2.5
호환 가능 버전무관

본문

저같은 짜지퍼는.. 만들어진거 줍줍해서 레이아웃에 맞게

짜맞추려면 여간 귀찮은게 아닙니다..ㅎ

그래서! 만들어보았습니다.

 

가로 100% 라서 아무곳에나 때려넣어도 잘돌아 가게,

갯수 조절이 쉽고 제이쿼리는 없어도 되고!

불필요한 css 없어서 레이아웃 안깨지고!

클래스명은 알아먹을 순 있지만  겹치지 않도록,

ul li 안쓰고 dl, dd 사용...ㅎ

 

기능은 자동롤링(시간조절), 마우스 오버하는 동안 롤링 정지, 정도 입니다.

사용법은 딱히 없고, html 파일 열으셔서 코드 복붙 하시면 됩니다.

style 은 동일 문서안에 포함 했습니다.

 

-------------------------------------------------

탭 추가방법 간략하게! (3개 > 4개로 변경)

01. <dd></dd> 추가(복사)후 onclick="contabroll(4);" 숫자변경.

02. <dl></dl> 추가(복사) 후 내용넣기.

03. 스타일 .contabroll dd:nth-child(4) 숫자변경.

04. 탭 가로사이즈 변경 width: 33.33333%; > width: 25%;

 

끝!

-------------------------------------------------

 

위에 말씀드린 내용은 파일에 상세하게 주석 달아놓았습니다.

건강 유의하세요~!

 

크로스브라우징 : 익스11, 엣지, 크롬, 웨일

 

 

추천은 사랑인거 아시죠?

추천
52

댓글 전체

좋은자료 감사합니다! 그런데 하나 여쭤보고 싶은게 있는데 영카트에서 각 탭 내용에 상품을 뿌려주고 싶은데, 상품리스트가 보였다가 안보였가 하내요... ㅠ.. 
제 지식으로는 감이 안잡혀서 그런데 혹시 감이 잡히시는게 있으신지요 ㅠㅠ....    상품리스트 코드는 아래같은 기본코드를 사용했습니다.
<?php
$list = new item_list();
$list->set_category('20',1);
$list->set_list_mod(5);
$list->set_list_row(1);
$list->set_img_size(250,250);
$list->set_list_skin(G5_SHOP_SKIN_PATH.'/main.20.skin.php');
$list->set_view('it_id', false);
$list->set_view('it_name', true);
$list->set_view('it_basic', false);
$list->set_view('it_cust_price', true);
$list->set_view('it_price', true);
$list->set_view('it_icon', false);
$list->set_view('sns', false);
echo $list->run();
?>
한 페이지에서
올려주신 탭을 2번 사용하니 이름이 중복되는지 안되더라고요.
어디를 수정해야 하는지 좀 알려주시면 감사하겠습니다.

좋은 자료 공개 감사합니다.
같은 아이디를 가진 엘리먼트는 중복으로 사용할 수 없습니다~
id="contabroll" 부분을 다른걸로 바꾸시고
아래쪽에 있는 스크립트도 복사하셔서
id를 지정하고 있는 부분을 모두 추가한 ID 로 바궈주셔야 합니다!
전체 2,423 |RSS
그누보드5 스킨 내용 검색

회원로그인

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