묻고답하기

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 남기남
BEO 슬라이드 위젯 삽입 후 메뉴가 안보이네요 고수님들 부탁드립니다 [6] file 2022.06.17 by 인천한량
clara 홈페이지를 처음 제작해보는데 [3] file 2021.08.04 by J__
가입명 footer 하단에 고정하려면 어딜 수정해야 할까요?  
소라db952 cycle-pager 배너에 a 링크를 걸면 배너 이미지가 풀려요ㅠ [2] 2019.04.02 by 소라db952
Spooky 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. [1] 2019.03.29 by Spooky
퓨라 카메론 위젯에서 날짜부분을 올리고 싶어요. [1] file 2019.01.03 by 디자인클립
립샤 고수님들 제발 도와주세요. 창크기에 따라서 위젯 위치가 자꾸 변합니다 [1] 2018.10.15 by 르미
호돌이옆집아저씨 니코 위젯스타일 제목 색상을 바꾸고 싶어요?  
유자 메뉴바하고 이미지를 중앙에 고정하고싶어요.  
파도. 이미지 슬라이드에 a 링크 어떻게 넣나요? [7] 2017.02.14 by 외인
파도. 스케치북 최근게시물 상단 탭 오른쪽 여백 없애기 file  
너굴 업데이트 했더니.. 에러가 나고 아무것도 안떠요...ㅠㅠ 도와주세요..ㅠ [5] 2016.10.13 by 김전설
94blossom 검색부분을 가운데로 하고싶은데요 어떻게 하는 건가요? [1] file 2016.08.02 by 라자루스
스파모 로그인후 정보 표시 바꾸고 싶은데 도와주세요 [2] file 2015.12.14 by 스파모
ING 게시판 아이콘 정렬 [1] file 2015.10.16 by 키스투엑스이
별별 3차메뉴를 카테고리(분류) 자리에 대신 출력가능한가요?  
bb 드롭다운 메뉴바 길이...ㅠㅠㅠ [2] 2015.08.17 by DoorWeb
더블엠씨 스케치북 게시판(웹진형 카드디자인)의 목록의 글자를 키우고 싶습니다. 5시간째 방황중입니다 .ㅜㅜ [9] file 2015.07.31 by 더블엠씨