Efeito no banner do meu fórum Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Efeito no banner do meu fórum

4 participantes

Ir para baixo

Tópico resolvido Efeito no banner do meu fórum

Mensagem por Marcelo Rios 04.03.13 4:58

Qual é minha questão:
Olá Amigos, será que consigo colocar um efeito maneiro no banner do meu fórum, estou achando ele um pouco sem graça. Abaços.

Endereço do meu fórum:
http://jiu-jitsu.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por Marcelo Rios em 06.03.13 16:12, editado 1 vez(es)
Marcelo Rios
Marcelo Rios
***

Membro desde : 10/01/2012
Mensagens : 154
Pontos : 252

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no banner do meu fórum

Mensagem por .Danni. 04.03.13 11:17

Olá

Quando se refere à efeito, você diz CSS ou alterando o banner em um editor de imagens?

Cordialmente,
The Boss
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no banner do meu fórum

Mensagem por Marcelo Rios 04.03.13 18:55

M e refiro a CSS. Grato.
Marcelo Rios
Marcelo Rios
***

Membro desde : 10/01/2012
Mensagens : 154
Pontos : 252

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no banner do meu fórum

Mensagem por Marcelo Rios 04.03.13 23:10

Será que consigo?
Marcelo Rios
Marcelo Rios
***

Membro desde : 10/01/2012
Mensagens : 154
Pontos : 252

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no banner do meu fórum

Mensagem por Konai 05.03.13 4:23

Olá querido,

Queira checar:
Caso não fique satisfeito e/ou não goste dos resultados, que tal fazer um movimento que ao passar o mouse ele vai para o lado? Se sim, aqui o código:

Código:
#logo {
    left: 100px;
    top: 5px;
    float: left;
    position: relative;
    background: url(LINK DA IMAGEM);
    width: 930px;
    text-indent: -9999px;
    height: 130px;
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
      -webkit-transition-duration: 1s;
      -moz-transition-duration: 1s;
      -o-transition-duration: 1s;
      transition-duration: 1s;
 
      -webkit-transition-property: -webkit-transform;
      -moz-transition-property: -moz-transform;
      -o-transition-property: -o-transform;
      transition-property: transform;
 
      overflow:hidden;
    }


    #logo:hover {
    background: url(LINK DA IMAGEM) 0px 0px;
      -webkit-transform:translate(80px);
      -moz-transform: translate(80px);
      -o-transform:translate(80px);
    }

    #logo:active {
    background: url(LINK DA IMAGEM) 0px 0px;
      -webkit-transform:scale(0.9);
      -moz-transform:scale(0.9);
      -o-transform:scale(0.9);
    }

Este código deve ser adicionado em:
Flecha ajudeiros Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: Aba 'Folha de Estilo CSS'
Observação: Substitua os "LINK DA IMAGEM" pelo link do seu banner/logo.
Observação²: O senhor poderá colocar o banner original no primeiro, um banner mais claro ou escuro e/ou personalizado ao seu gosto no segundo e no terceiro colocar o banner original e/ou outro. As criatividades são diversas, basta fazer ao teu gosto! Muito feliz

Até mais. Piscada
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no banner do meu fórum

Mensagem por Marcelo Rios 06.03.13 6:18

Colei o código e o banner sumiu,rsrsrs. Tive que desfazer.
Marcelo Rios
Marcelo Rios
***

Membro desde : 10/01/2012
Mensagens : 154
Pontos : 252

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no banner do meu fórum

Mensagem por Jpjupa 06.03.13 13:04

Primeiramente, acesse a folha de estilo css.

Vou passar um efeito agradável porém bem simples na linguagem CSS3 e CSS, em todos meus projetos costumo utilizar e faz um bom sucesso.

Código:

#logo {
opacity: 1.0;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}

#logo:hover {
opacity: 0.2;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}

Caso, queira modificar o tempo da transição da opacidade, modifique os valores: 1s - 1 segundo.

Att, Jpjupa!
Jpjupa
Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no banner do meu fórum

Mensagem por Marcelo Rios 06.03.13 16:12

Hummm... gostei, rsrsrs. Obrigado cara e obrigado a todos que tentaram me ajudar.
Marcelo Rios
Marcelo Rios
***

Membro desde : 10/01/2012
Mensagens : 154
Pontos : 252

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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