묻고답하기

3차메뉴가

카테고리(분류)처럼 게시판 상단에 버튼형식으로 나왔으면 좋겠습니다

 

아래는 스케치북 게시판의 카테고리 출력부분입니다

혹시몰라서 CSS 부분도 같이 올려봅니다

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

<!--// 카테고리 -->
<div cond="$mi->use_category=='Y' && $mi->cnb!='N'" class="if_lst_btn"|cond="$mi->select_lst=='N'" style="margin-bottom:-20px"|cond="$mi->default_style=='blog'">
{@ $cate_list = array(); $current_key = null; }
<!--@foreach($category_list as $key=>$val)-->
    <!--@if(!$val->depth)-->
        {@
            $cate_list[$key] = $val;
            $cate_list[$key]->children = array();
            $current_key = $key;
        }
    <!--@elseif($current_key)-->
        {@ $cate_list[$current_key]->children[] = $val }
    <!--@end-->
<!--@end-->
    <div cond="!$mi->cnb" class="bd_cnb clear css3pie<!--@if($mi->cnb_open)--> open<!--@end-->">
        <a class="home" href="{getUrl('category','','page','','document_srl','')}" title="{$lang->document_count} '{number_format($total_count)}'"><i class="home ico_16px">Category</i></a>
        <div class="dummy_ie fr"></div>
        <ul class="bubble bg_f_f9 css3pie">
            <li class="cnbMore"><a href="#" class="bubble" title="{$lang->category} {$lang->more}"><i class="fa<!--@if($mi->cnb_open)--> fa-caret-up<!--@else--> fa-caret-down<!--@end-->"></i></a></li>
            <li loop="$cate_list=>$key,$val" class="on"|cond="$category==$val->category_srl">
                <a class="a1<!--@if($category==$val->category_srl)--> on<!--@end-->" href="{getUrl(category,$val->category_srl,'document_srl','','page','')}" title="{$lang->document_count} {$val->document_count}"|cond="!$mi->cnb_count" style="color:{$val->color}"|cond="$val->color!='transparent'">{$val->title}<small cond="$mi->cnb_count">({$val->document_count})</small></a>
                <ul cond="count($val->children)" class="wrp">
                    <li loop="$val->children=>$idx,$item" class="li2<!--@if($category==$item->category_srl)--> on<!--@end-->"><a href="{getUrl(category,$item->category_srl,'document_srl','','page','')}" title="{$lang->document_count} {$item->document_count}"|cond="!$mi->cnb_count" style="color:{$item->color}"|cond="$item->color!='transparent'">{$item->title}<small cond="$mi->cnb_count">({$item->document_count})</small></a></li>
                </ul>
            </li>
        </ul>
    </div>
    <ul cond="$mi->cnb=='cTab'" class="cTab clear">
        <li class="home<!--@if(!$category)--> on<!--@end-->"><a href="{getUrl('category','','page','','document_srl','')}" title="{$lang->document_count} {number_format($total_count)}">{$lang->total}<small cond="$mi->cnb_count">({number_format($total_count)})</small></a></li>
        <li loop="$cate_list=>$key,$val" class="on"|cond="$category==$val->category_srl">
            <a href="{getUrl(category,$val->category_srl,'document_srl','','page','')}" style="color:{$val->color}"|cond="$val->color!='transparent'">{$val->title}<small cond="$mi->cnb_count">({$val->document_count})</small></a>
            <ul cond="count($val->children)">
                <li loop="$val->children=>$idx,$item" class="on"|cond="$category==$item->category_srl"><a href="{getUrl(category,$item->category_srl,'document_srl','','page','')}" style="color:{$item->color}"|cond="$item->color!='transparent'">{$item->title}</a></li>
            </ul>
        </li>
    </ul>
<ul cond="$mi->cnb=='cnb3' || $mi->cnb=='cnb4'" class="cnb3 {$mi->cnb} {$mi->cnb3_align} clear">
        <li class="home<!--@if(!$category)--> on<!--@end-->">
            <a href="{getUrl('category','','page','','document_srl','')}" title="{$lang->document_count} {number_format($total_count)}">{$lang->total}<small cond="$mi->cnb_count">({number_format($total_count)})</small></a></li><li loop="$cate_list=>$key,$val" class="on"|cond="$category==$val->category_srl"><a href="{getUrl(category,$val->category_srl,'document_srl','','page','')}" style="color:{$val->color}"|cond="$val->color!='transparent'">{$val->title}<small cond="$mi->cnb_count">({$val->document_count})</small></a>
        </li>
    </ul>
</div>  

 

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

아래는 CSS입니다

 

