Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Efeito na página principal

3 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

Ir para baixo

Tópico resolvido Efeito na página principal

Mensagem 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


Última edição por Azure em 20.04.12 16:03, editado 1 vez(es)
Azure
Azure
Membro

Membro desde : 17/04/2008
Mensagens : 810
Pontos : 785

http://sc2br.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na página principal

Mensagem 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;
}
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na página principal

Mensagem por Azure 16.04.12 21:28

Não funcionou
Azure
Azure
Membro

Membro desde : 17/04/2008
Mensagens : 810
Pontos : 785

http://sc2br.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na página principal

Mensagem por Roevs 16.04.12 21:31

Olá o Primeiro Código adiciona em

Painel de Controle Flecha ajudeiros Visualização Flecha ajudeiros Página Inicial Flecha ajudeiros 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>

é Adiciona o outro em sua Folha de estilo CSS
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na página principal

Mensagem por drtopg 17.04.12 10:37

Eu não entendoEfeito na página principal G
drtopg
drtopg
Novo Membro

Membro desde : 17/04/2012
Mensagens : 4
Pontos : 4

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na página principal

Mensagem por Azure 17.04.12 14:55

eu consigo ter 2 paginas css ?
Azure
Azure
Membro

Membro desde : 17/04/2008
Mensagens : 810
Pontos : 785

http://sc2br.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na página principal

Mensagem por Roevs 17.04.12 14:59

Olá como assim Duas Páginas CSS
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

 
Permissões neste sub-fórum
Não podes responder a tópicos