Mudar o efeito das letras para branco com o mouse a passar por cima

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

Resolvido Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por dgy em 15/08/12, 09:46 pm

Qual é minha questão:
Boas, eu queria mudar o efeito das minha letras para branco quando o mouse passa por cima.

Uma imagem de como está e como queria que estivesse:
http://img717.imageshack.us/img717/5905/semttuloqxe.png

Podem ver no site:
http://runescapetuga.forumeiro.com/

Soluções? Mostrando a lingua

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://runescapetuga.forumeiro.com/

Versão do meu fórum:
PHPBB3


Última edição por dgy em 17/08/12, 11:38 am, editado 1 vez(es)
avatar

dgy
Nível 10

Masculino
Inscrito dia : 10/06/2011
Mensagens : 289
Pontos Ativos : 425

Ver perfil do usuário http://runescapetuga.forumeiro.com/

Resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por Raven Down In Fire em 15/08/12, 09:56 pm

Olá,

Poderia fornecer o link em que viu isto?

Até mais!
avatar

Raven Down In Fire
Nível 6

Feminino
Inscrito dia : 15/08/2012
Mensagens : 63
Pontos Ativos : 70

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

Resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por dgy em 15/08/12, 10:00 pm

Como eu disse anteriormente, é no meu site no portal:
http://runescapetuga.forumeiro.com/

Se reparar bem estão ali os widgets que viu na imagem anterior.

Até mais
avatar

dgy
Nível 10

Masculino
Inscrito dia : 10/06/2011
Mensagens : 289
Pontos Ativos : 425

Ver perfil do usuário http://runescapetuga.forumeiro.com/

Resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por Sennior em 15/08/12, 10:00 pm

Olá,

Aceda á Tua folha de estilo CSS com este código:

a.forumtitle {
color: white;
font-family: Arial;
font-size: 1.2em;
font-weight: 700;
text-decoration: none;
}

Até logo. Café


Última edição por Dr.House em 15/08/12, 10:12 pm, editado 1 vez(es)
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique
  • 0

Resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por south em 15/08/12, 10:03 pm

