Troféus/Emblemas

Detalhes da questão

Endereço do fórum: http://mundosemlei.forumeiros.com
Versão do fórum: ModernBB

Descrição

Bom Dia, Boa Tarde e Boa Noite, Bem eu quero uma ajuda de vocês para adaptar esses Emblemas no meu Fórum >  https://i.imgur.com/SGwlGpV.jpg  , O Básico já ta feito, ele ta assim > https://i.imgur.com/7PgZbec.png , ai Só falta deixar do jeito da Primeira imagem acima.

Olá @LeoziN_WallkeR,
Adicione na sua folha de estilo, o seguinte código:

Código:

.postfield-rafa img[alt=""] {
   text-align: left;
    float: left!important;
    margin-right: 0px!important;
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    background: #fafafa;
    border-radius: 3px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    height: 31px!important;
    margin-bottom: 5px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
    width: 31px!important;
}


e diga-me se é mais ao menos assim que o Senhor deseja.


Cordialmente,
pedxz.

Olá Amigo, sem Resultados > https://i.imgur.com/d082FAz.png

Olá @LeoziN_WallkeR,

Irei fechar este tópico temporariamente, até o tópico abaixo ter sido resolvido para não gerar confusão a nível de códigos, uma vez que um depende do outro.

https://ajuda.forumeiros.com/t112916-quadro-de-dados-mordenbb

Agradeço a compreensão.

Tópico bloqueado.

@LeoziN_WallkeR,

Tópico desbloqueado.

Poderia me informar o link de onde viu esse efeito?
Além disso terá de retirar o texto "Moderador", nas opções do campo, deixando apenas a imagem como está no seu print.

Cumps.

Olá amigo, eu vir nesse TÓPICO >

Código:

https://ajuda.forumeiros.com/t106742-personalizar-campo-de-premios

Só que eu tentei fazer e não deu Certo, deve ser pq o Dele é PunBB e o Meu ModernBB né.

Adicione o seguinte código à sua folha de estilos:

Código:

.postfield-rafa img {
    width: 40px;
    border: 1px solid #dddddd;
    padding: 2px;
    display: inline;
    margin: 2px 6px 2px 6px;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}

Não se esqueça de remover o nome "Moderador" das imagens, para que não ocorra algum bug.

Cumps.

Men, coloquei, Com seu Código fica assim > https://i.imgur.com/dsPGH2u.png , e Com o do Pdxz e o Seu fica assim > https://i.imgur.com/MFTEcUP.png .

Certo!

Você colocou o quê como separador nas opções do campo? Se tiver quebra de linha ou pular de linha coloque Nenhum.
Além disso troque o código anterior por este:

Código:

.postfield-rafa img {
    width: 40px;
    border: 1px solid #dddddd;
    padding: 2px;
    display: inline;
    margin: 2px 6px 2px 6px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}

Cumps.

Não Resulto, Continuo o mesmo Resultado.. https://i.imgur.com/dsPGH2u.png

Estranho... Bom adicione mais este pequeno código:

Código:

.postfield-rafa img + br {
    display: none;
}

Cumps.

Deu Certo na Centralização > https://i.imgur.com/dx5bUZz.png , Mais tem como por 4 Itens numa Fileira ? TIPO de 4 em 4.. o Resultado deu em 2 Itens como o Senhor pode ver na Imagem. Ha, se 4 Ficar MUito Grande a Caixa de Dados, pode por 3

Troque o código que eu forneci aqui, por algum destes:
Irei deixar os 2 para que você possa escolher

Com 3 imagens por linha:

Código:

.postfield-rafa img {
    border: 1px solid #ddd;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    display: inline;
    margin: 2px 5px;
    padding: 2px;
    width: 41px;
}

Com 4 imagens por linha:

Código:

.postfield-rafa img {
    border: 1px solid #ddd;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    display: inline;
    margin: 2px 4px;
    padding: 2px;
    width: 30px;
}

Cumps.

Ficou Show Men, Obrigado <3

Sumps.

De nada @LeoziN_WallkeR.  

Tópico resolvido Movido para "Questões resolvidas".