ShiftActif fórum


Participe da melhor comunidade sobre fóruns!

Bem vindo 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!!!
Compartilhe
Ver o tópico anteriorIr em baixoVer o tópico seguinte
avatar
Membro iniciante
Masculino
Idade : 31
PointActif's : 1866
ReputActifs : 5
Mensagens : 68
Inscrição : 20/10/2012

100%
Ver perfil do usuáriohttp://shift.forumactif.com

Resolvido Colocar background em barra de registo

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
avatar
Hiperativo
Masculino
Idade : 16
PointActif's : 2525
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áriohttp://master-publicitario.forumeiros.com/

Resolvido Re: Colocar background em barra de registo

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
avatar
Membro iniciante
Masculino
Idade : 31
PointActif's : 1866
ReputActifs : 5
Mensagens : 68
Inscrição : 20/10/2012

100%
Ver perfil do usuáriohttp://shift.forumactif.com

Resolvido Re: Colocar background em barra de registo

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"
avatar
Membro iniciante
Masculino
Idade : 31
PointActif's : 1866
ReputActifs : 5
Mensagens : 68
Inscrição : 20/10/2012

100%
Ver perfil do usuáriohttp://shift.forumactif.com

Resolvido Re: Colocar background em barra de registo

em Seg 18 Fev - 11:41
Este fórum está abandonado? Existe poucas ajudas e actividade Sad
avatar
Hiperativo
Masculino
Idade : 16
PointActif's : 2525
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áriohttp://master-publicitario.forumeiros.com/

Resolvido Re: Colocar background em barra de registo

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
avatar
Membro iniciante
Masculino
Idade : 31
PointActif's : 1866
ReputActifs : 5
Mensagens : 68
Inscrição : 20/10/2012

100%
Ver perfil do usuáriohttp://shift.forumactif.com

Resolvido Re: Colocar background em barra de registo

em Seg 18 Fev - 18:54
Eu já tenho a cima o CSS dela no tópico inicial, tambem é necessário o js.?
avatar
Hiperativo
Idade : 28
PointActif's : 2420
ReputActifs : 22
Mensagens : 588
Inscrição : 25/01/2012

Localização : Belo Horizonte - MG
100%
Ver perfil do usuário

Resolvido Re: Colocar background em barra de registo

em Seg 18 Fev - 18:59
Olá,

Adicione em seu CSS:

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

Até Mais!
avatar
Membro iniciante
Masculino
Idade : 31
PointActif's : 1866
ReputActifs : 5
Mensagens : 68
Inscrição : 20/10/2012

100%
Ver perfil do usuáriohttp://shift.forumactif.com

Resolvido Re: Colocar background em barra de registo

em Seg 18 Fev - 20:19
Funciona sim, mas não dá para colocar em cor em vez de uma imagem de fundo?
avatar
Hiperativo
Masculino
Idade : 16
PointActif's : 2525
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áriohttp://master-publicitario.forumeiros.com/

Resolvido Re: Colocar background em barra de registo

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
avatar
Membro iniciante
Feminino
Idade : 19
PointActif's : 1683
ReputActifs : 6
Mensagens : 32
Inscrição : 18/02/2013

100%
Ver perfil do usuáriohttp://shift.forumactif.com/

Resolvido Re: Colocar background em barra de registo

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
avatar
Membro iniciante
Masculino
Idade : 31
PointActif's : 1866
ReputActifs : 5
Mensagens : 68
Inscrição : 20/10/2012

100%
Ver perfil do usuáriohttp://shift.forumactif.com

Resolvido Re: Colocar background em barra de registo

em Ter 19 Fev - 9:13
Já dei um Obrigado para você A Fofuxa!
Muito obrigado pela ajuda!
Ver o tópico anteriorVoltar ao TopoVer o tópico seguinte
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum