Fundo da caixa smiles

Qual é minha questão:
Boas.
Acho que em tempos consegui mudar a cor de fundo da caixa de smiles mas agora estou um pouco perdido,agradecia uma ajuda!
Obrigado

Links e imagens do meu problema:


Endereço do meu fórum:
http://www.planetawebmusic.net

Versão do meu fórum:
PHPBB3

Boa tarde,

Aceda à teu CSS:
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

#sel_smilies {background-color: black !important;}

Atenciosamente.

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'

Obrigado pela prontidão da resposta mas não deu certo.
Continua igual!!!
Ou seja...

Boas!

Tente o abaixo querido:

.smiley-element {background-color: black;color: black;}

Se o mesmo não dê exito, mande-nos teu CSS.

Até mais.

Haaa,voce que é 1 querido,mas continua a não dar!

Código:

.postprofile dd  {text-align: center !important;}
.postprofile dt  {text-align: center !important;}
.postprofile dl  {text-align: center !important;} 
.postprofile    {text-align: center !important;}


.user-ident {border-top: 3px solid #7aa021; border-bottom: 3px solid #7aa021; border-right: 3px dotted #7aa021; border-left: 3px dotted #7aa021; background-color: #ccdaac !important;}

.user-info {border-top: 3px solid #7aa021; border-bottom: 3px solid #7aa021; border-right: 3px dotted #7aa021; border-left: 3px dotted #7aa021; background-color: #ccdaac !important;}



p.rightside + p {
display: none;
}

p.rightside {
display: none;
}


.post .postprofile dl dd,.post .postprofile dl dd span span{color:#FF4400}

#login_popup {
background-image: url('http://picturestack.com/658/879/ZyF1HZM.gif');
}

#chatbox {
background-image: url(http://picturestack.com/504/800/GU2LogoPWMMzV.png);
background-repeat: no-repeat;
background-position: bottom right;
}


a:hover {
color: #FF4400;
text-shadow : 0px 0px 10px #FFFFFF;
}


#page-footer {
background: transparent url('http://picturestack.com/970/269/CuO1JfS.gif') no-repeat bottom center;
padding-bottom: 40px;
}


form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://picturestack.com/473/129/OdSIconePWM1JPP.png);
background-repeat: no-repeat;
background-position: bottom right;
}


.smiley-element {background-color: black;color: black;}

Olá novamente,

Troque o teu CSS por este:

Código:

.postprofile dd  {text-align: center !important;}
.postprofile dt  {text-align: center !important;}
.postprofile dl  {text-align: center !important;} 
.postprofile    {text-align: center !important;}


.user-ident {border-top: 3px solid #7aa021; border-bottom: 3px solid #7aa021; border-right: 3px dotted #7aa021; border-left: 3px dotted #7aa021; background-color: #ccdaac !important;}

.user-info {border-top: 3px solid #7aa021; border-bottom: 3px solid #7aa021; border-right: 3px dotted #7aa021; border-left: 3px dotted #7aa021; background-color: #ccdaac !important;}



p.rightside + p {
display: none;
}

p.rightside {
display: none;
}


.post .postprofile dl dd,.post .postprofile dl dd span span{color:#FF4400}

#login_popup {
background-image: url('http://picturestack.com/658/879/ZyF1HZM.gif');
}

#chatbox {
background-image: url(http://picturestack.com/504/800/GU2LogoPWMMzV.png);
background-repeat: no-repeat;
background-position: bottom right;
}
#sel_smilies {
visibility: visible;
background-color: transparent;
}

a:hover {
color: #FF4400;
text-shadow : 0px 0px 10px #FFFFFF;
}


#page-footer {
background: transparent url('http://picturestack.com/970/269/CuO1JfS.gif') no-repeat bottom center;
padding-bottom: 40px;
}


form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://picturestack.com/473/129/OdSIconePWM1JPP.png);
background-repeat: no-repeat;
background-position: bottom right;
}



Até mais.

Olá,

Utilize o seguinte código em teu CSS:

Código:

#sel_smilies {background-color: #424242 !important;}

Resulta?

Até mais

Haaaaa,agora ficou com fundo transparente mas sempre cor branca á volta de cada smile,ta complicado!!!

Olá,

Tentou meu código? Caso ele não resulte, tente este:

Código:

