Efeitos nos títulos dos fóruns
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
Página 1 de 1
Efeitos nos títulos dos fóruns
Qual é minha questão:
Queria saber como faço para colocar o seguinte efeito: Quando passa o mouse sobre o título do fórum ele se move para a direita>>>>>e quando tira o mouse sobre o mesmo ele volta ao normal para a esquerda.Mas não quero nenhuma modificação,nada em negrito,sublinhado ou itálico somente na forma original e com a fonte de tamanho 16.
Agradecerei muito quem pudesse me ajudar quando a isso.
Medidas que eu tomei para corrigir o problema:
Vim aqui perguntar " O_O "
Links e imagens do meu problema:
Esse é o link do fórum que achei esse efeito,basta passar o mouse nos títulos dos fóruns e você verão: http://arestomomentum.forumeiros.com/forum
Endereço do meu fórum:
locomotormortisrpg.forumeiros.com
Versão do meu fórum:
PHPBB2
Queria saber como faço para colocar o seguinte efeito: Quando passa o mouse sobre o título do fórum ele se move para a direita>>>>>e quando tira o mouse sobre o mesmo ele volta ao normal para a esquerda.Mas não quero nenhuma modificação,nada em negrito,sublinhado ou itálico somente na forma original e com a fonte de tamanho 16.
Agradecerei muito quem pudesse me ajudar quando a isso.
Medidas que eu tomei para corrigir o problema:
Vim aqui perguntar " O_O "
Links e imagens do meu problema:
Esse é o link do fórum que achei esse efeito,basta passar o mouse nos títulos dos fóruns e você verão: http://arestomomentum.forumeiros.com/forum
Endereço do meu fórum:
locomotormortisrpg.forumeiros.com
Versão do meu fórum:
PHPBB2
Re: Efeitos nos títulos dos fóruns
Adiciona este código em seu CSS
Se Não der certo tente este
- Código:
a.forumlink:hover {
-htm-transform: all;
-htm-transition: 1s;
-moz-transform: all;
-moz-transition: 1s;
-o-transform: all;
-o-transition: 1s;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 1px solid black;
border-left: 2px solid black;
display: block;
font-style: bold;
padding-left: 100px;
transform: all;
transition: 1s;
}
a.forumlink:hover {
color: white;
text-decoration: underline;
}
a.forumlink:visited {
color: #474545;
}
a.forumlink:link {
color: #474545;
}
a:hover {
color: white;
text-shadow: 0px 0px 7px white;
}
a.forumlink {
-htm-transform: all;
-htm-transition: 1s;
-moz-transform: all;
-moz-transition: 1s;
-o-transform: all;
-o-transition: 1s;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 1px solid black;
border-left: 5px solid black;
display: block;
font-family: arial;
font-size: 16px;
font-weight: 700;
margin-left: 10px;
padding-left: 10px;
text-shadow: 0 0 1px black;
transform: all;
transition: 1s;
}
.forumlink {
color: #474545;
font-size: 12px;
font-weight: 700;
}
a:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
Se Não der certo tente este
- Código:
a:link {
color: #474545;
}
.forumlink {
color: #474545;
font-size: 12px;
font-weight: 700;
}
a:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
.forumlink {
color: #474545;
font-size: 12px;
font-weight: 700;
}
.hierarchy {
font-size: 12px;
text-transform: none;
}
h3 {
font-size: 1.17em;
font-weight: bold;
}
p, td, th {
font-family: Trebuchet MS;
}
table {
border-collapse: separate;
border-spacing: 2px;
}
p, td, th {
font-family: Trebuchet MS;
}
Re: Efeitos nos títulos dos fóruns
Muito obrigado Coper,consegui e ficou perfeito só que eu queria tirar o sublinhado dos títulos,quando passa o mouse ele se move e fica sublinhado,queria retirar....
Re: Efeitos nos títulos dos fóruns
Se usou o primeiro código troca pro este
Se usou o segundo troque por este
- Código:
a.forumlink:hover {
-htm-transform: all;
-htm-transition: 1s;
-moz-transform: all;
-moz-transition: 1s;
-o-transform: all;
-o-transition: 1s;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 1px solid black;
border-left: 2px solid black;
display: block;
font-style: bold;
padding-left: 100px;
transform: all;
transition: 1s;
}
a.forumlink:visited {
color: #474545;
}
a.forumlink:link {
color: #474545;
}
a:hover {
color: white;
text-shadow: 0px 0px 7px white;
}
a.forumlink {
-htm-transform: all;
-htm-transition: 1s;
-moz-transform: all;
-moz-transition: 1s;
-o-transform: all;
-o-transition: 1s;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 1px solid black;
border-left: 5px solid black;
display: block;
font-family: arial;
font-size: 16px;
font-weight: 700;
margin-left: 10px;
padding-left: 10px;
text-shadow: 0 0 1px black;
transform: all;
transition: 1s;
}
.forumlink {
color: #474545;
font-size: 12px;
font-weight: 700;
}
Se usou o segundo troque por este
- Código:
a:link {
color: #474545;
}
.forumlink {
color: #474545;
font-size: 12px;
font-weight: 700;
}
.forumlink {
color: #474545;
font-size: 12px;
font-weight: 700;
}
.hierarchy {
font-size: 12px;
text-transform: none;
}
h3 {
font-size: 1.17em;
font-weight: bold;
}
p, td, th {
font-family: Trebuchet MS;
}
table {
border-collapse: separate;
border-spacing: 2px;
}
p, td, th {
font-family: Trebuchet MS;
}
Re: Efeitos nos títulos dos fóruns
Tente trocar por este :
- Código:
a.forumlink:hover {
-htm-transform: all;
-htm-transition: 1s;
-moz-transform: all;
-moz-transition: 1s;
-o-transform: all;
-o-transition: 1s;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 1px solid black;
border-left: 2px solid black;
display: block;
font-style: bold;
padding-left: 100px;
transform: all;
transition: 1s;
}
a.forumlink:hover {
color: white;
text-decoration: underline;
}
a.forumlink:visited {
color: #474545;
}
a.forumlink:link {
color: #474545;
}
a:hover {
color: white;
text-shadow: 0px 0px 7px white;
}
a.forumlink {
-htm-transform: all;
-htm-transition: 1s;
-moz-transform: all;
-moz-transition: 1s;
-o-transform: all;
-o-transition: 1s;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 1px solid black;
border-left: 5px solid black;
display: block;
font-family: arial;
font-size: 16px;
font-weight: 700;
margin-left: 10px;
padding-left: 10px;
text-shadow: 0 0 1px black;
transform: all;
transition: 1s;
}
.forumlink {
color: #474545;
font-size: 12px;
font-weight: 700;
}
a:-webkit-any-link {
color: -webkit-link;
text-decoration: none;
cursor: auto;
}
Re: Efeitos nos títulos dos fóruns
Isso ai,agora ficou perfeito do jeito que eu queria,Coper você é 10!!!
Tópicos semelhantes
» Títulos dos fóruns
» Erro nos titulos dos foruns
» Fundo dos títulos dos foruns
» Problema nos títulos dos fóruns
» Imagem fundo dos títulos dos fóruns
» Erro nos titulos dos foruns
» Fundo dos títulos dos foruns
» Problema nos títulos dos fóruns
» Imagem fundo dos títulos dos fóruns
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
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos