Modificação das caixas especiais BBcode Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Modificação das caixas especiais BBcode

2 participantes

Ir para baixo

Tópico resolvido Modificação das caixas especiais BBcode

Mensagem por Uatyla 03.08.14 17:02


  • 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:
Modificação das caixas especiais BBcode Image



  • Informações:




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



Última edição por uatyla em 06.08.14 0:08, editado 1 vez(es)
Uatyla
Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação das caixas especiais BBcode

Mensagem por Shek 04.08.14 0:19

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
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação das caixas especiais BBcode

Mensagem por Uatyla 04.08.14 2:03

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)
Uatyla
Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação das caixas especiais BBcode

Mensagem por Uatyla 05.08.14 11:47

UP

Agora só preciso que a letra não fique em negrito.
Uatyla
Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação das caixas especiais BBcode

Mensagem por Shek 05.08.14 12:52

Olá!

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

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação das caixas especiais BBcode

Mensagem por Uatyla 06.08.14 0:08

Resolvido, muito obrigado.
Uatyla
Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos