Elementos não recebem propriedades css

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

Resolvido Elementos não recebem propriedades css

Mensagem por Tio Killer em 13/12/12, 04:52 pm

Qual é minha questão:
Por que alguns elementos do meu fórum não recebem as propriedades ou recebem errado?
Ex:
Código:

#search_menu input.post {
    border: 1px solid rgba(255,255,255,0.15);
    margin-top: 0px !important;
    background-color: rgba(0,0,0,0.3);
    box-shadow: inset 0px 0px 3px 0px black;
    color: white;
    border-radius: 3px;
}

#search_menu {
    background-color: rgba(39,39,39,0.9);
    font-size: 11px;
    padding: 5px;
    box-shadow: 0px 0px 10px 0px black;
    border-radius: 5px;
    border: 1px solid rgba(255,255,255,0.15);
}

Esse mesmo não mudou nada o elemento. Já no editor do mozilla alterou como eu queria

Endereço do meu fórum:
http://www.revolutionart.forumeiros.com

Versão do fórum:
INVISION


Última edição por Tio Killer em 17/12/12, 12:27 am, editado 1 vez(es)

Tio Killer
Nível 3

Masculino
Inscrito dia : 27/03/2010
Mensagens : 16
Pontos Ativos : 24

Ver perfil do usuário http://www.designart.forumeiros.com

Resolvido Re: Elementos não recebem propriedades css

Mensagem por iPrompt em 13/12/12, 05:38 pm

Olá,

Oque você deseja que este código faça ?

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Elementos não recebem propriedades css

Mensagem por seender em 13/12/12, 05:41 pm

Olá!

Utilize este:
Código:

#search_menu input.post {
    border: 1px solid rgba(255,255,255,0.15);
    margin-top: 0px !important;
    background-color: rgba(0,0,0,0.3);
    box-shadow: inset 0px 0px 3px 0px black;
    -moz-box-shadow: inset 0px 0px 3px 0px black;
    -webkit-box-shadow: inset 0px 0px 3px 0px black;
    color: white;
    border-radius: 3px;
}

#search_menu {
    background-color: rgba(39,39,39,0.9);
    font-size: 11px;
    padding: 5px;
-moz-box-shadow: 0px 0px 10px 0px black;
    box-shadow: 0px 0px 10px 0px black;
-webkit-box-shadow: 0px 0px 10px 0px black;
    -moz-border-radius: 5px;
-webkit-border-radius: 5px;
    border: 1px solid rgba(255,255,255,0.15);
}

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Elementos não recebem propriedades css

Mensagem por Tio Killer em 13/12/12, 10:43 pm

Quakeline escreveu:Olá,

Oque você deseja que este código faça ?

Até

Dei uma alterada no código, e o resultado no editor do mozilla foi esse


e o codigo é esse:
Código:
search_menu input.post {
    border: 1px solid rgba(222, 222, 222,0.15);
    margin-top: 0px !important;
    background-color: rgba(255,255,255,0.90;
    border-radius: 3px;
    box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.5);
}

#search_menu {
    background-color: rgba(0,0,0,0.7);
    font-size: 11px;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px black;
    border: 1px solid rgba(255,255,255,0.15);
}


@seender escreveu:Olá!

Utilize este:
Código:

#search_menu input.post {
    border: 1px solid rgba(255,255,255,0.15);
    margin-top: 0px !important;
    background-color: rgba(0,0,0,0.3);
    box-shadow: inset 0px 0px 3px 0px black;
    -moz-box-shadow: inset 0px 0px 3px 0px black;
    -webkit-box-shadow: inset 0px 0px 3px 0px black;
    color: white;
    border-radius: 3px;
}

#search_menu {
    background-color: rgba(39,39,39,0.9);
    font-size: 11px;
    padding: 5px;
-moz-box-shadow: 0px 0px 10px 0px black;
    box-shadow: 0px 0px 10px 0px black;
-webkit-box-shadow: 0px 0px 10px 0px black;
    -moz-border-radius: 5px;
-webkit-border-radius: 5px;
    border: 1px solid rgba(255,255,255,0.15);
}

Melhores cumprimentos,
seender
Olá... o código não mudou nada
Não

Tio Killer
Nível 3

Masculino
Inscrito dia : 27/03/2010
Mensagens : 16
Pontos Ativos : 24

Ver perfil do usuário http://www.designart.forumeiros.com

Resolvido Re: Elementos não recebem propriedades css

Mensagem por Tio Killer em 14/12/12, 01:25 pm

UP

Tio Killer
Nível 3

Masculino
Inscrito dia : 27/03/2010
Mensagens : 16
Pontos Ativos : 24

Ver perfil do usuário http://www.designart.forumeiros.com

