ShiftActif fórum

Colocar background em barra de registo Homepg10

Participe da melhor comunidade sobre fóruns!

Bem vindo Colocar background em barra de registo 405374159 ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!! Colocar background em barra de registo 1660898911

Colocar background em barra de registo

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

Colocar background em barra de registo Empty Colocar background em barra de registo

Mensagem por Helix em Sab 16 Fev - 9:11

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!

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
Helix

Helix
Membro iniciante

Masculino
Idade : 33
PointActif's : 2545
ReputActifs : 5
Mensagens : 68
Inscrição : 20/10/2012

100%

Ver perfil do usuário http://shift.forumactif.com

Colocar background em barra de registo Empty Re: Colocar background em barra de registo

Mensagem por Scrat em Sab 16 Fev - 18:23

Olá,
Não pude compreender sua questão por completo.
Poderia explicar um pouco melhor sua questão? Dúvida
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
Piscada
Scrat

Scrat
Hiperativo

Masculino
Idade : 18
PointActif's : 3204
ReputActifs : 59
Mensagens : 820
Inscrição : 02/06/2012

Localização : São Paulo - São Paulo - República Federativa do Brasil
100%

Ver perfil do usuário http://master-publicitario.forumeiros.com/

Colocar background em barra de registo Empty Re: Colocar background em barra de registo

Mensagem por Helix em Sab 16 Fev - 18:55

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"
Helix

Helix
Membro iniciante

Masculino
Idade : 33
PointActif's : 2545
ReputActifs : 5
Mensagens : 68
Inscrição : 20/10/2012

100%

Ver perfil do usuário http://shift.forumactif.com

Colocar background em barra de registo Empty Re: Colocar background em barra de registo

Mensagem por Helix em Seg 18 Fev - 11:41

Este fórum está abandonado? Existe poucas ajudas e actividade Sad
Helix

Helix
Membro iniciante

Masculino
Idade : 33
PointActif's : 2545
ReputActifs : 5
Mensagens : 68
Inscrição : 20/10/2012

100%

Ver perfil do usuário http://shift.forumactif.com

Colocar background em barra de registo Empty Re: Colocar background em barra de registo

Mensagem por Scrat em Seg 18 Fev - 14:23

Helix escreveu:Este fórum está abandonado? Existe poucas ajudas e actividade Sad
Olá,
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
Piscada
Scrat

Scrat
Hiperativo

Masculino
Idade : 18
PointActif's : 3204
ReputActifs : 59
Mensagens : 820
Inscrição : 02/06/2012

Localização : São Paulo - São Paulo - República Federativa do Brasil
100%

Ver perfil do usuário http://master-publicitario.forumeiros.com/

Colocar background em barra de registo Empty Re: Colocar background em barra de registo

Mensagem por Helix em Seg 18 Fev - 18:54

Eu já tenho a cima o CSS dela no tópico inicial, tambem é necessário o js.?
Helix

Helix
Membro iniciante

Masculino
Idade : 33
PointActif's : 2545
ReputActifs : 5
Mensagens : 68
Inscrição : 20/10/2012

100%

Ver perfil do usuário http://shift.forumactif.com

Colocar background em barra de registo Empty Re: Colocar background em barra de registo

Mensagem por Ghost em Seg 18 Fev - 18:59

Olá,

Adicione em seu CSS:

Código:
#conectFor{
background-image: url(suaimagemdefundo) !important;
}

Até Mais!
Ghost

Ghost
Hiperativo

Idade : 30
PointActif's : 3099
ReputActifs : 22
Mensagens : 588
Inscrição : 25/01/2012

Localização : Belo Horizonte - MG
100%

Ver perfil do usuário

Colocar background em barra de registo Empty Re: Colocar background em barra de registo

Mensagem por Helix em Seg 18 Fev - 20:19

Funciona sim, mas não dá para colocar em cor em vez de uma imagem de fundo?
Helix

Helix
Membro iniciante

Masculino
Idade : 33
PointActif's : 2545
ReputActifs : 5
Mensagens : 68
Inscrição : 20/10/2012

100%

Ver perfil do usuário http://shift.forumactif.com

Colocar background em barra de registo Empty Re: Colocar background em barra de registo

Mensagem por Scrat em Seg 18 Fev - 20:43

Helix escreveu:Funciona sim, mas não dá para colocar em cor em vez de uma imagem de fundo?
Claro que sim Very Happy
Apenas substitua o termo "url()" pelo número hexadecimal da cor, e retire o "-image".
exemplo: #ffffff (branco)

Até mais
Piscada
Scrat

Scrat
Hiperativo

Masculino
Idade : 18
PointActif's : 3204
ReputActifs : 59
Mensagens : 820
Inscrição : 02/06/2012

Localização : São Paulo - São Paulo - República Federativa do Brasil
100%

Ver perfil do usuário http://master-publicitario.forumeiros.com/

Colocar background em barra de registo Empty Re: Colocar background em barra de registo

Mensagem por Kleuvisa em Seg 18 Fev - 21:26

Olá Helix,

Substitua o código fornecido por Zen, por este:

Código:
#conectFor{
background: #COR_EM_HEXADECIMAL  !important;
}

Tenha uma boa noite! Flores
Kleuvisa

Kleuvisa
Membro iniciante

Feminino
Idade : 21
PointActif's : 2362
ReputActifs : 6
Mensagens : 32
Inscrição : 18/02/2013

100%

Ver perfil do usuário http://shift.forumactif.com/

Colocar background em barra de registo Empty Re: Colocar background em barra de registo

Mensagem por Helix em Ter 19 Fev - 9:13

Já dei um Obrigado para você A Fofuxa!
Muito obrigado pela ajuda!
Helix

Helix
Membro iniciante

Masculino
Idade : 33
PointActif's : 2545
ReputActifs : 5
Mensagens : 68
Inscrição : 20/10/2012

100%

Ver perfil do usuário http://shift.forumactif.com

Colocar background em barra de registo Empty Re: Colocar background em barra de registo

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


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