Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador
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
Ver perfil do usuário

#2
 Stark'

avatar
Membro
 Muito Bom Leandro. Parabéns
Ver perfil do usuário

#3
 ®'Martins

avatar
Membro
Status: Aceito.
Movido para: Local correspondente.
Motivo desta mensagem: Competência do programador e total funcionalidade do código.
Ver perfil do usuário

#4
 Publigos

avatar
Membro
Muito bom, mas não vou aplicar. Obrigado por Compartilhar.
Ver perfil do usuário

#5
 azure

avatar
Membro
Muito obrigado ae, estarei a usar.
Ver perfil do usuário

#6
 Master Publicitario

avatar
Membro
Muito bom!
Ver perfil do usuário

#7
 Conteúdo patrocinado