웹마스터 팁
XEDITON 레이아웃에 다국어(국기) 선택 버튼 추가하기
2015.04.15 15:26
XEDITON에는 다국어 선택 버튼이 없더군요. 그래서 추가해 봤습니다.
변경되는 파일은 다음과 같습니다.
/layouts/xedtion/layout.html 수정
/layouts/xedtion/css/layout_customed.css 추가
/layouts/xedtion/img/flags.png 추가
default 레이아웃이다 보니 코어 업데이트시 변경될 수도 있어서 그 경우 다시 수정하셔야 합니다.
--------------------------------------------------------------------------------------------------------------------------
1. layout.html (148줄 추가)
146 147 148 149 150 151 152 153 | <!--// 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줄까지 추가)
213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 | <!-- 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파일을 생성할 수 있습니다.
댓글 7
-
ehii
2015.09.18 21:04
방식은 같습니다.
1. layout.html를 열어서
<!-- admin --> 과 <!-- login --> 사이에 <!-- language -->에 해당하는 코드를 넣으시고
2. css/layout.css를 열어서 하단에 /* flags */ 이하 코드를 붙여넣기 하시고,
3. img폴더에 flag.png파일을 복사하시면 됩니다.
-
네~^^ 감사합니다. 한번 시도해 보겠습니다
-
혹시 와이드인(카메론 레이아웃) 레이아웃에 적용하려면 어떻게 해야 하나요? 이걸 꼭 쓰고 싶은데 국기는 나타나는데.. 마우스 오버시 언어표시가 나타나지 않습니다.
-
하마의땀은빨강
2015.10.29 17:39
좋은 정보 잘보고 갔니다^^
-
haupt
2016.06.29 18:21
혹시 코어 최신 버전인 1.8에서는 지원안되나요? 그림이 안나오네요.
-
shyduke
2016.11.05 20:59
엉뚱한 국기가 표시되네요.
XEidtion 수정 레이아웃에서는 어떻게 해야하나요?