이윰넷-상상 그이상을 꿈꾸며

게시판 분류를 탭 형식으로 사용이 가능할까요?

joosam 4

2,404 2015.04.17 16:46

첨부파일

- 첨부파일: 999999999999999999.jpg (129.7K)

0 2015-04-17 16:48:49

짧은주소

- 짧은주소: http://v2.eyoom.net/bbs/?t=1fM 주소복사

본문

스킨 게시판 분류 카테고리를 탭 형식으로 사용이 가능할까요?

그누보드 스킨에 분류 탭을 적용 해보려다 계속 오류가 나네요.....

혹시 그누보드 FAQ 처럼 분류를 탭으로 구성하려면 어떻게 해야 하는지요?

최신글 탭 구성을 보니 가능 할꺼 같은데....

불가능 할까요?

- joosam

- 회원등급 : 새싹/Level 15 - 포인트 : 13,738

레벨 15

경험치 23,606

Progress Bar 87%

- 가입일 : 2015-02-23 14:59:47

- 서명 :

- 자기소개 :

댓글목록

이윰넷님의 댓글

이윰넷 2015.04.18 09:28

joosam님 안녕하세요. 반갑습니다.

skin_bs/board/스킨명/list.skin.html 파일에서 카테고리 부분의 소스를 응용하시면 될 듯 싶습니다.
수정 전

    <!--{* 게시판 카테고리 시작 *}-->
    <!--{?_is_category}-->
	<script>
	// 카테고리 이동
	function category_view(sca) {
		if(sca)	var url = "{_category_href}&sca="+sca;
		else var url = "{_category_href}";
		$(location).attr('href',url);
		return false;
	}
	</script>
    <nav>
        <h5><strong class="color-red">{board.bo_subject}</strong> 카테고리</h5>
        <div class="row col-sm-4">
			<select name="ca_name" id="ca_name" required class="form-control" onchange="return category_view(this.value);">
				<option value="">전체</option>
				<!--{@ _bocate}-->
				<option value="{.ca_sca}" {? _decode_sca == .ca_name}selected{/}>{.ca_name}</option>
				<!--{/}-->
			</select>
        </div>
        <div class="clearfix"></div>
    </nav>
    <div class="margin-hr-10"></div>
    <!--{/}-->
    <!--{* 게시판 카테고리 끝 *}-->

수정 후

	<!--{* 게시판 카테고리 시작 *}-->
	<!--{?_is_category}-->
	<nav>
		<h5><strong class="color-red">{board.bo_subject}</strong> 카테고리</h5>
		<div class="row col-sm-4">
			<ul class="nav-tabs">
				<li class="{?!_decode_sca}active{/}">
					<a href="{_category_href}">전체</a>
				</li>
				<!--{@ _bocate}-->
				<li class="{? _decode_sca == .ca_name}active{/}">
					<a href="{_category_href}&sca={.ca_sca}">{.ca_name}</a>
				</li>
				<!--{/}-->
			</ul>
		</div>
		<div class="clearfix"></div>
	</nav>
	<div class="margin-hr-10"></div>
	<!--{/}-->
	<!--{* 게시판 카테고리 끝 *}-->

탭의 모양은 css를 조절하셔서 작업하시면 이쁘게 만들 수 있으리라 봅니다.
감사합니다.

축하합니다. 첫댓글 포인트 84포인트를 획득하였습니다.

joosam님 안녕하세요. 반갑습니다.

skin_bs/board/스킨명/list.skin.html 파일에서 카테고리 부분의 소스를 응용하시면 될 듯 싶습니다.
수정 전
{code:html}
    
    
	<script>
	// 카테고리 이동
	function category_view(sca) {
		if(sca)	var url = "{_category_href}&sca="+sca;
		else var url = "{_category_href}";
		$(location).attr('href',url);
		return false;
	}
	</script>
    <nav>
        <h5><strong class="color-red">{board.bo_subject}</strong> 카테고리</h5>
        <div class="row col-sm-4">
			<select name="ca_name" id="ca_name" required class="form-control" onchange="return category_view(this.value);">
				<option value="">전체</option>
				
				<option value="{.ca_sca}" {? _decode_sca == .ca_name}selected{/}>{.ca_name}</option>
				
			</select>
        </div>
        <div class="clearfix"></div>
    </nav>
    <div class="margin-hr-10"></div>
    
    
{/code}

