Efeito sobre o titulo do fórum

+3
Boster Cheats
Hancki
Nosferatu~
7 participantes

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

Tópico resolvido Efeito sobre o titulo do fórum

Mensagem por Nosferatu~ 09.02.14 2:04

Qual é minha questão:
Ola, Bom gostaria de adicionar esse efeito ao passar o cursor sobre o titulo do fórum:
Efeito sobre o titulo do fórum ADyIHE3

Fórum em que vi isso:
http://artelib.forumeiros.com/forum

Agradeço dês de já

Endereço do meu fórum:
http://style-art.forumeiros.com/

Versão do fórum:
PunBB


Última edição por Nemo~ em 11.02.14 1:43, editado 3 vez(es)
Nosferatu~

Nosferatu~
****

Membro desde : 02/09/2011
Mensagens : 366
Pontos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito sobre o titulo do fórum

Mensagem por Hancki 09.02.14 16:17

Olá!

Use este CSS:
Código:
DIV.maintitle.floated.clearfix {
  font-size: auto;
  -webkit-transition: font-size 1s ease-in;
  -moz-transition: font-size 1s ease-in;
  -o-transition: font-size 1s ease-in;
  -ms-transition: font-size 1s ease-in;
  transition: font-size 1s ease-in;
}
DIV.maintitle.floated.clearfix:hover {
  font-size: 20px;
}
Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito sobre o titulo do fórum

Mensagem por Nosferatu~ 09.02.14 17:34

Ola, O Código Não resultou
Nosferatu~

Nosferatu~
****

Membro desde : 02/09/2011
Mensagens : 366
Pontos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito sobre o titulo do fórum

Mensagem por Hancki 09.02.14 17:46

Aqui deu, repare: https://i.imgur.com/bNBUTuR.gif
Poderia mandar um print, especificando onde quer que surja o efeito?

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito sobre o titulo do fórum

Mensagem por Nosferatu~ 10.02.14 0:11

Ola, Veja que na imagem o titulo esta centralizado e o fundo preto e branco... , 
Porem o código que me mandou so aumenta o tamanho do texto , se possível quero o efeito em geral 
(Texto Centralizado em bold , colorir a categoria ao passar o cursor e aumento do titulo) :  
Efeito sobre o titulo do fórum Fx8rYYr
Nosferatu~

Nosferatu~
****

Membro desde : 02/09/2011
Mensagens : 366
Pontos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Efeito sobre o titulo do fórum

Mensagem por Boster Cheats 10.02.14 0:18

Olá Adicione ao seu CSS:

Código:
.page-title h2:hover {
background: #181818 url(http://s5.postimg.org/wj1z6xt5z/free_floral_vector.png) repeat-x center center!important;
letter-spacing: 1px;
transition: .3s;
}

.page-title h2 {
background: #181818 url(http://s5.postimg.org/taxhtw6w7/image.png) repeat-x center center!important;
border: 1px solid #333;
border-bottom-right-radius: 0!important;
border-radius: 8px!important;
border-top-left-radius: 0!important;
box-shadow: 0 2px 3px #111 inset;
color: #eee;
cursor: pointer!important;
display: block;
font-family: Helvetica, Open Sans, Tahoma!important;
font-size: 14px!important;
font-weight: 700;
padding: 10px!important;
text-shadow: -1px 1px #000!important;
transition: .3s;
}


Valide! Se Ajudei Agradeça.
avatar

Boster Cheats
Novo Membro

Membro desde : 09/01/2014
Mensagens : 29
Pontos : 39

http://bostercheats.uniogame.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito sobre o titulo do fórum

Mensagem por Nosferatu~ 10.02.14 1:02

Funcionou porem gostaria do titulo centralizado como na imagem...
Nosferatu~

Nosferatu~
****

Membro desde : 02/09/2011
Mensagens : 366
Pontos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito sobre o titulo do fórum

Mensagem por Konai 10.02.14 1:08

Saudações!

Substitua o código fornecido por este:
Código:
.page-title h2:hover {
background: #181818 url(http://s5.postimg.org/wj1z6xt5z/free_floral_vector.png) !important;
background-repeat: repeat-x !important;
text-align: center !important;
letter-spacing: 1px;
transition: .3s;
}

