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

5 participantes

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

Tópico resolvido Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por dgy 16.08.12 1:46

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:
https://2img.net/r/ihimizer/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 15:38, editado 1 vez(es)
dgy

dgy
****

Membro desde : 10/06/2011
Mensagens : 289
Pontos : 425

http://runescapetuga.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por Raven Down In Fire 16.08.12 1:56

Olá,

Poderia fornecer o link em que viu isto?

Até mais!
Raven Down In Fire

Raven Down In Fire
**

Membro desde : 15/08/2012
Mensagens : 63
Pontos : 70

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por dgy 16.08.12 2:00

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
dgy

dgy
****

Membro desde : 10/06/2011
Mensagens : 289
Pontos : 425

http://runescapetuga.forumeiro.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por Sennior 16.08.12 2:00

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 16.08.12 2:12, editado 1 vez(es)
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por south 16.08.12 2:03

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

south
*****

Membro desde : 30/06/2012
Mensagens : 465
Pontos : 609

http://forumblack.queroforum.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por dgy 16.08.12 11:01

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

dgy
****

Membro desde : 10/06/2011
Mensagens : 289
Pontos : 425

http://runescapetuga.forumeiro.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por Sennior 16.08.12 23:19

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
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por dgy 17.08.12 1:03

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!
dgy

dgy
****

Membro desde : 10/06/2011
Mensagens : 289
Pontos : 425

http://runescapetuga.forumeiro.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por Sennior 17.08.12 5:47

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
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por dgy 17.08.12 13:44

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:
https://2img.net/r/ihimizer/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


dgy

dgy
****

Membro desde : 10/06/2011
Mensagens : 289
Pontos : 425

http://runescapetuga.forumeiro.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por Sennior 17.08.12 13:48

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
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por Oto! 17.08.12 13:52

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
Oto!

Oto!
Hiper Membro

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar o efeito das letras para branco com o mouse a passar por cima

Mensagem por dgy 17.08.12 15:37

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éé!
dgy

dgy
****

Membro desde : 10/06/2011
Mensagens : 289
Pontos : 425

http://runescapetuga.forumeiro.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