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.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Personalizar categorias do fórum
Hoje à(s) 11:28 por Kyo Panda

» Widgets no final do fórum
Hoje à(s) 5:10 por Lhs17

» Personalizar footer
Hoje à(s) 1:28 por iScroll

» Personalizar SCEditor
Hoje à(s) 1:10 por YouTube3

» Mudar pre-visualização do formulário
Hoje à(s) 1:09 por YouTube3

» Personalizar perfil
Hoje à(s) 1:06 por Eden

» Problemas para postar em ajax com avisos
Ontem à(s) 21:40 por Kyo Panda

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
81 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 79 Visitantes :: 2 Motores de busca

Kyo Panda, sandra51

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Seg 11 Jul 2016 - 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)



Última edição por MarcosSchultz em Qui 21 Jul 2016 - 3:35, editado 2 vez(es)

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por Apollo em Seg 11 Jul 2016 - 3:59


Apollo
Usuário destaque

Masculino
Inscrito dia : 08/12/2014
Mensagens : 773
Pontos Ativos : 1853

http://suportedesign.forumeiros.com https://www.facebook.com/https://www.facebook.com/arthur.martins.10420 https://twitter.com/@ApolloCray

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em Seg 11 Jul 2016 - 17:24

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

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por while em Seg 11 Jul 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4141

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

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em Seg 11 Jul 2016 - 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
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/
  • 0

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por while em Seg 11 Jul 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4141

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

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em Seg 11 Jul 2016 - 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
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em Ter 12 Jul 2016 - 18:23

Up 1

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em Qua 13 Jul 2016 - 23:09

Up 2

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em Sab 16 Jul 2016 - 4:10

Up 3

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em Dom 17 Jul 2016 - 5:17

Up 4

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em Ter 19 Jul 2016 - 4:04

Up 5

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por while em Ter 19 Jul 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4141

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

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em Qua 20 Jul 2016 - 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
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por while em Qua 20 Jul 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4141

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

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em Qua 20 Jul 2016 - 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
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por while em Qua 20 Jul 2016 - 18:54

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

Até mais.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4141

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

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em Qua 20 Jul 2016 - 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
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/
  • 0

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por REVIEW em Qua 20 Jul 2016 - 22:17

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

Até mais.

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1173
Pontos Ativos : 2964

http://ceudasart.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em Qua 20 Jul 2016 - 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
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/
  • 0

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por while em Qui 21 Jul 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4141

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

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por MarcosSchultz em Qui 21 Jul 2016 - 3:35

100%, agora está destacado o/

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/

Resolvido Re: Alterar imagem do code no SCeditor

Mensagem por REVIEW em Qui 21 Jul 2016 - 3:37

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
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1173
Pontos Ativos : 2964

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5