0.30 Dropdown Language Box

[Shave.]

Demo: http://www.phpdmods.com/phpd3/index.php

Replace Your Current Language Code With The Following

Code: [Select]

  <ul id="lang">
<li><a href="?lang=en-gb" id="language_en_US_disabled" class="first"><img src="lang/flags/gb.png" width="16" height="11"></a>
<ul>
<li><a href="?lang=en-gb" id="language_en_US_active"><img src="lang/flags/gb.png" width="16" height="11">English</a></li>
<li><a href="?lang=sp" id="language_es_ES_active"><img src="lang/flags/sp.png" width="16" height="11">Espa&#241;ol</a></li>
<li><a href="?lang=fr" id="language_fr_FR_active"><img src="lang/flags/fr.png" width="16" height="11">Fran&#231;ais</a></li>
<li><a href="?lang=de" id="language_de_DE_active"><img src="lang/flags/de.png" width="16" height="11">Dutch</a></li>
<li><a href="?lang=it" id="language_it_IT_active"><img src="lang/flags/it.png" width="16" height="11">Italiano</a></li>
<li><a href="?lang=pt" id="language_pt_PT_active"><img src="lang/flags/pt.png" width="16" height="11">Portugu&#234;s</a></li>

<li><a href="?lang=ru" id="language_ru_RU_active"><img src="lang/flags/ru.png" width="16" height="11">P&#1091;&#1089;&#1089;&#1082;&#1080;&#1081;</a></li>
<li><a href="?lang=po" id="language_pl_PL_active"><img src="lang/flags/po.png" width="16" height="11">Polski</a></li>
<li><a href="?lang=cz" id="language_cs_CZ_active"><img src="lang/flags/cz.png" width="16" height="11">&#268;esk&#253;</a></li>
</ul>
</li>
</ul>

    <form name="language_form" method="POST" action="" id="language_form">
    <input name="session_language" type="hidden" value="en_US">
    </form>
Save that and open your css and paste the following code in it.

Code: [Select]

#lang { margin: 0 0 0 3px; }
#lang ul { margin: 0; }
#lang, #lang ul { list-style:none; padding: 0px; float: left; width: 50px;}
#lang li { font:11px/1 Arial, Helvetica, sans-serif;}
#lang li ul { position:absolute; left:-1000em; z-index: 100; }
#lang li:hover ul, #lang li.over ul { left: auto;}
#lang a img { border:none; padding-right:5px; vertical-align:middle; }
#lang a { text-decoration:none; display:block; padding:4px 5px 3px 5px; border:1px solid #fff; background:transparent url(../images/arrow_down.gif) no-repeat 33px 9px; color:#fff; }
#lang a:hover, #lang li:hover a, #lang li.over a { background:#fff url(../images/arrow_down_hover.gif) no-repeat 33px 9px; border:0px solid #fff; color:#fff;}
#lang li:hover li a, #lang li.over li a { width:140px; background:#2b2b2b; }
#lang li li a:hover { background:#009900; }
Save it and your done.

For support or question use this thread or use this one

[winracer]

I like it thanks!

[Jeff]

sweet good job man

[winracer]

sweet good job man

Maybe this will be added to next release