Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Imagem AVATAR
Hoje à(s) 05:17 pm por Lecxa

» Botões de mensagens estilo natalício
Hoje à(s) 05:05 pm por Eduardo Lima

» Ranks para um fórum de Deathmatch.
Hoje à(s) 04:56 pm por Lecxa

» Logo Forum
Hoje à(s) 04:04 pm por Lost154

» Temas Temporários
Hoje à(s) 02:54 pm por banzé

» Bloquear ícones nas mensagens privadas
Hoje à(s) 02:26 pm por Ketholy

» Caixa de busca desalinhado
Hoje à(s) 02:08 pm por Eduardo Lima

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
228 usuários online :: 13 usuários cadastrados, 1 Invisível e 214 Visitantes :: 2 Motores de busca

beoowulf, cheephard, Connor R., EROMIR, James Watts, Jeckwilke, Ketholy, Lost154, LucasPofahl, LucasRPG, MarcosSchultz, paulim78, uilya

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Alterar imagem do code no SCeditor

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

Resolvido Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em 10/07/16, 11:50 pm

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)



Última edição por MarcosSchultz em 20/07/16, 11:35 pm, editado 2 vez(es)
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

Ver perfil do usuário http://schultzgames.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por APOllO em 10/07/16, 11:59 pm

avatar

APOllO
Membro do Fórum

Masculino
Inscrito dia : 08/12/2014
Mensagens : 1003
Pontos Ativos : 1399

Ver perfil do usuário http://suportedesign.forumeiros.com https://twitter.com/@ApolloCray

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em 11/07/16, 01:24 pm

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

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

Ver perfil do usuário http://schultzgames.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por while em 11/07/16, 01:31 pm

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.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3126
Pontos Ativos : 4551

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em 11/07/16, 01:45 pm

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.
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

Ver perfil do usuário http://schultzgames.forumeiros.com/
  • 0

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por while em 11/07/16, 01:50 pm

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.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3126
Pontos Ativos : 4551

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em 11/07/16, 02:01 pm

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
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

Ver perfil do usuário http://schultzgames.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em 12/07/16, 02:23 pm

Up 1
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

Ver perfil do usuário http://schultzgames.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em 13/07/16, 07:09 pm

Up 2
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

Ver perfil do usuário http://schultzgames.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em 16/07/16, 12:10 am

Up 3
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

Ver perfil do usuário http://schultzgames.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em 17/07/16, 01:17 am

Up 4
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

Ver perfil do usuário http://schultzgames.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em 19/07/16, 12:04 am

Up 5
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

Ver perfil do usuário http://schultzgames.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por while em 19/07/16, 12:48 pm

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.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3126
Pontos Ativos : 4551

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em 19/07/16, 11:35 pm

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
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

Ver perfil do usuário http://schultzgames.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por while em 20/07/16, 12:06 am

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.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3126
Pontos Ativos : 4551

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em 20/07/16, 01:17 pm

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.
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

Ver perfil do usuário http://schultzgames.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por while em 20/07/16, 02:54 pm

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

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3126
Pontos Ativos : 4551

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em 20/07/16, 05:18 pm

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
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

Ver perfil do usuário http://schultzgames.forumeiros.com/
  • 0

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por REVIEW em 20/07/16, 06:17 pm

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

Até mais.
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2284

Ver perfil do usuário http://ceudasart.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em 20/07/16, 07:33 pm

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.
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

Ver perfil do usuário http://schultzgames.forumeiros.com/
  • 0

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por while em 20/07/16, 09:39 pm

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.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3126
Pontos Ativos : 4551

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em 20/07/16, 11:35 pm

100%, agora está destacado o/
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

Ver perfil do usuário http://schultzgames.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por REVIEW em 20/07/16, 11:37 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2284

Ver perfil do usuário http://ceudasart.forumeiros.com/

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