Mini menu lateralEu tava rodando pela net e notei que a maioria dos menus legais deixam o site lerdo, então a partir de agora vou investir mais em códigos leves e organizados. Bora pro tutorial?Versões de funcionamento: Todas as versões.

1º Passo - Instalando o código CSS
O CSS é usado para dar estilo e posicionamento aos elementos utilizado no HTML, então vamos usa-lo aqui também. Neste caso iremos instala-lo na Folha de estilos CSS. Como fazer isto
Coloque o código em cima dos demais códigos.

Código:

/* Mini menu lateral */
#left_mn {
    position: fixed;
    top: 50%;
    left: 0px;
    background: #fff;
    width: 16px;
    padding: 3px;
    border-radius: 0px 3px 3px 0px;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 5px #ddd inset;
    z-index: 99;
}
/* TUTORIAL = http://staffergroupbr.stuning.net/t1771- */

Colocou? então clique em validar.

2º Passo - Source do mini menu
Source é o código interno responsável pela estrutura de algo, neste caso, pelo menu.
Para concluirmos logo crie um widget para colocarmos a source. Como fazer isto

Nome do widget : Mini menu lateral SGBR™
Utilizar um table type : Marque Não
Título do widget : Mini menu lateral SGBR™
Fonte do widget * : Cole o seguinte código.

Código:

<div id="left_mn">
 <a href="/fórum"><img style="margin-bottom: 3px;" title="Index" src="http://i39.servimg.com/u/f39/17/71/75/73/home10.gif"/></a>
 <a href="/search?search_id=newposts"><img style="margin-bottom: 3px;" title="Mensagens não lidas" src="http://i39.servimg.com/u/f39/17/71/75/73/action10.png"/></a>
 <a href="/profile?mode=editprofile"><img title="Editar dados" src="http://i39.servimg.com/u/f39/17/71/75/73/icon-b10.png"/></a>
</div>

Clique em salvar.
Blz, agora vc tem que colocar o widget na coluna e ver o fórum '-'

• Resultado
  
  

---

© Staffer Group BR™
PRECISA DE SUPORTE?

Criador: D'Leandro™ Site: http://staffergroupbr.stuning.net/t1771-mini-menu-lateral

Status: Aceito.
Movido para: Local correspondente.
Motivo desta mensagem: Competência do programador e total funcionalidade do código.

Muito bom, mas não vou aplicar. Obrigado por Compartilhar.

Muito bom!