Efeito na página principal

Item: Efeito na página principal
Rating: 1

por Azure 16.04.12 4:52

Qual é minha questão:
gostaria do efeito dessa imagem

Efeito na página principal Untitled-1

http://www.themes-fa.com/

Medidas que eu tomei para corrigir o problema:

Links e imagens do meu problema:
---

Endereço do meu fórum:
v2-0.azureforum.com

Versão do meu fórum:
INVISION

por Roevs 16.04.12 12:50

Olá Aqui esta o código

Código:: <iframe src="http://www.themes-fa.com/Boutons-navigation-jQuery-h35.htm" style="position: fixed; top: 80px; left: 0px; background-color: transparent ! important; height: 470px; width: 94px; border: none !important; overflow: hidden ! important;" allowtransparency="true" scrolling="no" frameborder="no"></iframe> <html><head> <title>navigation jQuery</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="http://s3.archive-host.com/membres/up/1696114791/menu_gauche/re.css" type="text/css" charset="utf-8"> <script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/rejquery-132.js"></script> <style> </style> </head> <body> <ul id="bouton"> <li class="telechg"><a target="_parent" href="http://www.themes-fa.com/telechargements-f6/" alt="télécharger" title="télécharger" style="margin-left: -60px; "></a></li> <li class="galerie"><a target="_parent" href="http://www.themes-fa.com/galerie-des-membres-f49/" alt="galerie" title="galerie" style="margin-left: -60px; "></a></li> <li class="codes"><a target="_parent" href="http://www.themes-fa.com/codes-et-astuces-f1/" alt="codes et astuces" title="codes et astuces" style="margin-left: -60px; "></a></li> <li class="commande"><a target="_parent" href="http://www.themes-fa.com/commandes-en-cours-f122/" alt="commande (à venir)" title="commande (à venir) " style="margin-left: -60px; "></a></li> <li class="entraide"><a target="_parent" href="http://www.themes-fa.com/un-probleme-une-question-f79/" alt="entraide" title="entraide" style="margin-left: -60px; "></a></li> <li class="discut"><a target="_parent" href="http://www.themes-fa.com/papoter-c-est-ici-f15/" alt="coin discut" title="coin discut" style="margin-left: -60px; "></a></li> </ul> <script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/menu_gauche/e.js"> </script> </body></html>

Depois adiciona este código em sua Folha de estilo CSS

Código:: ul#bouton li { width: 94px; margin-bottom: 0px; } ul#bouton .telechg a { background-image: url(http://i25.servimg.com/u/f25/11/95/30/70/620.png); background-repeat: no-repeat; } ul#bouton .galerie a { background-image: url(http://i25.servimg.com/u/f25/11/95/30/70/523.png); background-repeat: no-repeat; } ul#bouton li a { display: block; margin-left: -60px; width: 96px; height: 77px; background-color: transparent; background-repeat: no-repeat; background-position: center; border: none; } ul#bouton .codes a { background-image: url(http://i25.servimg.com/u/f25/11/95/30/70/422.png); background-repeat: no-repeat; } ul#bouton .commande a { background-image: url(http://i25.servimg.com/u/f25/11/95/30/70/321.png); background-repeat: no-repeat; } ul#bouton .entraide a { background-image: url(http://i25.servimg.com/u/f25/11/95/30/70/230.png); background-repeat: no-repeat; } ul#bouton .discut a { background-image: url(http://i25.servimg.com/u/f25/11/95/30/70/130.png); background-repeat: no-repeat; }

por Azure 16.04.12 21:28

Não funcionou

por Roevs 16.04.12 21:31

Olá o Primeiro Código adiciona em

Painel de Controle Visualização Página Inicial Geral

Código:: <iframe src="http://www.themes-fa.com/Boutons-navigation-jQuery-h35.htm" style="position: fixed; top: 80px; left: 0px; background-color: transparent ! important; height: 470px; width: 94px; border: none !important; overflow: hidden ! important;" allowtransparency="true" scrolling="no" frameborder="no"></iframe> <html><head> <title>navigation jQuery</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="http://s3.archive-host.com/membres/up/1696114791/menu_gauche/re.css" type="text/css" charset="utf-8"> <script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/rejquery-132.js"></script> <style> </style> </head> <body> <ul id="bouton"> <li class="telechg"><a target="_parent" href="http://www.themes-fa.com/telechargements-f6/" alt="télécharger" title="télécharger" style="margin-left: -60px; "></a></li> <li class="galerie"><a target="_parent" href="http://www.themes-fa.com/galerie-des-membres-f49/" alt="galerie" title="galerie" style="margin-left: -60px; "></a></li> <li class="codes"><a target="_parent" href="http://www.themes-fa.com/codes-et-astuces-f1/" alt="codes et astuces" title="codes et astuces" style="margin-left: -60px; "></a></li> <li class="commande"><a target="_parent" href="http://www.themes-fa.com/commandes-en-cours-f122/" alt="commande (à venir)" title="commande (à venir) " style="margin-left: -60px; "></a></li> <li class="entraide"><a target="_parent" href="http://www.themes-fa.com/un-probleme-une-question-f79/" alt="entraide" title="entraide" style="margin-left: -60px; "></a></li> <li class="discut"><a target="_parent" href="http://www.themes-fa.com/papoter-c-est-ici-f15/" alt="coin discut" title="coin discut" style="margin-left: -60px; "></a></li> </ul> <script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/menu_gauche/e.js"> </script> </body></html>