IMAGEN:


ORIGINAL:


CODIGO HTML:

Código HTML :

<div id="languaje">
<div class="top_language"><a href="javascript:toggleLangSel()" class="select_language">
            <span id="curSelectedLang">Español</span></a>
               <ul id="langSel" class="lang_list" style="display:none;">
                  <li><a href="#" onClick="clickcr(this,'hdr.lang','english','1',event); $j('#curSelectedLang').text('English'); setLangCodeNReload('en','HEADER'); return false;">English</a></li>

                  
                  <li><a href="#" onClick="clickcr(this,'hdr.lang','german','3',event); $j('#curSelectedLang').text('Deutsch'); setLangCodeNReload('de','HEADER'); return false;">Deutsch</a></li>
              </ul>
    </div>
  </div>


CODIGO CSS:

Código C++ :

#logo .top .top_language {position:relative; float:left; }
#logo .top .top_language p.txt {float:left; padding:3px 9px 0 0; font-size:11px; color:#bababa; }
/*select language*/
a.select_language {display:block; float:left;width:74px; height:18px; padding:3px 0 0 11px; background:url(/doc/images/bg_select.gif) no-repeat; cursor:pointer; text-decoration:none !important; }
a.select_language span {font-weight:bold; font-size:11px; color:#fff; }

ul.lang_list {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #242323;
left:0;
list-style:none outside none;
padding-left:0;
position:absolute;
top:10px;
width:83px;
}
ul.lang_list li a {display:block; height:13px; padding:3px 0px 4px 9px; font-size:11px; color:#514f4d; text-decoration:none; }
ul.lang_list li a:hover {background:#e8e8e4 url(/doc/images/arw02.gif) 68px 7px no-repeat; }
ul.lang_list li a.last {padding-bottom:6px; }