Colocar background em barra de registo
Página 1 de 1 • Compartilhe
Colocar background em barra de registo
Qual é sua questão:
Olá!
Eu tenho uma barra no topo do meu fórum no entanto ela não tem background é transparente neste momento, vejam -> http://www.rewtec.com
Ou melhor ela até tem backgound mas eu tenho que desactivar a opção "Melhorar seu CSS" só que depois o fórum fica com bugs
Assim eu queria uma ajuda para resolver este problema
Endereço e versão do meu fórum:
CSS da minha barra!
Apresente-nos imagens do problema (se necessário):
N/D
Olá!
Eu tenho uma barra no topo do meu fórum no entanto ela não tem background é transparente neste momento, vejam -> http://www.rewtec.com
Ou melhor ela até tem backgound mas eu tenho que desactivar a opção "Melhorar seu CSS" só que depois o fórum fica com bugs
Assim eu queria uma ajuda para resolver este problema
Endereço e versão do meu fórum:
CSS da minha barra!
- Código:
/*Barra topo*/
#mps, #panel{
opacity: .5;
transition: all 0.5s;
position: relative;
top: -59%;
}
#mps:hover, #panel:hover{
opacity: 1;
transition: all 0.5s;
}
#conectFor * {
font-size: 12px;
}
#conectFor{
padding: 13px;
padding-right : 20px;
text-align: right;
background: rgb(99,191,237); /* Old browsers */
background: -moz-linear-gradient(top, rgba(99,191,237,1) 0%, rgba(33,146,239,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(99,191,237,1)), color-stop(100%,rgba(33,146,239,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(99,191,237,1) 0%,rgba(33,146,239,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(99,191,237,1) 0%,rgba(33,146,239,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(99,191,237,1) 0%,rgba(33,146,239,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(99,191,237,1) 0%,rgba(33,146,239,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63bfed', endColorstr='#2192ef',GradientType=0 ); /* IE6-9 */
border-bottom: 1px solid #38B1F2;
font: 15px Tahoma;
height: 10px;
display: block;
color: #F1F1F1;
position: relative;
top: 0;
left: 0;
right: 0;
}
#conectFor a{
color:#f1f1f1;
font-family:Arial;
padding:8px 5px ;
margin:0 1px;
text-decoration:none;
}
#conectFor a:hover{
color:#111;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-o-border-radius:5px 5px 0 0;
background:#f1f1f1;
}
#conectFor a:hover ul{display:inline;}
#conectFor ul {
margin-top: -1px;
z-index:1;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-o-border-radius: 0px 0px 5px 5px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
top: 100%;
width: 390px;
padding:20px 13px;
color: #333;
background: #F1F1F1;
list-style: none;
display: none;
float: left;
right: 0em;
position: absolute;
}
#conectFor ul li{
float: left;
width: 47%;
display: inline;
text-align:left;
margin:5px;
}
#conectFor ul li a{color:#3689D1; background-image:none !important;}
#conectFor ul li a:hover{color:#111; background:transparent;}
#conectFor a[href="/profile?mode=editprofile"] {
background-position: right;
background-repeat: no-repeat;
padding-right: 10px;
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
}
#conectFor a[href="/profile?mode=editprofile"]:hover {
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
}
/*Fim barra topo*/
Apresente-nos imagens do problema (se necessário):
N/D
Re: Colocar background em barra de registo
Olá,
Não pude compreender sua questão por completo.
Poderia explicar um pouco melhor sua questão?
Que eu saiba, para colocar o Background, ache a classe que "cria" a barra, e adicione no CSS
Até mais
Não pude compreender sua questão por completo.
Poderia explicar um pouco melhor sua questão?
Que eu saiba, para colocar o Background, ache a classe que "cria" a barra, e adicione no CSS
- Código:
background:url("Endereço")
Até mais
Re: Colocar background em barra de registo
Voce entra no meu fórum http://www.rewtec.com e vê a barra lá no topo e como pode ver não tem background. O background (Azul) só aparece se eu desactivar a opção "Melhorar seu CSS"
Re: Colocar background em barra de registo
Este fórum está abandonado? Existe poucas ajudas e actividade
Re: Colocar background em barra de registo
Olá,Helix escreveu:Este fórum está abandonado? Existe poucas ajudas e actividade
O senhor que criou esta barra, ou seguiu algum tutorial?
Se seguiu algum, poderia me informar seu endereço?
Se não seguiu, usa algum código JavaScript?
Até mais
Re: Colocar background em barra de registo
Eu já tenho a cima o CSS dela no tópico inicial, tambem é necessário o js.?
Re: Colocar background em barra de registo
Olá,
Adicione em seu CSS:
Até Mais!
Adicione em seu CSS:
- Código:
#conectFor{
background-image: url(suaimagemdefundo) !important;
}
Até Mais!
Ghost- Hiperativo
- Idade : 35
PointActif's : 4881
ReputActifs : 22
Mensagens : 588
Inscrição : 25/01/2012
Localização : Belo Horizonte - MG
Re: Colocar background em barra de registo
Funciona sim, mas não dá para colocar em cor em vez de uma imagem de fundo?
Re: Colocar background em barra de registo
Claro que simHelix escreveu:Funciona sim, mas não dá para colocar em cor em vez de uma imagem de fundo?
Apenas substitua o termo "url()" pelo número hexadecimal da cor, e retire o "-image".
exemplo: #ffffff (branco)
Até mais
Re: Colocar background em barra de registo
Olá Helix,
Substitua o código fornecido por Zen, por este:
Tenha uma boa noite!
Substitua o código fornecido por Zen, por este:
- Código:
#conectFor{
background: #COR_EM_HEXADECIMAL !important;
}
Tenha uma boa noite!
Re: Colocar background em barra de registo
Já dei um Obrigado para você A Fofuxa!
Muito obrigado pela ajuda!
Muito obrigado pela ajuda!
Conteúdo patrocinado
Tópicos semelhantes
» Como ter esta barra?
» Link's na barra de ferramenta!
» Colocar Attribution
» Colocar texto no Footer
» Como ter uma barra de ferramentas tipo FDF
» Link's na barra de ferramenta!
» Colocar Attribution
» Colocar texto no Footer
» Como ter uma barra de ferramentas tipo FDF
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|