Modificação das caixas especiais BBcode

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

Resolvido Modificação das caixas especiais BBcode

Mensagem por Uatyla em 03/08/14, 01:02 pm


  • Descrição:

Olá Senhores!

Gostaria de modificar esse código abaixo, para que o ícone ficasse totalmente visível, pois o testo está sobre o mesmo. Também gostaria que a fonte fosse preta e normal, ou seja que fosse negrito.

Código:
Código:
     /* Novos botões BBcode */ 
    .sucesso, .alerta, .aviso, .infos { padding: 8px 8px 8px 40px; width: 99%; text-shadow: 0 1px 0 #FFFAF1; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; font-weight: bold; border-radius: 3px 3px 3px 3px; } .sucesso { background: url('http://i39.servimg.com/u/f39/18/75/31/38/action10.png') no-repeat 6px #effeb9; border: 1px solid #9ac601; color: #4F8A10; } .alerta { background: url('http://i.imgur.com/NU1t0cb.png') no-repeat 6px #fccac3; border: 1px solid #db3f23; color: #D8000C; } .aviso { background: url('http://i39.servimg.com/u/f39/18/75/31/38/sign-a10.png') no-repeat 6px #ffeaa9; border: 1px solid #f9b516; color: #9F6000; } .infos { background: url('http://i39.servimg.com/u/f39/18/75/31/38/status10.png') no-repeat 6px #d1e4f3; border: 1px solid #4d8fcb; color: #00529B; }
    /* Novos botões BBcode fim */

imagem:




  • Informações:




Fórum:http://clan-xtremocaos.forumeiros.com/Versão:PHPBB3
Tipo:Erros diversosTags:Modificar,código?



Última edição por uatyla em 05/08/14, 08:08 pm, editado 1 vez(es)
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Modificação das caixas especiais BBcode

Mensagem por Shek em 03/08/14, 08:19 pm

Boa noite!

Já tentou modificar o valor 6px das imagens? Pressione o Ctrl + F e procure por:
Código:
no-repeat 6px
Tente reduzir o valor e veja se ela se encaixa de acordo com o desejado. Piscada

Sobre a cor, modifique o Hexadecimal deste código:
Código:
#9F6000

Atenciosamente,
Shek


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17152
Pontos Ativos : 21412

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Modificação das caixas especiais BBcode

Mensagem por Uatyla em 03/08/14, 10:03 pm

Não deu certo não! aumentei o valor e diminuir o mesmo e não deu em nada.
Adicionei ele a esse tópico: http://vidadeaquarista.forumeiros.com/t154-acara-disco


@edite:
coloquei um valor -10 o que percebi é que esse valor move a imagem.

alterando essa parte em negrito que modifica  espaço entre a imagem e texto (8px 8px 8px 65px; width)
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Modificação das caixas especiais BBcode

Mensagem por Uatyla em 05/08/14, 07:47 am

UP

Agora só preciso que a letra não fique em negrito.
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Modificação das caixas especiais BBcode

Mensagem por Shek em 05/08/14, 08:52 am

Olá!

Mas, para que não fique em negrito é só remover o font-weight: bold do CSS.


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17152
Pontos Ativos : 21412

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Modificação das caixas especiais BBcode

Mensagem por Uatyla em 05/08/14, 08:08 pm

Resolvido, muito obrigado.
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

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