Alterar imagem do code no SCeditor

4 participantes

Ir para baixo

Tópico resolvido Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz 11.07.16 3:50

Detalhes da questão


Endereço do fórum: http://www.schultzgames.com/
Versão do fórum: PhpBB3

Descrição


Olá pessoal, alguém saberia dizer como alterar imagens desta caixa citada abaixo???

Os membros do meu fórum tem uma dificuldade extraordinária de colocar os códigos dentro da codebox do fórum, e acredito eu que isto se deve ao fato de não ser muito óbvio que o botão do "pergaminho" simboliza uma codebox. Então eu gostaria de trocar aquela imagem, por uma mais destacada e maior, para que os membros possam ver que aquilo trata-se de uma inocente e doce caixa de códigos.

Alguém saberia como eu posso fazer isto? (gostaria de trocar a imagem por uma umas 4x mais larga)

Alterar imagem do code no SCeditor HjDzZ95


Última edição por MarcosSchultz em 21.07.16 3:35, editado 2 vez(es)
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar imagem do code no SCeditor

Mensagem por APOllO 11.07.16 3:59

APOllO
APOllO
Super Membro

Membro desde : 08/12/2014
Mensagens : 1104
Pontos : 1529

http://suportedesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz 11.07.16 17:24

Sim, mas neste link não há nada sobre o botão da "codebox"
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar imagem do code no SCeditor

Mensagem por while 11.07.16 17:31

Isto seria no código js que você está a utilizar... Muito feliz
Pois o tutorial ensina apenas os bbcodes padrões e não os que vocês criam com o uso de jquery/javascript... Se precisar de ajuda, peço que deixe aqui o código que utilizas para obter o codebox.

Até mais.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz 11.07.16 17:45

Acredito que eu não tenha nenhum JS que edite aquele botãozinho com aparência de pergaminho que você clica para adicionar os códigos O.o

Até chequei aqui, mas não encontrei nada.
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar imagem do code no SCeditor

Mensagem por while 11.07.16 17:50

Perdão.. é que em outro fórum, existe um bbcode chamado codebox, até pensei que estavas a utilizar.

Enfim, utilize esse código para mudar a imagem:
Código:
.sceditor-button-code div {
    background-image:url('ENDEREÇO DA IMAGEM') !important;
    background-position:0 !important;
}

Desculpe o mal entendimento.

Até mais.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz 11.07.16 18:01

Hmm, interessante, a imagem é trocada, mas o tamanho do botão ainda fica pequeno e quadrado.

Se eu colocar uma imagem 4x mais larga do que a original, a nova imagem é cortada
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz 12.07.16 18:23

Up 1
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz 13.07.16 23:09

Up 2
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz 16.07.16 4:10

Up 3
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz 17.07.16 5:17

Up 4
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz 19.07.16 4:04

Up 5
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar imagem do code no SCeditor

Mensagem por while 19.07.16 16:48

O que deseja? aumentar o tamanho de todos os botões por acaso?
Pois se só aumenta o do code, ficará estranho... um maior que os outros.

Seria isto mesmo? fico no aguardo
Até mais.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz 20.07.16 3:35

Sim, a intenção é alterar apenas o tamanho do code, para que seja mais visível e os membros novos consigam colocar os códigos dentro da code sem que eu tenha que fazer eu mesmo a cada novo tópico
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar imagem do code no SCeditor

Mensagem por while 20.07.16 4:06

Olá, adicione esse código em sua folha de estilo css:
Código:
.sceditor-button {height:35px!important;}
      .sceditor-button div {margin-top:10px!important;}

lembrando que .sceditor-button seria para a caixa de todos os itens do SCeditor.
.sceditor-button div para todas as imagens dos itens do SCeditor.

Até mais.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz 20.07.16 17:17

Hmm, o que acontece com este trecho de código é que ele aumenta apenas a height geral dos botões.

A intenção seria aumentar apenas a width do botão code, apenas isto.
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar imagem do code no SCeditor

Mensagem por while 20.07.16 18:54

Então amigo... basta editar :/
Código:
.sceditor-button {width:35px!important;}
      .sceditor-button div {margin-left:10px!important;}

Até mais.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz 20.07.16 21:18

Mas isto afeta a todos os botões... eu pretendo deixar tudo como está, quero editar apenas a largura do botão (code), apenas isto
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar imagem do code no SCeditor

Mensagem por REVIEW 20.07.16 22:17

Olá,
adiciona esse código em sua CSS.
Código:
.sceditor-button .code {
width:35px!important;
}
Resulta?

Até mais.
REVIEW
REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz 20.07.16 23:33

Resultou em parte... adaptei ao meu código e ficou assim:

Código:
.sceditor-button {
    height:35px!important;
}
.sceditor-button div {
    margin-top:10px!important;
}
.sceditor-button-code div {
    background-image:url('http://i.imgur.com/MT68Sv7.png') !important;
    background-position:0 !important;
}
.sceditor-button-code {
    width:50px!important;
}

O tamanho dos botões muda, mas a imagem ainda fica pequena, independente do tamanho dela.
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar imagem do code no SCeditor

Mensagem por while 21.07.16 1:39

Olá, a imagem é pequena.. pois isto ficou pequena, kkk

Mas, troque o código seu por este:
Código:
.sceditor-button {
    height:35px!important;
}
.sceditor-button div {
    margin-top:10px!important;
}
.sceditor-button-code div {
    background-image:url('http://i.imgur.com/MT68Sv7.png') !important;
    background-position:0 !important;
    margin-left:10px!important;
    width:100%!important;
    height:100%!important;
    background-size:60%!important;
    margin-top:0px!important;
}
.sceditor-button-code {
    width:50px!important; 
}

Para mudar o tamanho da imagem , procure no código que te passei por: background-size:60%!important;

Dai basta mudar o valor 60% para qual achar melhor.
Até mais.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz 21.07.16 3:35

100%, agora está destacado o/
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar imagem do code no SCeditor

Mensagem por REVIEW 21.07.16 3:37

Alterar imagem do code no SCeditor Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
REVIEW
REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

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