웹마스터 팁
언어선택옆에 언어별국기 출력하기
2010.09.17 23:13
XE 레이아웃들은 보통 XE 기본스킨의 언어출력소스를 사용합니다.
언어선택옆에 언어별국기가 출력되면 언어 선택시 좀 더 편리해지겠죠.
xe_official_v2 레이아웃에 있는 소스를 수정해 봅니다.
layout.html 파일을 열어서 언어출력소스를 수정합니다.
<li class="language">
<!-- class="language" | class="language open" -->
<em class="{$lang_type}"><span>{$lang_supported[$lang_type]}</span></em>
<button type="button" class="sLanguage" onclick="jQuery('.language').toggleClass('open'); return false;"><span>Select Language</span></button>
<ul class="languageList">
<!--@foreach($lang_supported as $key => $val)--><!--@if($key!= $lang_type)-->
<li class="{$key}"><button type="button" onclick="doChangeLangType('{$key}');return false;"><span>{$val}</span></button></li>
<!--@end--><!--@end-->
</ul>
</li>
<!--@foreach($lang_supported as $key => $val)--><!--@if($key!= $lang_type)-->
<a href="#" onclick="doChangeLangType('{$key}');return false;"><img src="./img/flag/{$key}.png" width="16px" height="11px" style="margin-top:2px;"></a>
<!--@end--><!--@end-->
</ul>
빨간색부분을 추가합니다.
flag.zip 파일의 압축을 풀어서 각나라 국기들을 ./layouts/xe_official_v2/img/flag 방안에 올립니다.
그러면 언어출력옆에 관리자 Setting화면에서 선택한언어들의 국기가 각각 출력됩니다.<!-- class="language" | class="language open" -->
<em class="{$lang_type}"><span>{$lang_supported[$lang_type]}</span></em>
<button type="button" class="sLanguage" onclick="jQuery('.language').toggleClass('open'); return false;"><span>Select Language</span></button>
<ul class="languageList">
<!--@foreach($lang_supported as $key => $val)--><!--@if($key!= $lang_type)-->
<li class="{$key}"><button type="button" onclick="doChangeLangType('{$key}');return false;"><span>{$val}</span></button></li>
<!--@end--><!--@end-->
</ul>
</li>
<!--@foreach($lang_supported as $key => $val)--><!--@if($key!= $lang_type)-->
<a href="#" onclick="doChangeLangType('{$key}');return false;"><img src="./img/flag/{$key}.png" width="16px" height="11px" style="margin-top:2px;"></a>
<!--@end--><!--@end-->
</ul>
샘플화면
댓글 6
-
롤리^^
2010.09.18 01:33
-
오...언어선택이 먼가 있어 보이게(?) 돼는걸요..ㅎㅎ 팁 감사합니다.
-
띵야
2010.09.18 16:41
아, 이 분은...? *^^*(누구시더라...) -
크으은바다
2010.09.18 19:04
옆으로 펼쳐보이지 말고 나라 앞에 국기가 나오게는 안될까요?예를들어
국기 KOREAN / SELECT LANGUAGE
이 상태에서 SELECT LANGUAGE 를 누르면국기 나라명국기 나라명국기 나라명국기 나라명 . . .
이런식으로 할 순 없나요? -
<li class="{$key}"><button type="button" onclick="doChangeLangType('{$key}');return false;"><span>{$val}</span></button><a href="#" onclick="doChangeLangType('{$key}');return false;"><img src="./img/flag/{$key}.png" width="16px" height="11px" style="margin-top:2px;"></a></li> -
유샤인
2010.09.25 12:57
팔공산님,사용하는 언어에 따라 국기를 띠우는 것, 참 재미있는 생각인데요, 사용자의 IP 에 의존하여 사용자들의 닉네임 앞에다 그들이 거주하는 장소의 국기를 띄우는 아이디어 또한 더 재미있지 않겠읍니까?
다음 링크에 가보시면 백성찬고수님은 벌써 시작하셨지만 아직 그 코드를 공개 않고 있지요.
http://www.bek.me/444604
그러나 www.expressionengine.com 에서는 벌써 임이 사용되고 있는 기능인듯 보입니다.
http://expressionengine.com/user_guide/modules/ip_to_nation/index.html
그리고 다음과 같이 관계되는 코드를 벌써 다 공개하는 곳도 있는데 저는 XE에다 여하히 적용시켜야 하는 지 모르기에 팔공산님께 부탁해보고 싶은 데요...
===
http://www.phptutorial.info/iptocountry/the_script.html#basic
Getting the IP address of visitors, and displaying country and flag
In case you want to display flags in your page, download Flags file in the top of this page, and save all pictures to a folder named "flags" .
We have added a few lines of code to script is previous example (in red) which allows showing country specific flags in our pages. This code will check whether a gif file containing the two country code exists in "flags" folder and displays it. In case the gif file in not in the folder, a default white flag is displayed. In case you have any of the missing flags, please send them to us.
<?
$IPaddress=$_SERVER['REMOTE_ADDR'];
$two_letter_country_code=iptocountry($IPaddress);
include("IP_FILES/countries.php");
$three_letter_country_code=$countries[ $two_letter_country_code][0];
$country_name=$countries[$two_letter_country_code][1];
print "Two letters code: $two_letter_country_code<br>";
print "Three letters code: $three_letter_country_code<br>";
print "Country name: $country_name<br>";
// To display flag
$file_to_check="flags/$two_letter_country_code.gif";
if (file_exists($file_to_check)){
print "<img src=$file_to_check width=30 height=15><br>";
}else{
print "<img src=flags/noflag.gif width=30 height=15><br>";
}
function iptocountry($ip) {
$numbers = preg_split( "/\./", $ip);
include("ip_files/".$numbers[0].".php");
$code=($numbers[0] * 16777216) + ($numbers[1] * 65536) + ($numbers[2] * 256) + ($numbers[3]);
foreach($ranges as $key => $value){
if($key<=$code){
if($ranges[$key][0]>=$code){$two_letter_country_code=$ranges[$key][1];break;}
}
}
if ($two_letter_country_code==""){$two_letter_country_code="unkown";}
return $two_letter_country_code;
}
출처(ref.) : FREE BOARD - 희한한 아이디어.... - http://www.bek.me/hpsfree/444604
by youshine
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 하나의 게시물을 각각 다르게 보이도록 만드는 방법 2 [5] | 된장맛껌 | 2009.11.16 |
관리자에서 회원리스트(남성,여성리스트 분류해서 보기)
[5]
 | 늘푸른이 | 2010.08.13 |
