첨부파일 https://eond.com/blog/406007

HTML

<div class="breadcrumbbox">
   <div class="container">
      <ul loop="$main_menu->list=>$key,$val" cond="$val['selected']">
         <li><a href="/"><i class="xi-home"></i></a></li>
         <li><span><b><a loop="$main_menu->list=>$key1,$val1" cond="$val1['selected']" href="{$val1['href']}" class="on">{$val1['link']}</a></b></span></li>
         <li cond="$val['list']">
            <select name="" id="" onchange="if(this.value) location.href=(this.value);">
               <option value="{$val1['href']}" loop="$val['list']=>$key1,$val1" cond="$val1['link']" <!--@if($val1['selected'])-->selected<!--@end-->>                  {$val1['link']}               </option>
            </select>
         </li>
      </ul>
   </div>
</div>

 

CSS

.breadcrumbbox{border-bottom:1px solid #d9d9d9;} .breadcrumbbox ul{margin:0;padding:0;} .breadcrumbbox li{list-style:none;border-right:1px solid #d9d9d9;display:inline-block;min-width:60px;text-align:center;height:55px;line-height:55px;vertical-align:middle;padding:0 10px;box-sizing:border-box} .breadcrumbbox i{font-size:20px;} .breadcrumbbox select{   border:0;
   -webkit-appearance: none;
   -moz-appearance: none;
   text-indent: 1px;
   text-overflow: '';
   padding-right:17px;
} .breadcrumbbox li:last-child:after{   content: "";
   display: inline-block;
   width: 0;
   height: 0;
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
   border-top: 4px solid #000;
   position: relative;
   left: -15px;
   top: -2px;
   /*content:"";border-left:1px solid #a4a4a4;display:inline-block;width:.1rem;height:.9rem;margin:0 .6rem;*/
} .breadcrumbbox select::-ms-expand {   display: none;
} .breadcrumbbox > .container{border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}

 

참 이런 코드들도 모듈화해서 작업하면 수월할 듯 싶네요.

 

PREVIEW

http://happytown57.cafe24.com/gallery03

코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 164 articles in 4 / 11 pages
번호 제목 제목 날짜날짜
공지 이온디에서 제작 배포 중인 레이아웃 2013/03/13
119 [모듈스킨작업기] 마켓플레이스 모듈 스크랩수 출력하기 파일 2018/08/24
118 [운영] 법인 범용공인인증서 발급 파일 2018/08/22
117 [SEO] 사이트의 다국어 버전 관리 파일 2018/08/22
116 [애드온작업기] XE 흑백전환 애드온 #1 2018/08/21
115 [모듈스킨작업기] 부동산모듈스킨제작기 2018/08/18
114 [기획제작기] 이로운라이프 기획서#1 파일 2018/08/18
113 [운영] 비밀글 회사를 운영하려면 최소 몇명의 인원이 필요할까? 2018/08/17
112 [서버] 비밀글 dmi \서버 세팅 변경 2018/08/15
111 [SEO] 비밀글 리치카드 작업하기 2018/08/14
110 [도메인] blog.eond.com 추가 파일 2018/08/14
109 [SEO] 비밀글 XE 검색사이트에 등록하기 2018/08/13
108 [XE기타] XE관리자 커스텀 CSS #2 파일 2018/08/13
107 [XE기타] XE관리자 커스텀 CSS 파일 2018/08/13
106 [명함제작기] 이온디 명함 파일 2018/08/11
105 [로고디자인] 이온디 로고 디자인 파일 2018/08/11

해시태그 디렉터리