Qual é minha questão:
Vejam como meu perfil está..



Gostaria de deixar assim, como nesta imagem abaixo:



Teria como?

Conseguir fazer utilizando CSS, mais estas imagens não tem classe definida...

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

Versão do fórum:
PUNBB

Olá,

Sua imagem não mostra claramente amigão, poderia descrever o que deseja?

Até mais.

Saudações!

Adicione este código em sua folha de estilo css:

img[src="https://i.imgur.com/30aiJlW.png"] {
background: #000;
border: 1px solid #ddd;
border-radius: 5px;
padding: 1px;
width: 40px;
height: 40px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}

Nota: Onde está em negrito, troque pelo o link da imagem!

Até mais.

aqui está sheldon:



Note a area dentro do quadrado vermelho...

meu caro hugo, isto não funcionará, pois o que quero e poder colocar uma classe naquelas imagens para eu poder editar por css, entende..

Uma classe que apenas modifique aquela área do fórum.

Saudações!

Creio eu que não tenha uma classe em específica, porém vamos tentar!

Código que utilizaremos:

Código:

.pun fieldset, .pun img {
border: 1px solid #000 !important;
background-color: #000 !important;
}

Para adiciona-lo, aceda à: Painel de Controle -> Visualização -> Imagens e Cores -> Cores ->> Folha de estilo CSS

Adicione no início da tua CSS e salve!

Atenciosamente.

Saudações!

Então amigo, basta editar o código que lhe passei. É simples! 
Para adicionar uma classe, terá que ser via JavaScript, a qual não damos suporte.

Lamento,
Até mais.

sim sim e isso que quero realmente, criar uma classe para aquelas imagens, pois elas não tem classe definida....

Só por javascript e?

Saudações!

Sim amigo.
Mais enfim, adicione o código que passei na primeira mensagem. Ele funcionará sim, eu mesmo testei no Firebug !

Até mais.

humrum, mais o fato e que essas imagens que são mostradas ali são de múltipla escolha, ou seja, só funcionara em uma imagem, caso queira que funcione em todas terei que criar o código para cada imagem e vai encher minha folha CSS........

Connor R. escreveu:humrum, mais o fato e que essas imagens que são mostradas ali são de múltipla escolha, ou seja, só funcionara em uma imagem, caso queira que funcione em todas terei que criar o código para cada imagem e vai encher minha folha CSS........

Saudações!

Infelizmente teremos de fazer desta maneira, já que não podemos dar suporte à códigos JavaScript, lamento.  

Atenciosamente.

Olá,

O Senhor queria chegar por gentileza:
[TUTORIAL] Criar campo "Prêmios para membros"
#Edit: Coloque uma span na imagem.

Até mais.

Saudações!

Como são várias imagens, faça o seguinte:

img[src="https://i.imgur.com/30aiJlW.png"], img[src="link da imagem"
 {
background: #000;
border: 1px solid #ddd;
border-radius: 5px;
padding: 1px;
width: 40px;
height: 40px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}

Entendeu o meu exemplo? Só ir repetindo a classe com o link da imagem, mais não se esqueça da vírgula e do espaço para separar!

Até mais.

Valeu meu caro, ficou bom......