| 왕초보용 xe 1.2.0 버전 사용 기본 레이아웃 좌측에 배너 삽입 방법. [7] | 『june™』 | 2009.03.20 |
| 주소끝에 /zbxe 안적어도 홈페이지에 바로 들어오게 하는법?? [10] | 박태훈922 | 2008.02.07 |
| 게시판 글쓸때 에디터에 기본값(기본내용) 넣는방법 | 놋네눨느. | 2010.09.21 |
| 티스토리 블로그에 댓글 작성시 프로필 이미지 나오게 하기 | 도라란 | 2010.09.17 |
| 어느날 로그인이 안된신다면..? 이걸 점검을.. | 청개굴이 | 2010.09.13 |
| 게시판 가로조절(width) 및 가운데로 이동 태그 [4] | 박상욱860 | 2008.07.12 |
| 회원과 비회원 구분하여 출력하기 [6] | NEARSTORY | 2009.12.26 |
|
언어선택옆에 언어별국기 출력하기
[6]
| 팔공산 | 2010.09.17 |
| 받은쪽지에서 아이디 출력을 제거하고 닉네임만 뜨게하기. [4] | XEMALL | 2010.09.25 |
| 홈페이지에 BGM달기 [1] | SHIN군 | 2010.01.18 |
| IE9 작업표시줄 웹 어플리케이션 속성 만들기 [1] | SeoSeungHyun | 2010.09.17 |
|
제로보드의 아이콘을 내 맘대로 변경하기...(2)
[2]
| winter548 | 2009.03.23 |
| XE 전체를 백업 / 복원하기 (계정 백업 및 복원 방법) [7] | Gekkou | 2010.02.16 |
|
레이아웃설정에 언어팩추가하기
[8]
| 팔공산 | 2010.09.16 |
| layout skin 제작시 info.xml도 잘 보세요 [1] | 바람처럼.. | 2007.08.21 |
| 프로필이미지, 이미지마크, 이미지이름 수정, 추가시 포인트 삭감 [1] | lattente | 2009.11.02 |
|
게시판 링크 무조건 새창으로 뜨게 하기
[5]
| 그분 | 2009.08.29 |
| 아무 에러 없이 로그인이 되지 않을 시 해결법 [1] | SMaker | 2010.09.13 |
아래팁도그렇고 이번팁도그렇고 많은도움되었습니다
감사합니다.