Apenas Usuarios Registrados Ganharam Member
Criar Fast menu

6 de abr. de 2012

Bom pessoal, venho trazer um modo alternativo de criar um Fast Menu:
1º passo:
-Vá em design e editar HTML
-Crie o numero de gadgets igual ao número de opções em seu fast menu.Para quem não sabe adicionar um novo gadget, o procedimento está a baixo.
-Dê um CTRL+F e procure por  #Sidebar-Wrraper.
Abaixo dele cole o seguinte código
#newsidebar-wrapper {
margin-left: 0px;
width: 220px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
O que são float's?
Os Float São a Posição Float: Left;(Esquerda)Right;(Direita) Se Quiser Que os Dois Fiquem na Direta Deixem os Dois na Right Quaso Contrario Left; se Quiser ke as Duas Colunas Fiqeum a Direta (Right) Voce Deixa seu #Main-Wrraper a Float:Left;Sentido Contrario.
-Ajuste como queira o tamanho.
-Depois Você Ira Bem Baixo da Pagina Geralmente Assim
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
</b:section>
</div>
-Em cima do código a cima, cole o código a baixo
<div id='newsidebar-wrapper'> <b:section class='sidebar' id='newsidebar' preferred='yes'></b:section> </div>
Agora repita isto o numero de vezes igual ao numero de opções que você deseja no seu FAST MENU mais sempre mudando os códigos a seguir.
#newsidebar-wrapper {
 id='newsidebar-wrapper
id='newsidebar' 
Estes códigos são o id da sidebar.Eles nunca podem se repetir. Exemplo: se eu já tenho o newsidebar eu precisarei colocar um id diferente como newsidebar-enquete ou newsidebar1.
Agora que já temos nossas sidebares criadas nós só temos que ir na opção elementos da pagina, criar o numero de gadgets necessários para nosso fast menu ficar bom,e selecionar a opção html/JavaScript e colocar o seguinte código
<div><a href="URL DA PAGINA" target="_blank"><img style="opacity: 0.4;" src="LINK DA IMAGEM" border="0" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" /></a>
</div> 
E o resultado:


Espero que tenham gostado.Alguma dúvida?Deixe um comentário.

0 comentários:

Postar um comentário

Blog para ajudar voce a ter seu propio e personalizado blog

Seguidores