수정 후
{code:html}
	
	
	<nav>
		<h5><strong class="color-red">{board.bo_subject}</strong> 카테고리</h5>
		<div class="row col-sm-4">
			<ul class="nav-tabs">
				<li class="{?!_decode_sca}active{/}">
					<a href="{_category_href}">전체</a>
				</li>
				
				<li class="{? _decode_sca == .ca_name}active{/}">
					<a href="{_category_href}&sca={.ca_sca}">{.ca_name}</a>
				</li>
				
			</ul>
		</div>
		<div class="clearfix"></div>
	</nav>
	<div class="margin-hr-10"></div>
	
	
{/code}

탭의 모양은 css를 조절하셔서 작업하시면 이쁘게 만들 수 있으리라 봅니다.
감사합니다.

shadow님의 댓글

shadow 2015.04.18 13:13

소중한 정보 감사드립니다.

joosam님의 댓글

joosam 2015.04.18 14:10

이윰님이 친히 해결을 고맙습니다 ㅎㅎ 잘 사용해 보겠습니다

joosam님의 댓글

joosam 2015.04.18 16:47

css 연동이.... nav-tabs 이부분을 따로 만들어 줘야 한다는 말씀이신지...탭 이쁘게 만들어 주실 능력자 없으십니까... 밥을 해줘도 못 먹다니... 역시 공부가 필요하군요

번호	제목	글쓴이	날짜	뷰
2,221	댓글+3개 중국사이트 qq 소셜 로그인 이윰에 적용 어떻게 하나요?	티보리 아이디로 검색	2015.10.28	2,411
열람	댓글+4개 게시판 분류를 탭 형식으로 사용이 가능할까요?	joosam 아이디로 검색	2015.04.17	2,405
2,219	댓글+5개 이윰빌더 1.1.1로 g5 입문했는데요. 아웃로그인에서..	티피 아이디로 검색	2015.05.26	2,306
2,218	댓글+4개 레벨 아이콘이 안떠요	닉네임 아이디로 검색	2015.05.11	2,303
2,217	댓글+3개 GALLERY 최신글 게시판 이미지갯수 2개이상	김나리 아이디로 검색	2015.02.22	2,299
2,216	댓글+7개 이윰 다국어 시스템을 이용한 멀티사이트 활용 가능여부 질문	퍼그야 아이디로 검색	2015.08.21	2,295
2,215	댓글+2개 구글 번역기 버튼 링크 형식 제작 문의 드립니다..	아트 아이디로 검색	2015.04.15	2,280
2,214	댓글+4개 본문내 링크가 _self 로 열리네요	maxform 아이디로 검색	2015.05.15	2,266
2,213	댓글+6개 최신글(lastest)에 카테고리(분류) 출력하기	마른땅 아이디로 검색	2016.02.24	2,261
2,212	댓글+1개 여분필드 30개 정도 추가하려면	김나리 아이디로 검색	2015.03.27	2,227
2,211	댓글+5개 그누보드 스킨에서 날짜 입력하는 부분에서 달력이 깨지는것 해결방법이 없을까요	총사달타냥 아이디로 검색	2015.06.24	2,213
2,210	Re: 동영상이나 사운드 업로드 질문드려요.	이윰넷 아이디로 검색	2015.01.20	2,196
2,209	댓글+7개 메인 로고이미지를 가운데 정렬하고싶은데요..	장서 아이디로 검색	2015.03.18	2,185
2,208	댓글+2개 메뉴의 간격을 넓힐 수 있을까요?	허거덩 아이디로 검색	2016.08.05	2,168
2,207	댓글+5개 [이윰메뉴설정] 대분류명이 중분류에서도 동일하게 나타나는 현상 [추가]	무한질주 아이디로 검색	2015.02.26	2,144
2,206	댓글+4개 [탭메뉴] 탭메뉴 클릭후 재클릭하면 목록으로 이동가능하게 할 수 없을까요?	칠천피트 아이디로 검색	2016.01.20	2,138
2,205	댓글+4개 그누보드 기본 기능 중에 sns 덧글 연동이 있는데 그건 안되는건가요?	달달하고달콤한 아이디로 검색	2016.01.28	2,110
2,204	댓글+12개 메뉴 레벨 별로 보여주기	마늘 아이디로 검색	2015.05.22	2,108
2,203	댓글+22개 최근글 탭형식 만들려면?	김군 아이디로 검색	2015.03.16	2,086
2,202	댓글+8개 그누보드 업데이트	thanksbi… 아이디로 검색	2015.03.11	2,073

번호

제목

글쓴이

날짜

뷰

2,221

댓글+3개 중국사이트 qq 소셜 로그인 이윰에 적용 어떻게 하나요?