XEDITON 레이아웃에 다국어(국기) 선택 버튼 추가하기

  • ehii
  • 2015.04.15 15:26:02
  • 7

 

ex1.jpg

 

XEDITON에는 다국어 선택 버튼이 없더군요. 그래서 추가해 봤습니다.

 

변경되는 파일은 다음과 같습니다.

/layouts/xedtion/layout.html 수정

/layouts/xedtion/css/layout_customed.css 추가

/layouts/xedtion/img/flags.png 추가

default 레이아웃이다 보니 코어 업데이트시 변경될 수도 있어서 그 경우 다시 수정하셔야 합니다.

 

 

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

 

1. layout.html (148줄 추가)

 

<!--// CSS -->
<load target="./css/layout.css" />
<load target="./css/layout_customed.css" />
<load target="./css/idangerous.swiper.css" />
<load target="./css/welcome.css" />
<load target="./css/webfont.css" />
<load target="./css/xeicon.css" cond="$mid === 'xeicon'" />
<load target="../../common/xeicon/xeicon.min.css" />

 

2. layout.html  (217줄~226줄까지 추가)

 

     <!-- admin -->
     <li cond="$logged_info->is_admin == 'Y'">
      <a href="{getUrl('', 'module', 'admin')}" target="_blank" title="{$lang->cmd_management}"><i class="xi-cog"></i><span class="blind">{$lang->cmd_management}</span></a>
     </li>
     <!-- language -->
     <li class="hover menu_lang" style="width:40px">
      <a href="#"><i class="flag flag-{$lang_type}"></i><span class="blind">{$lang_supported[$lang_type]}</span></a>
      <div id="lang" class="ly ly_login">
       <ul>
        <li loop="$lang_supported=>$key,$val" cond="$key!= $lang_type"><a href="#" onclick="doChangeLangType('{$key}');return false">{$val}</a></li>
       </ul>
       <span class="edge"></span> 
      </div>
     </li>
     <!-- login -->

 

3. 첨부파일을 /layouts/xedtion/img/flags.png 으로 복사

4. 첨부파일을 /layouts/xedtion/css/layout_customed.css 으로 복사

 

참고 사이트.

https://www.flag-sprites.com/ ; 크기별,국가별로 쉽게 css,png파일을 생성할 수 있습니다.

 

TagList

  • Doesn't exist

AttachmentFile List

목록으로 돌아가기
Write a comment
Comment List [7]
  • 비누남어

    XEidtion 수정 레이아웃에서는 어떻게 해야하나요?

    Comment Sep 18, 2015

  • ehii

    방식은 같습니다.

    1. layout.html를 열어서

    <!-- admin --> 과 <!-- login --> 사이에 <!-- language -->에 해당하는 코드를 넣으시고

    2. css/layout.css를 열어서 하단에 /* flags */ 이하 코드를 붙여넣기 하시고,

    3. img폴더에 flag.png파일을 복사하시면 됩니다.

    Comment Sep 18, 2015

  • 비누남어

    네~^^ 감사합니다.   한번 시도해 보겠습니다

    Comment Sep 19, 2015

  • 비누남어

    혹시 와이드인(카메론 레이아웃) 레이아웃에 적용하려면 어떻게 해야 하나요? 이걸 꼭 쓰고 싶은데  국기는 나타나는데.. 마우스 오버시 언어표시가 나타나지 않습니다.

    Comment Oct 28, 2015

  • 하마의땀은빨강

    좋은 정보 잘보고 갔니다^^

    Comment Oct 29, 2015

  • haupt

    혹시 코어 최신 버전인 1.8에서는 지원안되나요? 그림이 안나오네요.  

     

     

    Comment Jun 29, 2016

  • shyduke

    엉뚱한 국기가 표시되네요.

    Comment Nov 05, 2016