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!!!
Conectar-se

Esqueci minha senha

Os membros mais ativos do mês

Quem está conectado
8 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 8 Visitantes :: 1 Motor de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 671 em Sex 20 Abr - 13:08

Colocar background em barra de registo

Ir em baixo

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
avatar
Helix
Membro iniciante

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

100%

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

Voltar ao Topo Ir em baixo

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
avatar
Scrat
Hiperativo

Masculino
Idade : 18
PointActif's : 2951
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/

Voltar ao Topo Ir em baixo

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"
avatar
Helix
Membro iniciante

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

100%

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

Voltar ao Topo Ir em baixo

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
avatar
Helix
Membro iniciante

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

100%

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

Voltar ao Topo Ir em baixo

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
avatar
Scrat
Hiperativo

Masculino
Idade : 18
PointActif's : 2951
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/

Voltar ao Topo Ir em baixo

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.?
avatar
Helix
Membro iniciante

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

100%

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

Voltar ao Topo Ir em baixo

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!
avatar
Ghost
Hiperativo

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

Localização : Belo Horizonte - MG
100%

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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?
avatar
Helix
Membro iniciante

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

100%

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

Voltar ao Topo Ir em baixo

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
avatar
Scrat
Hiperativo

Masculino
Idade : 18
PointActif's : 2951
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/

Voltar ao Topo Ir em baixo

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
avatar
Kleuvisa
Membro iniciante

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

100%

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

Voltar ao Topo Ir em baixo

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!
avatar
Helix
Membro iniciante

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

100%

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

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum