Se Elfs
Untitled Document Untitled Document

 


Siga o Se Elfs no Twitter

Participe Da comunidade

Hd do Se Elfs Clik na Imagen



Quem está conectado
2 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 2 Visitantes

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 118 em Qui 1 Abr 2010 - 20:38
Últimos assuntos
» [DOWNLOAD]Varios temas com menus flash aqui
Dom 7 Jul 2013 - 17:55 por maufeitor

» [Symbian]Anrufen (MMORPG)
Qua 8 Maio 2013 - 15:36 por mateusdault

» DROS, o MS-DOS para seu celular.
Qui 28 Mar 2013 - 20:45 por anthony nob

» Corrigir o erro "FALHA NA OPERAÇÃO"
Qui 21 Fev 2013 - 11:16 por joskern

» Seja bem vindo e apresente-se aqui.
Qui 21 Fev 2013 - 11:07 por joskern

» Coloque seu Desktop aqui
Ter 15 Jan 2013 - 11:52 por Daann™

» [PS2]-The GodFather
Qui 10 Jan 2013 - 13:38 por Marcos henrique

» 10 Fontes para TURBINAR seu celular
Sab 1 Dez 2012 - 21:31 por Deolino12

» [Donwload]S40 Theme Studio 2.2 (Criador de Temas para Nokia)
Qui 9 Ago 2012 - 10:18 por AdrianKing

» [TEMAS] Temas 128x160
Ter 17 Jul 2012 - 3:11 por doughimovic

Social bookmarking

Social bookmarking Digg  Social bookmarking Delicious  Social bookmarking Reddit  Social bookmarking Stumbleupon  Social bookmarking Slashdot  Social bookmarking Furl  Social bookmarking Yahoo  Social bookmarking Google  Social bookmarking Blinklist  Social bookmarking Blogmarks  Social bookmarking Technorati  

Conservar e compartilhar o endereço de [ELF] Sony Ericsson ELFs em seu site de social bookmarking

Conservar e compartilhar o endereço de Se Elfs™ O Maior Fórum de ELF´s para Celulares Sony Ericsson em seu site de social bookmarking

Status

Menu Dock em CSS

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Menu Dock em CSS

Mensagem por eNyX™ em Qua 8 Set 2010 - 17:04

Depois de centos anos que eu estava atrás de acertar criar este dock, consegui em fim criar ele e estou aqui disponibilizando o codigo CSS do mesmo.

Composição do DOCK:
• style.css
• iepngfix.htc
• interface.js
• jquery.js
Obs: Estes arquivos necessários, estão hospedados no meu dominio FTP z7fans.ueuo.com, seguros de qualquer problema e qualquer problema que ocorre eu vou corrigir.

