에티테마

무료테마 에티테마 탭메뉴 늘리는 방법 입니다.

페이지 정보

작성자 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 3건 조회 6,325회 작성일 19-12-12 20:37

본문

안녕하세요 에티테마의 소프트존 이라고 합니다.
뮤직스토리님께서 탭메뉴를 여러개 만들고 싶다고 하셔서
팁을 알려드리고자 작성되었습니다.
 




<!-------------------------- 커뮤니티 -------------------------->
<div class="head-title-2">
	<h2 class="h2-title-bottom">커뮤니티</h2>
	<a href="#" class="btn-more"><span class="sound_only">커뮤니티</span>
</div>
<div class="row">
	<div class="col-md-12">
			<!-- tab menu -->
		  <ul class="nav nav-tabs nav-justified" role="tablist">
			<li class="nav-item">
			  <a class="nav-link active" data-toggle="tab" href="#t1">에티테마</a>
			</li>
			<li class="nav-item">
			  <a class="nav-link" data-toggle="tab" href="#t2">자유게시판</a>
			</li>
			<li class="nav-item">
			  <a class="nav-link" data-toggle="tab" href="#t3">질문게시판</a>
			</li>
		  </ul>
		  <!-- Tab panes -->
		  <div class="tab-content">
			<div id="t1" class="tab-pane active"><br>
				<div class="row">
					<div class="col-md-12"><?php echo latest('theme/sub_text_1', 'theme_update', 12, 23);?></div>
				</div>
			</div>
			<div id="t2" class="tab-pane fade"><br>
				<div class="row">
					<div class="col-md-12"><?php echo latest('theme/sub_text_1', 'free', 12, 23);?></div>
				</div>
			</div>
			<div id="t3" class="tab-pane fade"><br>
				<div class="row">
					<div class="col-md-12"><?php echo latest('theme/sub_text_1', 'qa', 12, 23);?></div>
				</div>
			</div>
		  </div>
	</div><!-- /col -->
</div><!-- /row -->

위 내용은 탭메뉴 인데요~~
한개를 더 추가해 보도록 하겠습니다.
기존에 3개가 있고 마지막 탭이 질문게시판 입니다.



<!-------------------------- 커뮤니티 -------------------------->
<div class="head-title-2">
	<h2 class="h2-title-bottom">커뮤니티</h2>
	<a href="#" class="btn-more"><span class="sound_only">커뮤니티</span>
</div>
<div class="row">
	<div class="col-md-12">
			<!-- tab menu -->
		  <ul class="nav nav-tabs nav-justified" role="tablist">
			<li class="nav-item">
			  <a class="nav-link active" data-toggle="tab" href="#t1">에티테마</a>
			</li>
			<li class="nav-item">
			  <a class="nav-link" data-toggle="tab" href="#t2">자유게시판</a>
			</li>
			<li class="nav-item">
			  <a class="nav-link" data-toggle="tab" href="#t3">질문게시판</a>
			</li>
			<li class="nav-item">
			  <a class="nav-link" data-toggle="tab" href="#t4">4번째탭메뉴</a>
			</li>
		  </ul>
		  <!-- Tab panes -->
		  <div class="tab-content">
			<div id="t1" class="tab-pane active"><br>
				<div class="row">
					<div class="col-md-12"><?php echo latest('theme/sub_text_1', 'theme_update', 12, 23);?></div>
				</div>
			</div>
			<div id="t2" class="tab-pane fade"><br>
				<div class="row">
					<div class="col-md-12"><?php echo latest('theme/sub_text_1', 'free', 12, 23);?></div>
				</div>
			</div>
			<div id="t3" class="tab-pane fade"><br>
				<div class="row">
					<div class="col-md-12"><?php echo latest('theme/sub_text_1', 'qa', 12, 23);?></div>
				</div>
			</div>
<div id="t4" class="tab-pane fade"><br> <div class="row"> <div class="col-md-12">4번째 탭메뉴 내용입니다.</div> </div> </div> </div> </div><!-- /col --> </div><!-- /row -->


위 코드를 보시면 아시겠지만 4번째 탭메뉴라는 제목이 보이실겁니다.
t4 를 새로 추가해주었습니다.
보여질 탭 내용쪽에도 id 값이 t4 로 변경 되어야 합니다
감사합니다.



  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

Total 28건 1 페이지
테마자료실 목록
번호 제목 글쓴이 조회 날짜
공지 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1689 06-07
공지 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4478 11-25
공지 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 8852 08-22
공지 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13854 03-22
공지 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 6197 03-13
공지 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 7305 03-13
공지 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 6964 03-12
21 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 859 02-17
20 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4760 03-24
19 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 6916 03-13
18 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1480 06-13
17 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3210 02-28
열람중 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 6326 12-12
15 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12057 03-25
14 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4164 12-30
13 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4996 12-17
12 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4758 12-12
11 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 5890 12-09
10 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 5643 11-25
9 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 5964 11-11
8 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 6606 10-07
7 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 6576 08-27
6 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 6537 08-22
5 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 8553 04-23
4 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 9141 04-22
게시물 검색

카테고리

카테고리
 스킨자료실
 프리미엄 유료테마
테마자료실
 테마메뉴얼
 구인구직
 제작의뢰

프리미엄

프리미엄

영화예고편

영화예고편

최근이미지리스트

최근이미지리스트