.page-title h2 {
background: #181818 url(http://s5.postimg.org/taxhtw6w7/image.png) !important;
background-repeat: repeat-x !important;
text-align: center !important;
border: 1px solid #333;
border-bottom-right-radius: 0!important;
border-radius: 8px!important;
border-top-left-radius: 0!important;
box-shadow: 0 2px 3px #111 inset;
color: #eee;
cursor: pointer!important;
display: block;
font-family: Helvetica, Open Sans, Tahoma!important;
font-size: 14px!important;
font-weight: 700;
padding: 10px!important;
text-shadow: -1px 1px #000!important;
transition: .3s;
}
Salve! Positivo

Cordiais saudações! Muito feliz
Konai

Konai
Membro Entusiasta
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 sobre o titulo do fórum

Mensagem por Nosferatu~ 10.02.14 2:03

Ola, Funcionou ! Mas ficou um fundo azul atrás ... 
Poderia me ajudar a remover ? 
Efeito sobre o titulo do fórum LoBKbW9
Nosferatu~

Nosferatu~
****

Membro desde : 02/09/2011
Mensagens : 366
Pontos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito sobre o titulo do fórum

Mensagem por Alex Habilidade 10.02.14 20:47

Olá,

Para centralizar o titulo adicione em sua folha CSS:
Código:

.maintitle.floated.clearfix {
    text-align: center!important;
}

Alex
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito sobre o titulo do fórum

Mensagem por Nosferatu~ 10.02.14 20:48

Nemo~ escreveu:Ola, Funcionou ! Mas ficou um fundo azul atrás ... 
Poderia me ajudar a remover ? 
Efeito sobre o titulo do fórum LoBKbW9
Ja resolvi a parte do texto mais ainda esta com fundo azul queria remove-lo 
Nosferatu~

Nosferatu~
****

Membro desde : 02/09/2011
Mensagens : 366
Pontos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito sobre o titulo do fórum

Mensagem por JScript 10.02.14 23:06

Nemo~ escreveu:Ola, Funcionou ! Mas ficou um fundo azul atrás ...
Poderia me ajudar a remover ?
Efeito sobre o titulo do fórum LoBKbW9
Ja resolvi a parte do texto mais ainda esta com fundo azul queria remove-lo
Olá!
Observe a imagem abaixo:
Efeito sobre o titulo do fórum WIHjdQ7

Ela foi retirada diretamente do fórum que você informou no ato da criação do tópico (http://styleart.forumeiros.com), perceba que não há título centralizado, assim como não há o fundo azul atrás dele!


Vou tentar lhe explicar a razão de tanta postagem ainda não ter dado certo pra você:
1- Este endereço: http://styleart.forumeiros.com - não condiz com as imagens contendo os códigos adicionados por você, logo fica explícito que este não é o seu fórum e sim um mero fórum de testes!
2- Agora se a versão do seu fórum for diferente do fórum que postou aqui, fica mais difícil pra nós lhe ajudarmos...
3- É essencial e imprescindível que as informações citadas ao criar o tópico reflitam o real na qual você deseja ter sua questão resolvida, com isso evita-se várias postagens desnecessárias e o resultado obtido seria mais rápido.


JS
JScript

JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito sobre o titulo do fórum

Mensagem por Nosferatu~ 11.02.14 1:18

Aqui esta o endereço original , 
http://style-art.forumeiros.com/
Não havia percebido o endereço de testes pois apenas um " " o separa do original
Nosferatu~

Nosferatu~
****

Membro desde : 02/09/2011
Mensagens : 366
Pontos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Efeito sobre o titulo do fórum

Mensagem por JScript 11.02.14 1:28

@Nemo~
Ok, aqui está o código CSS para remover o "azul":

Código:

.main .main-head {
  padding: 0 !important;
}

Resultado:
Efeito sobre o titulo do fórum TB7X714

Nota: Viu como é imprescindível sabermos onde é que vais aplicar os códigos?

Abraços,

JS
JScript

JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito sobre o titulo do fórum

Mensagem por Nosferatu~ 11.02.14 1:43

Obrigado ! 


Funcionou pode fechar! 
Até Mais Positivo
Nosferatu~

Nosferatu~
****

Membro desde : 02/09/2011
Mensagens : 366
Pontos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito sobre o titulo do fórum

Mensagem por orlanxd 11.02.14 4:17

ISSO FUNCIONA NA VERSÃO PHPBB3? GOSTEI DESTE EFEITO TAMBÉM  zen 
orlanxd

orlanxd
*

Membro desde : 03/04/2012
Mensagens : 46
Pontos : 78

http://plantap-cheats.forumais.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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