묻고답하기

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 남기남
키큰아이 해당 게시판에 접속하면 해당 게시판의 제일 최신에 올라온 게시글이... [2] 2015.10.21 by 키큰아이
안뇽하세요 컨텐츠위젯스킨 설치후 게시판 이동 [2] file 2015.10.21 by 안뇽하세요
jun0214 모바일 페이지 이동메뉴는 어떻게 만드나요? file  
고양이냥 서버호스팅 둘중 어느것이 좋을까요?? [15] 2015.10.21 by 휘즈
퍼즐조각 혹시 댓글 쓸 때 정해진 글자수 아니면 등록 못하게 하는 방법도 있나요? [5] 2015.10.21 by 큰성565
퍼즐조각 지금 이 xe 공홈에서처럼 댓글 달리면 최근 목록으로 올라오는 거 어떻게 하나요? [2] 2015.10.21 by 퍼즐조각
oddguy 누리고 결재 시 이메일 주소가 빠졌다는 메시지  
newi 게시판 속도 문의 일반 스케치북게시판  
퍼즐조각 제가 XE 알림센터 Lite 라는 모듈을 썼는데 말이죠 [2] 2015.10.20 by 퍼즐조각
김유석 API에 관해 질문좀..ㅠㅠ 제발..  
ilkuang 소셜 댓글 오류 알럿창관련 질문 드립니다. [1] file 2015.10.20 by 배워서남준다
몽실아빠 설문조사 테이블 깨짐 현상... [5] file 2015.10.20 by 홍찬
강하레 다른 모듈의 정보를 가지고 오려면 어떻게 해야하나요? [2] 2015.10.20 by 강하레
퍼즐조각 게시판에서 n <- 이 표시 아이콘 모양 자체를 바꾸고 싶은데 [2] 2015.10.20 by 퍼즐조각
함삐까 404페이지로 보내는 방법 없을까요?  
newi 본문에서 성별 출력 하려고 합니다. [5] file 2015.10.20 by newi
큐원 모바일로 작성한 글에서 이미지가 위젯에 안나와요 [2] 2015.10.20 by 큐원
pandom db 비번 변경시 [1] 2015.10.20 by Double'U'
ilkuang 단락편집기 사용시 글쓰기 페이지에 알수 없는 알럿 창이 뜨네요~ [2] file 2015.10.20 by ilkuang
별별 흑ㅠ 위치좀 가르쳐주실분 안계신가요?? [2] file 2015.10.20 by 별별
키쨩 해외 웹호스팅 갑자기 정지당했다는대 먼가요 ? [1] 2015.10.20 by misol
es**** XE 1.8.12 버전 모바일 적용방법 좀 알려주세요 [2] 2015.10.20 by es****
김유석 VPS호스팅 os설치과정 iso마운트중 에러가 발생합니다 file  
thdwjdtjr 본문 글자크기와 댓글 글자크기를 다르게 하는 방법 [1] 2015.10.20 by Double'U'
e편한생각 schedule 모듈이 모바일에서 합쳐져서 보입니다  
newi 인증메일 오류 나타납니다. [1] 2015.10.20 by 기진곰
tango XE4 최고 관리자가 삭제 되었을때.. [1] 2015.10.20 by 몽1204
키쨩 해외호스팅을사용중인대요 갑자기 계정비활성화 .... [1] 2015.10.20 by 몽1204
thdwjdtjr 모바일 본문 글자크기가 아주 크게 나옵니다  
젭스 xe core 를 ftp를 통해 전송해서 넣었는대 먹통입니다. [2] 2015.10.19 by 젭스