1º: Copie o código abaixo, e cole-o abaixo da tag html <'/TITLE> do seu código html.
Código:
<script type="text/javascript" src="http://www.z7fans.ueuo.com/menu/js/jquery.js"></script>
<script type="text/javascript" src="http://www.z7fans.ueuo.com/menu/js/interface.js"></script>
<!--[if lt IE 7]>
 <style type="text/css">
 div, img { behavior: url(http://www.z7fans.ueuo.com/menu/iepngfix.htc) }
 </style>
<![endif]-->
<link href="http://www.z7fans.ueuo.com/menu/style.css" rel="stylesheet" type="text/css" />

2º: Copie o código abaixo, e cole-o após a tag <'BODY> do seu código html, e deixe-a em um lugar apropriado.
Código:
<div class="dock" id="dock">
  <div class="dock-container">
  <a class="dock-item" href="http://z7fans.blogspot.com/"><img src="http://www.z7fans.ueuo.com/menu/images/HomePage.png" alt="home" /><span>Home</span></a>
  <a class="dock-item" href="http://z7fans.blogspot.com/p/sobre.html"><img src="http://www.z7fans.ueuo.com/menu/images/Sobre.png" alt="sobre" /><span>Sobre</span></a>
  <a class="dock-item" href="http://z7fans.blogspot.com/p/parceiria.html"><img src="http://www.z7fans.ueuo.com/menu/images/Parceiria.png" alt="parceiria" /><span>Parceiria</span></a>
  <a class="dock-item" href="http://z7fans.blogspot.com/p/contacte-se-z7fans.html"><img src="http://www.z7fans.ueuo.com/menu/images/Contato.png" alt="contato" /><span>Contato</span></a>
  <a class="dock-item" href="http://z7fans.blogspot.com/2009/11/regras-de-criacao-de-temas.html"><img src="http://www.z7fans.ueuo.com/menu/images/Regras.png" alt="regras" /><span>Regras</span></a>
  <a class="dock-item" href="http://z7fans.blogspot.com/p/termos-de-servico.html"><img src="http://www.z7fans.ueuo.com/menu/images/Termos.png" alt="Termos de Serviço" /><span>Termos de Serviço</span></a>
  <a class="dock-item" href="http://z7fans.blogspot.com/2009/11/arquivos-para-reviver-reparar-e.html"><img src="http://www.z7fans.ueuo.com/menu/images/Backups.png" alt="backups" /><span>Backups</span></a>
  <a class="dock-item" href="http://z7fans.blogspot.com/2010/04/sony-ericsson-z750a2-o-aparelho-z750-e.html"><img src="http://www.z7fans.ueuo.com/menu/images/Iniciantes.png" alt="iniciantes" /><span>Iniciantes</span></a>
  <a class="dock-item" href="http://z7fans.blogspot.com/p/area-de-duvidas.html"><img src="http://www.z7fans.ueuo.com/menu/images/Ajuda.png" alt="duvidas" /><span>Duvidas</span></a>
  <a class="dock-item" href="http://z7fans.blogspot.com/2009/11/pedidos-de-temas-gifs-animados-ou.html"><img src="http://www.z7fans.ueuo.com/menu/images/Pedidos.png" alt="pedidos" /><span>Pedidos</span></a>
  <a class="dock-item" href="http://z7fans.blogspot.com/p/apostilas.html"><img src="http://www.z7fans.ueuo.com/menu/images/Apostilas.png" alt="apostilas" /><span>Apostilas</span></a>
  <a class="dock-item" href="http://z7fans.blogspot.com/2010/04/z7tbar-toolbar-do-z7fans.html"><img src="http://www.z7fans.ueuo.com/menu/images/z7Tbar.png" alt="z7tbar" /><span>z7TBar</span></a>
  <a class="dock-item" href="http://assoc-entregatos.blogspot.com/"><img src="http://www.z7fans.ueuo.com/menu/images/EntreGatos.png" alt="entregatos" /><span>Entregatos</span></a>
</div>
</div>
<script type="text/javascript">
   
   $(document).ready(
      function()
      {
         $('#dock').Fisheye(
            {
               maxWidth: 50,
               items: 'a',
               itemsText: 'span',
               container: '.dock-container',
               itemWidth: 40,
               proximity: 90,
               halign : 'center'
            }
         )
      }
   );

</script>

3º: Neste codigo abaixo, você poderá modificar a propriedade de um item:
Código:
<a class="dock-item" href="http://z7fans.blogspot.com/"><img src="http://www.z7fans.ueuo.com/menu/images/HomePage.png" alt="home" /><span>Home</span></a>
> Modifique o item "href" para modificar o link do item e o item "IMG SRC" para determinar o destino da imagem, e onde tem "SPAN" "/SPAN" é o nome que aparecera debaixo do item do dock.

Aqui está um exemplo pronto -> EXEMPLO PRONTO

Espero que tenham gostado...


[Você precisa estar registrado e conectado para ver este link.][Você precisa estar registrado e conectado para ver este link.]
Não abra o SPOILER!!!
Spoiler:
ERROR 404, FAILED TO LOADING CONTENT

eNyX™
Administrador
Administrador

Modelo do Celular Samsung Corby (s5600)

Pontos: : 3332
Agradecimentos : 17
Humor Uma nova fase da vida!
Comentários Iniciando uma nova fase de personalizações e descobertas.
País de Origem : Brasil
SOTW´S SOTW´S : 1 Prata 1 Bronze

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum