Links ficam pretos com o mouse em cima
2 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
Links ficam pretos com o mouse em cima
Qual é minha questão:
Olá!
Estou com um problema em meu fórum que é o seguinte: alguns links (como os da barra de moderar um tópico) estão com a cor preta, e portanto não é possível enxergá-los quando o mouse não está em cima deles. Veja as imagens:
Quando o mouse não está em cima:
https://i.imgur.com/bVAN8CQ.png
Quando o mouse está em cima do link:
https://i.imgur.com/DbHfHfS.png
E isso também acontece em outras partes, como por exemplo na criação de um tópico ou na página de login:
https://i.imgur.com/R2Otn3Z.png
Existe algum modo de corrigir esse erro? E fazer com que os links sempre apareçam na cor branca ou qualquer outra que eu definir?
Se precisarem, aí está o meu CSS:
Obrigado =D
Endereço do meu fórum:
http://vennyr-rpg.forumeiros.com
Versão do fórum:
PHPBB3
Olá!
Estou com um problema em meu fórum que é o seguinte: alguns links (como os da barra de moderar um tópico) estão com a cor preta, e portanto não é possível enxergá-los quando o mouse não está em cima deles. Veja as imagens:
Quando o mouse não está em cima:
https://i.imgur.com/bVAN8CQ.png
Quando o mouse está em cima do link:
https://i.imgur.com/DbHfHfS.png
E isso também acontece em outras partes, como por exemplo na criação de um tópico ou na página de login:
https://i.imgur.com/R2Otn3Z.png
Existe algum modo de corrigir esse erro? E fazer com que os links sempre apareçam na cor branca ou qualquer outra que eu definir?
Se precisarem, aí está o meu CSS:
- Spoiler:
- /*BARRA DE ROLAMENTO | By: Aloyssius Salek*/
::-webkit-scrollbar {
width: 14px;
height: 10px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
display: none;
}
::-webkit-scrollbar-track-piece {
background-image: url("https://i.servimg.com/u/f45/15/65/31/89/201n5c10.jpg");
}
::-webkit-scrollbar-thumb:vertical {
background-image: url("https://i.servimg.com/u/f47/17/57/64/81/untitl10.jpg");
border-radius: 10px 10px 10px 10px;
}
::-webkit-scrollbar-thumb:horizontal {
background-color: #000000;
}
/*CAIXA DE BUSCA | By: Aloyssius Salek*/
#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;
background: transparent url(https://2img.net/h/oi47.tinypic.com/fz994i.png) no-repeat left;}
#search-box input.button2 {display: none;}
#search-box {padding-bottom: 5px !important;}
#search-box #keywords {width: 70px;color: white;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;}
#search-box input {border: none !important;background: none;}
#search-box input.search {background: none;margin-left: 20px;margin-top: 15px;}
/*SPOILER, CODE E CITAÇÃO | By: Aloyssius Salek*/
dl.codebox {
background-image: url("https://2img.net/h/i24.photobucket.com/albums/c48/LadyCry/legend.png");
border-left: 2px double #363636;
border-right: 2px double #363636;
border-bottom: 2px double #363636;
border-top: none;
padding:4px;
height: auto;
border-radius:10px;
text-align: center;
font-family: 'Arial', cursive;
letter-spacing:2px;
max-width: auto;
min-width: auto;
}
dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#d5cbe0;
text-align: justify;
margin-bottom:3px;
text-transform:uppercase;
font-family:,Arial;
border-bottom:none;
}
dl.codebox code {
color:#e3dae8;
font-family:,Arial
text-shadow:1px 1px 1px 000000;
font-size:11px;
border-bottom:none;
}
blockquote {
background-color: #20152b;
border-left: 10px solid #7f6f89;
border-right: 3px solid #7f6f89;
border-top: 1px solid #7f6f89;
border-bottom: 1px solid #7f6f89;
padding:4px;
}
blockquote blockquote {
ackground-color: #20152b;
border-left: 10px solid #7f6f89;
border-right: 3px solid #7f6f89;
border-top: 1px solid #7f6f89;
border-bottom: 1px solid #7f6f89;
padding: 4px;
}
.content blockquote {
color:#e3dae8;
font-family:,Arial;
text-shadow:1px 1px 1px 000000;
font-size:11px;
border-bottom: 1px solid #7f6f89;
}
/*ÚLTIMO POST | By: Aloyssius Salek*/
ul.forums li.row dl.icon dd.lastpost {
background-image: url("https://2img.net/h/i24.photobucket.com/albums/c48/LadyCry/legend.png");
border-left: 4px solid #363636;
border-radius: 15px 5px 15px 5px;
border-right: 4px solid #363636;
color: gray;
font-size: 10px;
height: 40px;
left: -20px;
padding: -2px;
text-align: center;
width: 150px;
}
/*LEGENDA "NOVOS, SEM NOVOS, BLOQUEADOS" | By: Aloyssius Salek*/
ul#picture_legend {
background-image: url("https://2img.net/r/ihimizer/img834/7529/a533df10.jpg");
max-width: 600px;
min-width: 600px;
max-height: auto;
min-height: auto;
font-family: 'Verdana', cursive;
text-transform:uppercase;
border-radius: 25px 25px 25px 25px;
margin-left: auto;
margin-right: auto;
}
/*CHATBOX | By: Aloyssius Salek*/
div#chatbox_header.forabg {
background-image: url("https://i.servimg.com/u/f29/16/29/53/03/ngg10.png");
}
a.chat-title {
font-size:15px;
letter-spacing: 3px;
font-family: 'Courier', cursive;
text-transform:uppercase;
padding-top: -5px;
margin-top: auto;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
}
div#chatbox_footer{background-color:#363636;
background-image: url("https://i.servimg.com/u/f29/16/29/53/03/ngg10.png");
}
#chatbox {
background-image: url(https://i.servimg.com/u/f45/15/65/31/89/201n5c10.jpg);
background-repeat: repeat;
background-position: bottom right;
}
div.panel {
background-image: url(https://i.servimg.com/u/f45/15/65/31/89/201n5c10.jpg);
}
div#chatbox_members.chatbox-members {
background-image: url(https://i.servimg.com/u/f45/15/65/31/89/201n5c10.jpg);
}
div#cp-main.ucp-main {
background-image: url(https://i.servimg.com/u/f45/15/65/31/89/201n5c10.jpg);
}
.date-and-time {
display: none;
}
#chatbox_footer input {
background:#363636;
color: #cfcfcf;
}
#chatbox_ret_cont iframe#chatbox_ret{
background-color: #2a242e;
border: 2px solid #2a242e;
display: none;
height: 450px;
margin-bottom: 0;
width: 900px;
}
/*OUTROS CÓDIGOS | By: Aloyssius Salek*/
a {
text-decoration: none !important;
}
a:hover {
text-decoration: none !important;
}
div#chatbox_popup {
display: none;
}
ul.linklist.clearfix {
text-transform:uppercase;
}
div.h3 {
border-bottom: 5px double #363636;
font-size:15px;
letter-spacing: 4px;
text-align: center;
}
div.page-bottom {
letter-spacing: 2px;
text-align: center;
text-transform:uppercase;
font-size:10px;
}
p.page-bottom {
letter-spacing: 2px;
text-align: center;
text-transform:uppercase;
font-size:10px;
}
a[href="/u1"] {
text-shadow: 0px 0px 5px #FF0000;
background: url("https://i.servimg.com/u/f46/17/36/33/20/pxg8710.gif");
}
a[href="/u2"] {
text-shadow: 0px 0px 5px #FF0000;
background: url("https://i.servimg.com/u/f46/17/36/33/20/pxg8710.gif");
}
a[href="/u3"] {
text-shadow: 0px 0px 5px #FF0000;
background: url("https://i.servimg.com/u/f46/17/36/33/20/pxg8710.gif");
}
div#fa_toolbar.fa_fix.fa_toolbar_XL_Sized {
display:none;
}
ul.linklist {
display:none;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
display: none;
}
ul.linklist a img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s;
-webkit-transition:all 1s;
margin-top: -40px;
}
ul.linklist a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s;
-webkit-transition:all 1s;
margin-top: -60px;
}
/*CAMPOS DO AUTOR | By: Aloyssius Salek*/
p.author {
background-image: url("https://2img.net/r/ihimizer/img834/7529/a533df10.jpg");
border-right: 3px solid #696969;
border-left: 3px solid #696969;
border-bottom: 2px dotted #696969;
margin-top: 16px;
padding: 6px !important;
position: center;
right: -5px;
border-radius: 20px 20px 20px 20px;
text-align: center;
text-shadow: 1px 1px 0 #000000;
width: 500px;
height: 15px;
}
p.author {
font-family: 'Georgia', cursive;
font-size: 13px;
}
/*CAMPOS DO PERFIL | By: Aloyssius Salek*/
.postprofile {
border-top: 0px dotted #363636;
border-bottom: 2px dotted #363636;
border-right: 2px dotted #363636;
box-shadow: 1px 1px 2px #000;
background: #000000;
background-image: url("https://i.servimg.com/u/f45/15/65/31/89/201n5c10.jpg");
border: -l80px;
color: #ffffff;
position: relative;
right: -10px;
text-align: center;
width:210px;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-family: 'Verdana', cursive;
font-size: 15px;
text-shadow: 0px 0px 2px #000000;
text-transform:
letter-spacing:-1px;
text-align: center;
}
.postprofile dt strong a{
position: relative;
top: 2px;
}
/*BORDAS LATERAIS/FUNDO DO FÓRUM | By: Aloyssius Salek*/
html {
background-image: url("https://i.servimg.com/u/f29/16/29/53/03/ngg10.png");
}
#wrap {
border-left: 5px solid #363636 transparent;
border-right: 5px solid #363636 transparent;
box-shadow: 0 0 50px #000000;
margin-bottom: -10px;
margin-top: -20px;
border-radius: 25px 25px 25px 25px;
max-width: 1220px;
min-width: 1220px;
background-image: url(https://i.servimg.com/u/f45/15/65/31/89/201n5c10.jpg);
padding: 5px;
}
#wrap {
background-color: #000000;
margin: 0 auto;
min-width: 768px;
padding: 5px;
width: 98%;
}
/*legendas*/
#main-content em{
font-size:0px
}
#main-content em::before{
content:'Legenda: ';
font-size:25px;
font-style:normal;
opacity: 0.0;
}
#main-content em b *{
font-size:20px;
font-style:normal;
font-align:center;
font-family: open sans condensed;
font-weight: bold;
text-transform: uppercase;
text-shadow: 1px 0px 3px #000;
}
#main-content em b a::before{
content:' • ';color:black
}
#main-content em b:first-child a::before{
content:''
}
#main-content em,
#main-content em *:link{
cursor:default;
color:inherit
}
/*fim*/
Obrigado =D
Endereço do meu fórum:
http://vennyr-rpg.forumeiros.com
Versão do fórum:
PHPBB3
Re: Links ficam pretos com o mouse em cima
Olá!
Quando for enviar a sua folha de estilos css, não mande pelo spoiler deve mandar dentro da baliza CODE
Quanto a sua questão, adicione o código abaixo em sua Folha de Estilos CSS, e me mande ela novamente se não resultar pela tag code.
Até mais.
Quando for enviar a sua folha de estilos css, não mande pelo spoiler deve mandar dentro da baliza CODE
Quanto a sua questão, adicione o código abaixo em sua Folha de Estilos CSS, e me mande ela novamente se não resultar pela tag code.
- Código:
a {
color: white !important;
}
Até mais.
Re: Links ficam pretos com o mouse em cima
O código não corrigiu o BUG, e ainda alterou a cor de todos os grupos para branco :/
CSS alterado:
CSS alterado:
- Código:
/*BARRA DE ROLAMENTO | By: Aloyssius Salek*/
::-webkit-scrollbar {
width: 14px;
height: 10px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
display: none;
}
::-webkit-scrollbar-track-piece {
background-image: url("http://i45.servimg.com/u/f45/15/65/31/89/201n5c10.jpg");
}
::-webkit-scrollbar-thumb:vertical {
background-image: url("http://i47.servimg.com/u/f47/17/57/64/81/untitl10.jpg");
border-radius: 10px 10px 10px 10px;
}
::-webkit-scrollbar-thumb:horizontal {
background-color: #000000;
}
/*CAIXA DE BUSCA | By: Aloyssius Salek*/
#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;
background: transparent url(http://i47.tinypic.com/fz994i.png) no-repeat left;}
#search-box input.button2 {display: none;}
#search-box {padding-bottom: 5px !important;}
#search-box #keywords {width: 70px;color: white;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;}
#search-box input {border: none !important;background: none;}
#search-box input.search {background: none;margin-left: 20px;margin-top: 15px;}
/*SPOILER, CODE E CITAÇÃO | By: Aloyssius Salek*/
dl.codebox {
background-image: url("http://i24.photobucket.com/albums/c48/LadyCry/legend.png");
border-left: 2px double #363636;
border-right: 2px double #363636;
border-bottom: 2px double #363636;
border-top: none;
padding:4px;
height: auto;
border-radius:10px;
text-align: center;
font-family: 'Arial', cursive;
letter-spacing:2px;
max-width: auto;
min-width: auto;
}
dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#d5cbe0;
text-align: justify;
margin-bottom:3px;
text-transform:uppercase;
font-family:,Arial;
border-bottom:none;
}
dl.codebox code {
color:#e3dae8;
font-family:,Arial
text-shadow:1px 1px 1px 000000;
font-size:11px;
border-bottom:none;
}
blockquote {
background-color: #20152b;
border-left: 10px solid #7f6f89;
border-right: 3px solid #7f6f89;
border-top: 1px solid #7f6f89;
border-bottom: 1px solid #7f6f89;
padding:4px;
}
blockquote blockquote {
ackground-color: #20152b;
border-left: 10px solid #7f6f89;
border-right: 3px solid #7f6f89;
border-top: 1px solid #7f6f89;
border-bottom: 1px solid #7f6f89;
padding: 4px;
}
.content blockquote {
color:#e3dae8;
font-family:,Arial;
text-shadow:1px 1px 1px 000000;
font-size:11px;
border-bottom: 1px solid #7f6f89;
}
/*ÚLTIMO POST | By: Aloyssius Salek*/
ul.forums li.row dl.icon dd.lastpost {
background-image: url("http://i24.photobucket.com/albums/c48/LadyCry/legend.png");
border-left: 4px solid #363636;
border-radius: 15px 5px 15px 5px;
border-right: 4px solid #363636;
color: gray;
font-size: 10px;
height: 40px;
left: -20px;
padding: -2px;
text-align: center;
width: 150px;
}
/*LEGENDA "NOVOS, SEM NOVOS, BLOQUEADOS" | By: Aloyssius Salek*/
ul#picture_legend {
background-image: url("http://img834.imageshack.us/img834/7529/a533df10.jpg");
max-width: 600px;
min-width: 600px;
max-height: auto;
min-height: auto;
font-family: 'Verdana', cursive;
text-transform:uppercase;
border-radius: 25px 25px 25px 25px;
margin-left: auto;
margin-right: auto;
}
/*CHATBOX | By: Aloyssius Salek*/
div#chatbox_header.forabg {
background-image: url("http://i29.servimg.com/u/f29/16/29/53/03/ngg10.png");
}
a.chat-title {
font-size:15px;
letter-spacing: 3px;
font-family: 'Courier', cursive;
text-transform:uppercase;
padding-top: -5px;
margin-top: auto;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
}
div#chatbox_footer{background-color:#363636;
background-image: url("http://i29.servimg.com/u/f29/16/29/53/03/ngg10.png");
}
#chatbox {
background-image: url(http://i45.servimg.com/u/f45/15/65/31/89/201n5c10.jpg);
background-repeat: repeat;
background-position: bottom right;
}
div.panel {
background-image: url(http://i45.servimg.com/u/f45/15/65/31/89/201n5c10.jpg);
}
div#chatbox_members.chatbox-members {
background-image: url(http://i45.servimg.com/u/f45/15/65/31/89/201n5c10.jpg);
}
div#cp-main.ucp-main {
background-image: url(http://i45.servimg.com/u/f45/15/65/31/89/201n5c10.jpg);
}
.date-and-time {
display: none;
}
#chatbox_footer input {
background:#363636;
color: #cfcfcf;
}
#chatbox_ret_cont iframe#chatbox_ret{
background-color: #2a242e;
border: 2px solid #2a242e;
display: none;
height: 450px;
margin-bottom: 0;
width: 900px;
}
/*OUTROS CÓDIGOS | By: Aloyssius Salek*/
a {
text-decoration: none !important;
color: white !important;
}
a:hover {
text-decoration: none !important;
}
div#chatbox_popup {
display: none;
}
ul.linklist.clearfix {
text-transform:uppercase;
}
div.h3 {
border-bottom: 5px double #363636;
font-size:15px;
letter-spacing: 4px;
text-align: center;
}
div.page-bottom {
letter-spacing: 2px;
text-align: center;
text-transform:uppercase;
font-size:10px;
}
p.page-bottom {
letter-spacing: 2px;
text-align: center;
text-transform:uppercase;
font-size:10px;
}
a[href="/u1"] {
text-shadow: 0px 0px 5px #FF0000;
background: url("http://i46.servimg.com/u/f46/17/36/33/20/pxg8710.gif");
}
a[href="/u2"] {
text-shadow: 0px 0px 5px #FF0000;
background: url("http://i46.servimg.com/u/f46/17/36/33/20/pxg8710.gif");
}
a[href="/u3"] {
text-shadow: 0px 0px 5px #FF0000;
background: url("http://i46.servimg.com/u/f46/17/36/33/20/pxg8710.gif");
}
div#fa_toolbar.fa_fix.fa_toolbar_XL_Sized {
display:none;
}
ul.linklist {
display:none;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
display: none;
}
ul.linklist a img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s;
-webkit-transition:all 1s;
margin-top: -40px;
}
ul.linklist a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s;
-webkit-transition:all 1s;
margin-top: -60px;
}
/*CAMPOS DO AUTOR | By: Aloyssius Salek*/
p.author {
background-image: url("http://img834.imageshack.us/img834/7529/a533df10.jpg");
border-right: 3px solid #696969;
border-left: 3px solid #696969;
border-bottom: 2px dotted #696969;
margin-top: 16px;
padding: 6px !important;
position: center;
right: -5px;
border-radius: 20px 20px 20px 20px;
text-align: center;
text-shadow: 1px 1px 0 #000000;
width: 500px;
height: 15px;
}
p.author {
font-family: 'Georgia', cursive;
font-size: 13px;
}
/*CAMPOS DO PERFIL | By: Aloyssius Salek*/
.postprofile {
border-top: 0px dotted #363636;
border-bottom: 2px dotted #363636;
border-right: 2px dotted #363636;
box-shadow: 1px 1px 2px #000;
background: #000000;
background-image: url("http://i45.servimg.com/u/f45/15/65/31/89/201n5c10.jpg");
border: -l80px;
color: #ffffff;
position: relative;
right: -10px;
text-align: center;
width:210px;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-family: 'Verdana', cursive;
font-size: 15px;
text-shadow: 0px 0px 2px #000000;
text-transform:
letter-spacing:-1px;
text-align: center;
}
.postprofile dt strong a{
position: relative;
top: 2px;
}
/*BORDAS LATERAIS/FUNDO DO FÓRUM | By: Aloyssius Salek*/
html {
background-image: url("http://i29.servimg.com/u/f29/16/29/53/03/ngg10.png");
}
#wrap {
border-left: 5px solid #363636 transparent;
border-right: 5px solid #363636 transparent;
box-shadow: 0 0 50px #000000;
margin-bottom: -10px;
margin-top: -20px;
border-radius: 25px 25px 25px 25px;
max-width: 1220px;
min-width: 1220px;
background-image: url(http://i45.servimg.com/u/f45/15/65/31/89/201n5c10.jpg);
padding: 5px;
}
#wrap {
background-color: #000000;
margin: 0 auto;
min-width: 768px;
padding: 5px;
width: 98%;
}
/*legendas*/
#main-content em{
font-size:0px
}
#main-content em::before{
content:'Legenda: ';
font-size:25px;
font-style:normal;
opacity: 0.0;
}
#main-content em b *{
font-size:20px;
font-style:normal;
font-align:center;
font-family: open sans condensed;
font-weight: bold;
text-transform: uppercase;
text-shadow: 1px 0px 3px #000;
}
#main-content em b a::before{
content:' • ';color:black
}
#main-content em b:first-child a::before{
content:''
}
#main-content em,
#main-content em *:link{
cursor:default;
color:inherit
}
/*fim*/
Re: Links ficam pretos com o mouse em cima
Olá!
Sua Folha de Estilos CSS esta normal, fui em seu fórum para ver se realmente estava na cor preta, e, estava da cor cinza, verifique se só você vê os links dessa cor.
Tente limpar os cookies e o histórico.
Até mais.
Sua Folha de Estilos CSS esta normal, fui em seu fórum para ver se realmente estava na cor preta, e, estava da cor cinza, verifique se só você vê os links dessa cor.
Tente limpar os cookies e o histórico.
Até mais.
Re: Links ficam pretos com o mouse em cima
Olá!
O bug só acontece quando o mouse está em cima do link, e eu desacredito que isso seja algum erro do meu navegador como cookies ou histórico, pois o mesmo problema acontece no firefox e opera.
O bug só acontece quando o mouse está em cima do link, e eu desacredito que isso seja algum erro do meu navegador como cookies ou histórico, pois o mesmo problema acontece no firefox e opera.
Tópicos semelhantes
» Links ficam em cima
» Links ficam maiusculos ao passar o mouse
» Código css para colocar contorno nos links do meu fórum quando eu passo o mouse por cima
» problema com informações ao passar mouse em cima (mouse over)
» As imagens das mps ficam em cima do titulo
» Links ficam maiusculos ao passar o mouse
» Código css para colocar contorno nos links do meu fórum quando eu passo o mouse por cima
» problema com informações ao passar mouse em cima (mouse over)
» As imagens das mps ficam em cima do titulo
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