/* Box Style */
.cnb3{margin:0 0 0 -2px;padding:0}
.cnb3 li{list-style:none;float:left}
.cnb3 a{display:block;overflow:hidden;padding:5px 16px;margin:2px;border:1px solid #DDD;border-radius:3px;background:#EEE;white-space:nowrap;text-overflow:ellipsis;text-decoration:none !important;text-align:center;color:#333;font-size:15px;font-weight:bold;}
.cnb3 .on>a,.cnb3 a:hover,.cnb3 a:focus{border-color:#999;background:#BBB;color:#FFF;}
.cnb3 .on>a{font-weight:700}
.cnb4 a{border:1px solid #999;background:none !important}
.cnb4 .on>a,.cnb4 a:hover,.cnb4 a:focus{border-color:#333;color:#333;text-shadow:none}
.cnb3.center{text-align:center}
.cnb3.center li{float:none;display:inline-block;*display:inline;*zoom:1}

 

태그 연관 글
  1. [2021/08/03] 묻고답하기 홈페이지를 처음 제작해보는데 by clara *3
  2. [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요? by 가입명
  3. [2019/10/10] 묻고답하기 cafe24 XE3 STEP 3 단계에서 에러가 발생합니다. by nothing *3
  4. [2019/04/02] 묻고답하기 cycle-pager 배너에 a 링크를 걸면 배너 이미지가 풀려요ㅠ by 소라db952 *2
  5. [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. by Spooky *1
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
ING 게시판 아이콘 정렬 [1] file 2015.10.16 by 키스투엑스이
joorans 문의게시판 만들려고 합니다  
고양이냥 sweet mobile 레이아웃 상단이 뜨는데 [1] 2015.10.16 by 키스투엑스이
머리 드림위버에서 작성한 홈페이지에 ex보드를 삽입할 수 있나요? [1] 2015.10.16 by 키스투엑스이
sports21 검색이 안됩니다.  
큐원 스케치북 모바일에서 글과 사진 모두 등록은 되지만..ㅠㅠ [2] 2015.10.15 by 큐원
예란 타임라인 모듈 카테고리 목록에서 게시판 추가하는 방법 [2] file 2015.10.15 by 예란
spaz 익스에선 이상이 없는데 크롬에서 댓글작성이 안되고 경고창이 뜹니다 [3] 2015.10.15 by treasurej
thdwjdtjr 태그 작성하는 법..... ??? [2] file 2015.10.15 by thdwjdtjr
고양이냥 ssl 인증서 설치 완료했는데 B등급이 나왔어요 [8] 2015.10.15 by 고양이냥
고양이냥 서버 호스팅보면 ssd + 1tb 하드 이던데 [4] 2015.10.15 by 고양이냥
에이치오 &nbsp; 이것이 게시글 저장시 ? 로 변경되어 저장됩니다. [1] 2015.10.15 by treasurej
열혈개발 썸네일 폴더 삭제해도되나요? [1] 2015.10.15 by treasurej
파워XE 관리자 로그인시 에러나 납니다. 도와주세요.. [4] 2015.10.15 by 파워XE
아이돌72 스케치북 스킨에서 카카오 링크 오류 발생 문제 [4] 2015.10.15 by 아이돌72
전갈자리남 회원가입시 문자 관련 [1] 2015.10.15 by 기진곰
까꿍 게시판 만드는 방법 [1] 2015.10.15 by u****
thdwjdtjr 태그 뜻이 무엇을 의미하는 것 인지요 [2] file 2015.10.15 by thdwjdtjr
hittttte xe 게시판관련이요 ㅠㅠ [ 게시글이사라짐 ]  
u**** 안녕하세요 jquery를 사용하는데 초보적인 질문이 있습니다. [1] file 2015.10.15 by u****
전갈자리남 웹호스팅 서버호스팅 SSL관련 [2] 2015.10.15 by 전갈자리남
4bb3c 회원가입하고 확인 누르면 forbidden 창이 뜬다고 합니다  
별별 3차메뉴를 카테고리(분류) 자리에 대신 출력가능한가요?  
시하맘 위젯에서 확장변수 항목표시하기 [1] file 2015.10.15 by 열혈개발
열혈개발 잘되던 썸네일 이미지가 먹통되었습니다 ㅠㅠ (내용보강) [2] 2015.10.15 by 열혈개발
마꼬꼬 Port links가 무었을 말하는 건가요? [2] 2015.10.15 by 마꼬꼬
으뉸으뉸 썸네일 생성 오류입니다. 0kb 문제 [1] 2015.10.15 by 열혈개발
미소맨 위젯 수정하는 방법 [1] file 2015.10.15 by 미소맨
디자인업 다국어 설정후 같은페이지에 한글과 영문을 동시에 출력할 수 있나요? [1] 2015.10.14 by 불꽃남자cc4e1
spaz 사이트 트래픽 혹은 cloudflare 잘 아시는 분 계신가요? 진짜 힘듭니다.. [5] 2015.10.14 by spaz