.smiley-element {background-color: #424242;color: #424242;}

Resulta?

Até mais

Bom,desde ja agradeço a vossa ajuda!
Unkn,o seu 2º codigo deu,só que para os novos topicos.
Na caixa de "Respostas Rápidas" continua com fundo branco.

Não existe 1 css para os 2 casos,mensagens rapidas e posts???

Olá,

Troque teu CSS por este;

Código:

.postprofile dd  {text-align: center !important;}
.postprofile dt  {text-align: center !important;}
.postprofile dl  {text-align: center !important;} 
.postprofile    {text-align: center !important;}


.user-ident {border-top: 3px solid #7aa021; border-bottom: 3px solid #7aa021; border-right: 3px dotted #7aa021; border-left: 3px dotted #7aa021; background-color: #ccdaac !important;}

.user-info {border-top: 3px solid #7aa021; border-bottom: 3px solid #7aa021; border-right: 3px dotted #7aa021; border-left: 3px dotted #7aa021; background-color: #ccdaac !important;}



p.rightside + p {
display: none;
}

p.rightside {
display: none;
}


.post .postprofile dl dd,.post .postprofile dl dd span span{color:#FF4400}

#login_popup {
background-image: url('http://picturestack.com/658/879/ZyF1HZM.gif');
}

#chatbox {
background-image: url(http://picturestack.com/504/800/GU2LogoPWMMzV.png);
background-repeat: no-repeat;
background-position: bottom right;
}
#sel_smilies {
visibility: visible;
background-color: black
}

a:hover {
color: #FF4400;
text-shadow : 0px 0px 10px #FFFFFF;
}


#page-footer {
background: transparent url('http://picturestack.com/970/269/CuO1JfS.gif') no-repeat bottom center;
padding-bottom: 40px;
}


form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://picturestack.com/473/129/OdSIconePWM1JPP.png);
background-repeat: no-repeat;
background-position: bottom right;
}


Até mais.

Não Mikéé.
Ficou tudo como ao inicio (fundo branco)!

Minha varinha hoje não está funcionando

Troque teu CSS por este:

Código:

.postprofile dd  {text-align: center !important;}
.postprofile dt  {text-align: center !important;}
.postprofile dl  {text-align: center !important;} 
.postprofile    {text-align: center !important;}


.user-ident {border-top: 3px solid #7aa021; border-bottom: 3px solid #7aa021; border-right: 3px dotted #7aa021; border-left: 3px dotted #7aa021; background-color: #ccdaac !important;}

.user-info {border-top: 3px solid #7aa021; border-bottom: 3px solid #7aa021; border-right: 3px dotted #7aa021; border-left: 3px dotted #7aa021; background-color: #ccdaac !important;}



p.rightside + p {
display: none;
}

p.rightside {
display: none;
}


.post .postprofile dl dd,.post .postprofile dl dd span span{color:#FF4400}

#login_popup {
background-image: url('http://picturestack.com/658/879/ZyF1HZM.gif');
}

#chatbox {
background-image: url(http://picturestack.com/504/800/GU2LogoPWMMzV.png);
background-repeat: no-repeat;
background-position: bottom right;
}
#sel_smilies {
visibility: visible;
background-color: black;
}

a:hover {
color: #FF4400;
text-shadow : 0px 0px 10px #FFFFFF;
}


#page-footer {
background: transparent url('http://picturestack.com/970/269/CuO1JfS.gif') no-repeat bottom center;
padding-bottom: 40px;
}


form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://picturestack.com/473/129/OdSIconePWM1JPP.png);
background-repeat: no-repeat;
background-position: bottom right;
}

Atenciosamente,
Mikéé.

Acontece.
Voltou a "Mensagens Rápidas" = fundo preto mas smiles com bordas brancas.
"Novo Tópico" = caixa de smiles com fundo todo branco.
Mikéé,o 2º codigo do unkn deu mas só para "Novo Topico".
Que tal elaborar outro css parecido (digo eu) mas para "Mensagens Rápidas"?
Mas não se preocupe,se sua varinha ta desatinando,quem sabe amanhã!?

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

iframe[name="smilies"],html,body[marginwidth="0"][marginheight="0"]{background-color:transparent}

Caso não funcione:

iframe[name="smilies"],html,body[marginwidth="0"][marginheight="0"]{background-color:transparent!important}

Valide.

Até mais.

Olá!

Não sabia que você queria nessa caixa também.
Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Com borda em volta da caixa:

#text_editor_select_controls #sel_smilies,#text_editor_select_controls #sel_smilies *{background-color:transparent}

Sem borda em volta da caixa:

#text_editor_select_controls #sel_smilies,#text_editor_select_controls #sel_smilies *{background-color:transparent;border:0px}

Valide.

Até mais.

Finalmente!!!!
Aproveitei os 2 ultimos codigos de cada mensagem sua e ficou 101%.
Agradeço aos 3 (Luciano98,Mikéé e unkn) pela ajuda.
Topico resolvido!