Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Mudar o efeito das letras para branco com o mouse a passar por cima
5 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
Mudar o efeito das letras para branco com o mouse a passar por cima
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?
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
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?
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)
Re: Mudar o efeito das letras para branco com o mouse a passar por cima
Olá,
Poderia fornecer o link em que viu isto?
Até mais!
Poderia fornecer o link em que viu isto?
Até mais!
Re: Mudar o efeito das letras para branco com o mouse a passar por cima
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
http://runescapetuga.forumeiro.com/
Se reparar bem estão ali os widgets que viu na imagem anterior.
Até mais
Re: Mudar o efeito das letras para branco com o mouse a passar por cima
Olá,
Aceda á Tua folha de estilo CSS com este código:
Até logo.
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.
Última edição por Dr.House em 16.08.12 2:12, editado 1 vez(es)
Re: Mudar o efeito das letras para branco com o mouse a passar por cima
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;
}
Re: Mudar o efeito das letras para branco com o mouse a passar por cima
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.
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;}
Re: Mudar o efeito das letras para branco com o mouse a passar por cima
Olá!
Troque seu código por este:
Até logo.
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.
Re: Mudar o efeito das letras para branco com o mouse a passar por cima
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.
Olá,
Já coloquei e não resultou,
Até Mais!
Re: Mudar o efeito das letras para branco com o mouse a passar por cima
Olá,
o código para está função é um CSS:
Para que possa ter a função desejada coloque em sua "Folha de estilo CSS".
Até logo.
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.
Re: Mudar o efeito das letras para branco com o mouse a passar por cima
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!
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!
Re: Mudar o efeito das letras para branco com o mouse a passar por cima
Olá,
Troque o código que eu lhe passei por este, e veja se resulta em teu fórum:
Ate mais!
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!
Re: Mudar o efeito das letras para branco com o mouse a passar por cima
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):
Após isto vá para Painel de controle > Visualização > Cores > Folha de estilo CSS e adicione:
Até mais.
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):
Terá de retirar a parte em vermelho de todos os widgets do portal, que deverá ficar deste modo(Exemplo):<font color="#969696">Click directo para um tópico</font>
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.
Re: Mudar o efeito das letras para branco com o mouse a passar por cima
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):Terá de retirar a parte em vermelho de todos os widgets do portal, que deverá ficar deste modo(Exemplo):<font color="#969696">Click directo para um tópico</font>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.
É mesmo isso!
Obrigado,
Atéé!
Tópicos semelhantes
» Efeito ao passar o mouse em cima do avatar
» Adicionar efeito ao passar o mouse por cima da avatar
» Como que faz para uma letra mudar de cor quando passar o mouse?
» [TUTORIAL] Adicionar efeito ao passar o mouse por cima da avatar
» efeito quando passar o mouse em cima do nome do usuario
» Adicionar efeito ao passar o mouse por cima da avatar
» Como que faz para uma letra mudar de cor quando passar o mouse?
» [TUTORIAL] Adicionar efeito ao passar o mouse por cima da avatar
» efeito quando passar o mouse em cima do nome do usuario
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