구글 번역을 이용해 다국어 지원

구글 번역을 이용해 다국어 지원 > 그누4 플러그인

그누4 플러그인

그누보드에는 여러가지 기능 추가가 쉽도록 제작 되었습니다.
플러그인의 저작권은 해당 플러그인 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다.
플러그인 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

구글 번역을 이용해 다국어 지원 정보

구글 번역을 이용해 다국어 지원

첨부파일

select.js (7.7K) 124회 다운로드 2008-12-15 13:28:31

본문

select.js 파일을 다운로드 받아 head.sub.php 에 인클루드 합니다.

아래 소스를 head.php 어디든 넣으시면 됩니다.

         <form action="http://translate.google.co.kr/translate" target="_blank" id=web_form>
         <table cellpadding=0 cellspacing=0 border=0 id=webtable>
          <tr>
           <td class=submitcell>
           <input type=hidden name=hl value="ko">
           <input type=hidden name=ie value="UTF-8">
           <input type=hidden name=sl value="ko">
           <input type=hidden name=u id=url dir=ltr value="http://<?=$_SERVER['HTTP_HOST']?>">
           <select name=tl id=old_web_t style="width:120px;height:21px;display:none;">
            <option SELECTED>Language</option>
            <option value="en">영어</option>
            <option value="ja">일본어</option>
            <option value="zh-CN">중국어(간체)</option>
            <option value="zh-TW">중국어(번체)</option>
            <option value="el">그리스어</option>
            <option value="nl">네덜란드어</option>
            <option value="no">노르웨이어</option>
            <option value="da">덴마크어</option>
            <option value="de">독일어</option>
            <option value="lv">라트비아어</option>
            <option value="ru">러시아어</option>
            <option value="ro">루마니아어</option>
            <option value="lt">리투아니아어</option>
            <option value="vi">베트남어</option>
            <option value="bg">불가리아어</option>
            <option value="sr">세르비아어</option>
            <option value="sv">스웨덴어</option>
            <option value="es">스페인어</option>
            <option value="sk">슬로바키아어</option>
            <option value="sl">슬로베니아어</option>
            <option value="ar">아랍어</option>
            <option value="uk">우크라이나어</option>
            <option value="it">이탈리아어</option>
            <option value="id">인도네시아어</option>
            <option value="cs">체코어</option>
            <option value="ca">카탈로니아어</option>
            <option value="hr">크로아티아어</option>
            <option value="tl">타갈로그어</option>
            <option value="pt">포르투갈어</option>
            <option value="pl">폴란드어</option>
            <option value="fr">프랑스어</option>
            <option value="fi">핀란드어</option>
            <option value="ko">한국어</option>
            <option value="iw">히브리어</option>
            <option value="hi">힌디어</option>
           </select>
           <script>
            makeSelectBoxGlobal("old_web_t", "selectBoxSelectedAreaGlobal", "#e6e6e6", "http://www.blueb.co.kr/SRC/javascript/image8/select_btn.gif", "selectBoxOptionGlobal", "selectBoxSelectedAreaFocusGlobal", "selectBoxOptionOverGlobal");
           </script>
           </td>
           <td width="3"></td>
           <td><input type=image src="/img/language.gif" align="absmiddle"></td>
           </td>
          </tr>
         </table>
         </form>

style.css 에 아래소스를 추가해주세요

.selectBoxSelectedAreaGlobal {color:#626262; font-size:11px; font-family:dotum; font-weight:normal; background-color:#f5f5f5; padding-top:2px; line-height:17px; padding-left:5px; letter-spacing:-1px;}
.selectBoxSelectedAreaFocusGlobal {color:#626262; font-size:11px; font-weight:normal; font-family:dotum; background-color:#f5f5f5; padding-top:2px; line-height:17px; padding-left:5px; letter-spacing:-1px;}
.selectBoxOptionGlobal {color:#626262; font-size:11px; font-family:dotum; font-weight:normal; background-color:#f5f5f5; padding-top:2px; line-height:17px; padding-left:5px; letter-spacing:-1px;}
.selectBoxOptionOverGlobal {color:#626262; font-size:11px; font-family:dotum; font-weight:normal; background-color:#e6e6e6; padding-top:2px; line-height:17px; padding-left:5px; letter-spacing:-1px;}

.selectBoxOptionInnerLayer {overflow:auto;background-color:#f5f5f5;
    scrollbar-face-color:#F3F3F3;
    scrollbar-shadow-color:#6C6C6C;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-3dlight-color:#C9C9C9;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-track-color:#F3F3F3;
    scrollbar-arrow-color:#000000;
}

적용된 모습을 보실려면 http://test.ntype.kr 의 우측 상단을 보시면 됩니다.