Menu topo em css e html

olá boa tarde,

gostaria de ajuda para personalizar um menu do topo para meu site, alguem pode me ajudadar? segue o codigo do meu menu gostaria de colocar algo desta forma./applications/core/interface/imageproxy/imageproxy.php?img=http://www.belacora.com.br/lojavirtual/topo.jpg&key=a00cc611d2007d6a0806d792dee3d8a56bd26e6a8c14475d3aa5de63ee662a44" alt="topo.jpg" />

Atualmente esta assim como neste link.

http://www.dotstore.com.br/84329_belacora/

<div id="DS_TopoGeral">

<div id="DSL_Logotipo"><a href="##CaminhoDir##?Menu=PaginaInicial" title="">##Logotipo##</a></div>

<ul id="DSL_Menutopo">
 <li><a href="##CaminhoDir##?Menu=PaginaInicial" title="" class="DSL_ColorTxt02">##Texto % cod=17##</a></li>
 <li>|</li>
 <li><a href="##CaminhoDir##?Menu=Pedidos" title="" class="DSL_ColorTxt02">##Texto % cod=18##</a></li>
 <li>|</li>
 <li><a href="##CaminhoDir##?Menu=Cadastro" title="" class="DSL_ColorTxt02">##Texto % cod=19##</a></li>
 <li>|</li>
 <li><a href="##CaminhoDir##?Menu=FaleConosco" title="" class="DSL_ColorTxt02">##Texto % cod=20##</a></li>
 <li>|</li>
 <li><a href="##CaminhoDir##?Menu=Carrinho" title="" class="DSL_ColorTxt02"><img src="##CaminhoDir##imagens/CarrinhodeCompras.png" alt="" title="" class="DSL_CarrinhodeCompras" /></a></li>
 </ul>

 <div class="DSL_ClearBoth"></div>

 <div id="DSL_BarraTopo" class="corPrimaria">
 <div class="DSL_FloatRight">##Busca % botao='imagens/OkBusca.gif' ~ cod=t,d ~ class=DSL_FloatLeft, DSL_FloatLeft ~ alinha=h##</div>
 <img src="##CaminhoDir##imagens/pesquisar.png" alt="" title="" class="DSL_FloatRight" />
 </div>

 <div class="DSL_ClearBoth"></div>

</div>