Efeito na página principal

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

Resolvido Efeito na página principal

Mensagem por Azure em 16/04/12, 12:52 am

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


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, 12:03 pm, editado 1 vez(es)
avatar

Azure
Usuário destaque

Masculino
Inscrito dia : 17/04/2008
Mensagens : 810
Pontos Ativos : 785

Ver perfil do usuário http://sc2br.forumeiros.com/

Resolvido Re: Efeito na página principal

Mensagem por iPrompt em 16/04/12, 08:50 am

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;
}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Efeito na página principal

Mensagem por Azure em 16/04/12, 05:28 pm

Não funcionou
avatar

Azure
Usuário destaque

Masculino
Inscrito dia : 17/04/2008
Mensagens : 810
Pontos Ativos : 785

Ver perfil do usuário http://sc2br.forumeiros.com/
  • 0

Resolvido Re: Efeito na página principal

Mensagem por iPrompt em 16/04/12, 05:31 pm

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
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Efeito na página principal

Mensagem por drtopg em 17/04/12, 06:37 am

Eu não entendo
avatar

drtopg
Nível 1

Masculino
Inscrito dia : 17/04/2012
Mensagens : 4
Pontos Ativos : 4

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Efeito na página principal

Mensagem por Azure em 17/04/12, 10:55 am

eu consigo ter 2 paginas css ?
avatar

Azure
Usuário destaque

Masculino
Inscrito dia : 17/04/2008
Mensagens : 810
Pontos Ativos : 785

Ver perfil do usuário http://sc2br.forumeiros.com/

Resolvido Re: Efeito na página principal

Mensagem por iPrompt em 17/04/12, 10:59 am

Olá como assim Duas Páginas CSS
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

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