Demo: Multimedia File Viewing and Clickable Links are available for Registered Members only!!  You need to or

Replace Your Current Language Code With The Following
Code:

  <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ñol</a></li>
<li><a href="?lang=fr" id="language_fr_FR_active"><img src="lang/flags/fr.png" width="16" height="11">Franç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ês</a></li>

<li><a href="?lang=ru" id="language_ru_RU_active"><img src="lang/flags/ru.png" width="16" height="11">Pусский</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">Český</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:

#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 Multimedia File Viewing and Clickable Links are available for Registered Members only!!  You need to or