코스모스팜 스레드

KBoard 에스크원 상담스킨 카테고리 탭형식으로 보이기

안녕하세요..

 

KBoard 에스크원 상담 스킨 게시판을 사용중 입니다.

카테고리를 설렉트 형식이 아닌 탭형식으로 보여주고 싶은데 어떻게 해야 할까요 ?

 

답변 감사드립니다. 

이 페이지의 내용이 유익하시나요? 혹은 더 많은 답변을 받길 원하시면 이 페이지를 공유 해보시는건 어떨까요?

내 홈페이지에 소셜 공유 버튼 추가하기

코스모스팜 회원관리
코스모스팜 회원관리
  • 안녕하세요~^^

    KBoard 에스크원 상담 스킨에서 카테고리 부분을 탭 형식으로 표시하시려면

    1. FTP로 접속해서 /wp-content/plugins/kboard/skin/ask-one/list.php 파일에

    아래의 코드를 찾아서

    <?php if($board->use_category == 'yes'):?>
    <div class="kboard-category category-pc">
    	<form id="kboard-category-form-<?php echo $board->id?>-pc" method="get" action="<?php echo $url->toString()?>">
    		<?php echo $url->set('pageid', '1')->set('category1', '')->set('category2', '')->set('target', '')->set('keyword', '')->set('mod', 'list')->toInput()?>
    		
    		<?php if($board->initCategory1()):?>
    			<select name="category1" onchange="jQuery('#kboard-category-form-<?php echo $board->id?>-pc').submit();">
    				<option value=""><?php echo __('All', 'kboard')?></option>
    				<?php while($board->hasNextCategory()):?>
    				<option value="<?php echo $board->currentCategory()?>"<?php if(kboard_category1() == $board->currentCategory()):?> selected<?php endif?>><?php echo $board->currentCategory()?></option>
    				<?php endwhile?>
    			</select>
    		<?php endif?>
    		
    		<?php if($board->initCategory2()):?>
    			<select name="category2" onchange="jQuery('#kboard-category-form-<?php echo $board->id?>-pc').submit();">
    				<option value=""><?php echo __('All', 'kboard')?></option>
    				<?php while($board->hasNextCategory()):?>
    				<option value="<?php echo $board->currentCategory()?>"<?php if(kboard_category2() == $board->currentCategory()):?> selected<?php endif?>><?php echo $board->currentCategory()?></option>
    				<?php endwhile?>
    			</select>
    		<?php endif?>
    	</form>
    </div>
    <?php endif?>

    아래의 코드로 교체해보세요.

    <?php if($board->use_category == 'yes'):?>
    <div class="kboard-category category-pc">
    	<?php if($board->initCategory1()):?>
    		<ul class="kboard-category-list">
    			<li<?php if(!kboard_category1()):?> class="kboard-category-selected"<?php endif?>><a href="<?php echo $url->set('category1', '')->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->tostring()?>"><?php echo __('All', 'kboard')?></a></li>
    			<?php while($board->hasNextCategory()):?>
    			<li<?php if(kboard_category1() == $board->currentCategory()):?> class="kboard-category-selected"<?php endif?>>
    				<a href="<?php echo $url->set('category1', $board->currentCategory())->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->toString()?>"><?php echo $board->currentCategory()?></a>
    			</li>
    			<?php endwhile?>
    		</ul>
    	<?php endif?>
    	
    	<?php if($board->initCategory2()):?>
    		<ul class="kboard-category-list">
    			<li<?php if(!kboard_category2()):?> class="kboard-category-selected"<?php endif?>><a href="<?php echo $url->set('category2', '')->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->tostring()?>"><?php echo __('All', 'kboard')?></a></li>
    			<?php while($board->hasNextCategory()):?>
    			<li<?php if(kboard_category2() == $board->currentCategory()):?> class="kboard-category-selected"<?php endif?>>
    				<a href="<?php echo $url->set('category2', $board->currentCategory())->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->toString()?>"><?php echo $board->currentCategory()?></a>
    			</li>
    			<?php endwhile?>
    		</ul>
    	<?php endif?>
    </div>
    <?php endif?>

     

    2. 워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보시겠어요?

    #kboard-ask-one-list .kboard-list-header .kboard-left,
    #kboard-ask-one-list .kboard-list-header .kboard-right { display: block; } 
    #kboard-ask-one-list .kboard-category .kboard-category-list { margin: 0 0 5px 0; padding: 0; list-style: none; border: 0; background-color: #f9f9f9; overflow: hidden; }
    #kboard-ask-one-list .kboard-category .kboard-category-list li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 5px; border: 0; list-style: none; }
    #kboard-ask-one-list .kboard-category .kboard-category-list li::before,
    #kboard-ask-one-list .kboard-category .kboard-category-list li::after { display: none; }
    #kboard-ask-one-list .kboard-category .kboard-category-list li a { display: block; padding: 10px 10px 8px 10px; font-size: 13px; border: 0; border-bottom: 2px solid transparent; text-decoration: none; text-shadow: none; box-shadow: none; color: #515151; }
    #kboard-ask-one-list .kboard-category .kboard-category-list li.kboard-category-selected a { font-weight: bold; border-bottom: 2px solid #545861; color: #545861; }

    고맙습니다.

코스모스팜 회원관리