Adicione na css amigo
Código:
a.button1, a.button2, button.button2, input.button1, input.button2 {moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
avatar

south
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 465
Pontos Ativos : 609

Ver perfil do usuário http://forumblack.queroforum.net

Resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por dgy em 16/08/12, 07:01 am

Boas,

Dr.House e south experimentei os 2 códigos, um de cada vez, e nenhum resultou.

Até Mais!

PS: Penso que seja um código que eu já tenha na minha folha CSS que tá a por aquela cor e não o branco que eu quero.

Código:
blockquote {
    background: #2E2C29;
}
form#smilies_categ{display:none!important}
#page-footer .navbar ul.linklist li.footer-home a.icon-home{display:none}
#page-header ul.navlinks {
border: 0px !important;
}
.module .h3{font-size:14px!important}
.h3 {
text-align: center;
}
.introduction .h3, .module .h3, .postbody .h3 {
text-align: center;
}
.h3{
color:#D98609;
text-shadow: 0px 0px 10px #000000;
font-family: Arial Black;
}
.module {
    -moz-border-radius: 2px;
    -moz-box-shadow: 0 2px 5px black;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0 2px 5px black;
}
.module {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #2b2927;
}
.module .box-content, .module, .module .main-content {
background-image: url("LINK_DA_IMAGEM") !important;
background-repeat: no-repeat !important;
background-position: center top !important;
background-color: #3B3835 !important;
}
.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
li.row:hover {
background-image: url(http://img152.imageshack.us/img152/4558/xtfan.png);
}
#wrap {
-moz-box-shadow: 0px 20px 20px #CCCCCC;
-webkit-box-shadow: 0px 20px 20px #CCCCCC;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
fieldset.submit-buttons input {moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
input[type="submit"] {
moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px;
height: 5px; }
::-webkit-scrollbar-track-piece {
background: #969696;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #363636;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #000000;
}
.fontbutton, .fontbutton_normal {
border-radius: 5px !important;
}
fieldset.polls dd A{display:none;}
a:hover {
color: #FFFFFF;
text-shadow : 0px 0px 10px #000000;
}
fieldset.polls dd B{display:none;}
a:hover {
color: #FFFFFF;
text-shadow : 0px 0px 10px #000000;
}
#cp-main .panel {
border: 5px solid #303030;
padding: 5px;
background-color: #40403F
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(IMAGEM DE FUNDO);
background-repeat: no-repeat;
background-position: bottom right;
background-color: #40403F;
}
.post {
border: 5px solid #303030;
padding: 5px;
background-color: #40403F;
}
body {
background-image: url(http://img138.imageshack.us/img138/9307/runescapetugabackground.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
}
#phpbb {
background-attachment: scroll;
}
.hierarchy {
font-size: 12px !important;
}
.topic-actions .search-box{display:none;}
.img-whois {
height: 193px;
width: 75px;
}
span.corners-bottom {
background-image: none;
background-position: 0 100%;
clear: both;
margin: 0 -5px;
}
span.corners-top {
background-image: none;
background-position: 0 0;
margin: 0 -5px;
}
.module span.corners-bottom, .module span.corners-top {
background-image: none;
}
span.corners-bottom span {
background-image: none;
background-position: 100% 100%;
}
span.corners-top {
background-image: none;
background-position: 0 0;
margin: 0 -5px;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
background-image: none;
}
#chatbox{background-image:url(http://i49.servimg.com/u/f49/17/39/89/34/dark_r11.jpg);
background-repeat:repeat;
background-position:left;
background-size:100% 100%;-webkit-background-size:100%;-o-background-size:100%;-khtml-background-size:100%;-moz-background-size:100% 100%}
p.chatbox_row_1,p.chatbox_row_2,p.chatbox_row_3,p.chatbox_row_4{background:transparent;color:#FFFFFF}span.msg span,.user-msg,span.user a,span.user a span strong{color:#FFFFFF!important}
.row3 {
background-color: #000000 !important;
}
#search-box {
  display: none;
}
a:link:hover, a:link:focus 

    color: #fff;
    text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;
}
a:hover{text-decoration: none;}
a {text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
 
div.panel.row3{background-color: #2E2C29;}
div.panel.row2{background-color: #2E2C29;}
div.panel.row1{background-color: #2E2C29;}
avatar

dgy
Nível 10

Masculino
Inscrito dia : 10/06/2011
Mensagens : 289
Pontos Ativos : 425

Ver perfil do usuário http://runescapetuga.forumeiro.com/

Resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por Sennior em 16/08/12, 07:19 pm

Olá!

Troque seu código por este:

Código:
blockquote {
    background: #2E2C29;
}
form#smilies_categ{display:none!important}
#page-footer .navbar ul.linklist li.footer-home a.icon-home{display:none}
#page-header ul.navlinks {
border: 0px !important;
}
.module .h3{font-size:14px!important}
.h3 {
text-align: center;
}
.introduction .h3, .module .h3, .postbody .h3 {
text-align: center;
}
.h3{
color:#D98609;
text-shadow: 0px 0px 10px #000000;
font-family: Arial Black;
}
.module {
    -moz-border-radius: 2px;
    -moz-box-shadow: 0 2px 5px black;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0 2px 5px black;
}
.module {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #2b2927;
}
.module .box-content, .module, .module .main-content {
background-image: url("LINK_DA_IMAGEM") !important;
background-repeat: no-repeat !important;
background-position: center top !important;
background-color: #3B3835 !important;
}
.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
li.row:hover {
background-image: url(http://img152.imageshack.us/img152/4558/xtfan.png);
}
#wrap {
-moz-box-shadow: 0px 20px 20px #CCCCCC;
-webkit-box-shadow: 0px 20px 20px #CCCCCC;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
fieldset.submit-buttons input {moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
input[type="submit"] {
moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px;
height: 5px; }
::-webkit-scrollbar-track-piece {
background: #969696;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #363636;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #000000;
}
.fontbutton, .fontbutton_normal {
border-radius: 5px !important;
}
fieldset.polls dd A{display:none;}
a:hover {
color: #FFFFFF;
text-shadow : 0px 0px 10px #000000;
}
fieldset.polls dd B{display:none;}
a:hover {
color: #FFFFFF;
text-shadow : 0px 0px 10px #000000;
}
#cp-main .panel {
border: 5px solid #303030;
padding: 5px;
background-color: #40403F
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(IMAGEM DE FUNDO);
background-repeat: no-repeat;
background-position: bottom right;
background-color: #40403F;
}
.post {
border: 5px solid #303030;
padding: 5px;
background-color: #40403F;
}
body {
background-image: url(http://img138.imageshack.us/img138/9307/runescapetugabackground.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
}
#phpbb {
background-attachment: scroll;
}
.hierarchy {
font-size: 12px !important;
}
.topic-actions .search-box{display:none;}
.img-whois {
height: 193px;
width: 75px;
}
span.corners-bottom {
background-image: none;
background-position: 0 100%;
clear: both;
margin: 0 -5px;
}
span.corners-top {
background-image: none;
background-position: 0 0;
margin: 0 -5px;
}
.module span.corners-bottom, .module span.corners-top {
background-image: none;
}
span.corners-bottom span {
background-image: none;
background-position: 100% 100%;
}
span.corners-top {
background-image: none;
background-position: 0 0;
margin: 0 -5px;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
background-image: none;
}
#chatbox{background-image:url(http://i49.servimg.com/u/f49/17/39/89/34/dark_r11.jpg);
background-repeat:repeat;
background-position:left;
background-size:100% 100%;-webkit-background-size:100%;-o-background-size:100%;-khtml-background-size:100%;-moz-background-size:100% 100%}
p.chatbox_row_1,p.chatbox_row_2,p.chatbox_row_3,p.chatbox_row_4{background:transparent;color:#FFFFFF}span.msg span,.user-msg,span.user a,span.user a span strong{color:#FFFFFF!important}
.row3 {
background-color: #000000 !important;
}
#search-box {
  display: none;
}
a:link:hover, a:link:focus 

    color: #fff;
    text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;
}
a:hover{text-decoration: none;}
a {text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
 
div.panel.row3{background-color: #2E2C29;}
div.panel.row2{background-color: #2E2C29;}
div.panel.row1{background-color: #2E2C29;}

Até logo. Muito feliz
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por dgy em 16/08/12, 09:03 pm

Dr.House escreveu:Olá!

Troque seu código por este:

Código:
blockquote {
    background: #2E2C29;
}
form#smilies_categ{display:none!important}
#page-footer .navbar ul.linklist li.footer-home a.icon-home{display:none}
#page-header ul.navlinks {
border: 0px !important;
}
.module .h3{font-size:14px!important}
.h3 {
text-align: center;
}
.introduction .h3, .module .h3, .postbody .h3 {
text-align: center;
}
.h3{
color:#D98609;
text-shadow: 0px 0px 10px #000000;
font-family: Arial Black;
}
.module {
    -moz-border-radius: 2px;
    -moz-box-shadow: 0 2px 5px black;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0 2px 5px black;
}
.module {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #2b2927;
}
.module .box-content, .module, .module .main-content {
background-image: url("LINK_DA_IMAGEM") !important;
background-repeat: no-repeat !important;
background-position: center top !important;
background-color: #3B3835 !important;
}
.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
li.row:hover {
background-image: url(http://img152.imageshack.us/img152/4558/xtfan.png);
}
#wrap {
-moz-box-shadow: 0px 20px 20px #CCCCCC;
-webkit-box-shadow: 0px 20px 20px #CCCCCC;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
fieldset.submit-buttons input {moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
input[type="submit"] {
moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px;
height: 5px; }
::-webkit-scrollbar-track-piece {
background: #969696;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #363636;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #000000;
}
.fontbutton, .fontbutton_normal {
border-radius: 5px !important;
}
fieldset.polls dd A{display:none;}
a:hover {
color: #FFFFFF;
text-shadow : 0px 0px 10px #000000;
}
fieldset.polls dd B{display:none;}
a:hover {
color: #FFFFFF;
text-shadow : 0px 0px 10px #000000;
}
#cp-main .panel {
border: 5px solid #303030;
padding: 5px;
background-color: #40403F
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(IMAGEM DE FUNDO);
background-repeat: no-repeat;
background-position: bottom right;
background-color: #40403F;
}
.post {
border: 5px solid #303030;
padding: 5px;
background-color: #40403F;
}
body {
background-image: url(http://img138.imageshack.us/img138/9307/runescapetugabackground.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
}
#phpbb {
background-attachment: scroll;
}
.hierarchy {
font-size: 12px !important;
}
.topic-actions .search-box{display:none;}
.img-whois {
height: 193px;
width: 75px;
}
span.corners-bottom {
background-image: none;
background-position: 0 100%;
clear: both;
margin: 0 -5px;
}
span.corners-top {
background-image: none;
background-position: 0 0;
margin: 0 -5px;
}
.module span.corners-bottom, .module span.corners-top {
background-image: none;
}
span.corners-bottom span {
background-image: none;
background-position: 100% 100%;
}
span.corners-top {
background-image: none;
background-position: 0 0;
margin: 0 -5px;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
background-image: none;
}
#chatbox{background-image:url(http://i49.servimg.com/u/f49/17/39/89/34/dark_r11.jpg);
background-repeat:repeat;
background-position:left;
background-size:100% 100%;-webkit-background-size:100%;-o-background-size:100%;-khtml-background-size:100%;-moz-background-size:100% 100%}
p.chatbox_row_1,p.chatbox_row_2,p.chatbox_row_3,p.chatbox_row_4{background:transparent;color:#FFFFFF}span.msg span,.user-msg,span.user a,span.user a span strong{color:#FFFFFF!important}
.row3 {
background-color: #000000 !important;
}
#search-box {
  display: none;
}
a:link:hover, a:link:focus 

    color: #fff;
    text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;
}
a:hover{text-decoration: none;}
a {text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
 
div.panel.row3{background-color: #2E2C29;}
div.panel.row2{background-color: #2E2C29;}
div.panel.row1{background-color: #2E2C29;}

Até logo. Muito feliz

Olá,

Já coloquei e não resultou,
Até Mais!
avatar

dgy
Nível 10

Masculino
Inscrito dia : 10/06/2011
Mensagens : 289
Pontos Ativos : 425

Ver perfil do usuário http://runescapetuga.forumeiro.com/

Resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por Sennior em 17/08/12, 01:47 am

Olá,

o código para está função é um CSS:

a:link {
color: white;
text-shadow: -1px 1px 8px #FFC, 1px -1px 8px white;
}

Para que possa ter a função desejada coloque em sua "Folha de estilo CSS".

Até logo. Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por dgy em 17/08/12, 09:44 am

Olá,

Eu já sabia que era na "Folha de estilo CSS" que deve-se colocar.

E eu ao colocar esse código na "Folha de estilo CSS" sucedeu o seguinte:
http://img849.imageshack.us/img849/4606/semttulocae.png

E isso, como vê na imagem, não é o que eu quero pois eu queria apenas com o passar do mouse por cima das letras ficasse aquele branco que mostrei numa imagem anterior.

Até Mais! Amigos


avatar

dgy
Nível 10

Masculino
Inscrito dia : 10/06/2011
Mensagens : 289
Pontos Ativos : 425

Ver perfil do usuário http://runescapetuga.forumeiro.com/

Resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por Sennior em 17/08/12, 09:48 am

Olá,

Troque o código que eu lhe passei por este, e veja se resulta em teu fórum:

a:link {
color: white;
text-shadow: -1px 1px 8px #ffffff, 1px -1px 8px white;
}

Ate mais! Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por Oto! em 17/08/12, 09:52 am

Olá dgy!

Nós (Da Equipe de Moderação) devemos obrigatoriamente lhe indicar onde adiciona o devido código, isto é padrão. Já em relação a sua dúvida descobri o erro.

Vá para Painel de controle > Módulos > Portal & Widgets > Configuração do portal, clique em estrutura e verá os widgets, edite os widgets do seguinte modo(O código atual determina uma cor obrigatoria para todos os seletores, por isto teremos de o retirar):
<font color="#969696">Click directo para um tópico</font>
Terá de retirar a parte em vermelho de todos os widgets do portal, que deverá ficar deste modo(Exemplo):
Click directo para um tópico

Após isto vá para Painel de controle > Visualização > Cores > Folha de estilo CSS e adicione:
Código:
a:hover{color: #FFF !important;}

Até mais.
Piscada
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por dgy em 17/08/12, 11:37 am

@Oto! escreveu:Olá dgy!

Nós (Da Equipe de Moderação) devemos obrigatoriamente lhe indicar onde adiciona o devido código, isto é padrão. Já em relação a sua dúvida descobri o erro.

Vá para Painel de controle > Módulos > Portal & Widgets > Configuração do portal, clique em estrutura e verá os widgets, edite os widgets do seguinte modo(O código atual determina uma cor obrigatoria para todos os seletores, por isto teremos de o retirar):
<font color="#969696">Click directo para um tópico</font>
Terá de retirar a parte em vermelho de todos os widgets do portal, que deverá ficar deste modo(Exemplo):
Click directo para um tópico

Após isto vá para Painel de controle > Visualização > Cores > Folha de estilo CSS e adicione:
Código:
a:hover{color: #FFF !important;}

Até mais.
Piscada



É mesmo isso!

Obrigado,
Atéé!
avatar

dgy
Nível 10

Masculino
Inscrito dia : 10/06/2011
Mensagens : 289
Pontos Ativos : 425

Ver perfil do usuário http://runescapetuga.forumeiro.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