Resolvido Re: Elementos não recebem propriedades css

Mensagem por Sennior em 15/12/12, 09:44 pm

Olá senhor,

Como quer que fique isso amigo? Poderia nos explicar como quer á personalização?

Abraço amigão! Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Elementos não recebem propriedades css

Mensagem por Tio Killer em 16/12/12, 01:20 am

Assim amigo:


E o codigo para deixar como na imagem acima é esse:
Código:
search_menu input.post {
    border: 1px solid rgba(222, 222, 222,0.15);
    margin-top: 0px !important;
    background-color: rgba(255,255,255,0.90;
    border-radius: 3px;
    box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.5);
}

#search_menu {
    background-color: rgba(0,0,0,0.7);
    font-size: 11px;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px black;
    border: 1px solid rgba(255,255,255,0.15);
}

O meu problema é que quando coloco esse codigo na folha CSS, simplesmente não acontece nada. Tentei usar o tutorial de aumentar a folha css, mas não adiantou muito. Minha folha de CSS esta apenas na linha 580, creio que não atingiu o limite, pois o fórum www.evo-design.forumeiros.net possui uma folha de css com mais de 1000 linhas.

Se puder me ajudar agradeço.
^^

Tio Killer
Nível 3

Masculino
Inscrito dia : 27/03/2010
Mensagens : 16
Pontos Ativos : 24

Ver perfil do usuário http://www.designart.forumeiros.com

Resolvido Re: Elementos não recebem propriedades css

Mensagem por BrunoH. em 16/12/12, 09:39 am

Olá!
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
Código:
#search_menu table tr td input.button {border: 1px solid rgba(222, 222, 222,0.15);margin-top: 0px !important;background-color: rgba(255,255,255,0.90;border-radius: 3px;box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.5);}
#search_menu {background-color: rgba(0,0,0,0.7);font-size: 11px;padding: 5px;border-radius: 5px;box-shadow: 0px 0px 5px 0px black;border: 1px solid rgba(255,255,255,0.15);}
e Valide!

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Elementos não recebem propriedades css

Mensagem por Tio Killer em 16/12/12, 10:45 pm

Sem efeito. Tentei colocar novamente o código e coloquei todos na primeira linha, o resultado foi que mais elementos tiveram suas propriedades mudadas e outros também não receberam.

Vou colocar a skin como que era antes e fazer tudo de novo
-.-

EDIT: exportei o tema do meu fórum texte e importei no meu forum e essa maldica caixa de busca não recebeu as propriedades CSS aff

Tio Killer
Nível 3

Masculino
Inscrito dia : 27/03/2010
Mensagens : 16
Pontos Ativos : 24

Ver perfil do usuário http://www.designart.forumeiros.com

Resolvido Re: Elementos não recebem propriedades css

Mensagem por Luciano98 em 16/12/12, 11:43 pm

Olá!

Utilize esse código CSS:
Código:
#submenu ul #search_menu {
    background-color: rgba(0,0,0,0.7)!important;
    font-size: 11px!important;
    padding: 5px!important;
    border-radius: 5px!important;
    box-shadow: 0px 0px 5px 0px black!important;
    border: 1px solid rgba(255,255,255,0.15)!important;
}

#submenu ul #search_menu .post {
    border: 1px solid rgba(222, 222, 222,0.15)!important;
    margin-top: 0px !important!important;
    background-color: rgba(255,255,255,0.90)!important;
    border-radius: 3px!important;
    box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.5)!important;
}

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Elementos não recebem propriedades css

Mensagem por Tio Killer em 17/12/12, 12:07 am

Sem efeito Luciano. Acho que deve ser algum problema com o meu fórum, porque no fórum teste está normal

Tio Killer
Nível 3

Masculino
Inscrito dia : 27/03/2010
Mensagens : 16
Pontos Ativos : 24

Ver perfil do usuário http://www.designart.forumeiros.com

Resolvido Re: Elementos não recebem propriedades css

Mensagem por Luciano98 em 17/12/12, 12:11 am

@Tio Killer escreveu:Sem efeito Luciano. Acho que deve ser algum problema com o meu fórum, porque no fórum teste está normal
O código não está errado.
Algum CSS deve estar entrando em conflito com CSS.

Coloque esse que eu passei primeiro no inicio da folha de estilo CSS e caso não funcione coloque no final.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Elementos não recebem propriedades css

Mensagem por Tio Killer em 17/12/12, 12:26 am

Resolvido... Obrigado pela ajuda
=D

Tio Killer
Nível 3

Masculino
Inscrito dia : 27/03/2010
Mensagens : 16
Pontos Ativos : 24

Ver perfil do usuário http://www.designart.forumeiros.com

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