ShiftActif fórum


Participe da melhor comunidade sobre fóruns!

Bem vindo ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!!

[TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros

Ir em baixo

[TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros

Mensagem por Shek em Sex 14 Mar - 19:58



 

SCEditor


Sabe aqueles momentos em que você está digitando e sem querer clica em algum link e perde tudo? Com essa função Javascript será possível expandir o SCEditor (editor Forumeiros) para que este fique em tela cheia.


--> Tutoriais <--
Fullscreen em SCEditor para fóruns Forumeiros




- Gerenciar as páginas JavaScript:
Precisamos definir um código JavaScript que mudará o link do botão Novo tópico em um determinado subfórum. Por isso, vamos acessar as páginas JavaScript do fórum.

Painel de Controle ->> Módulos ->> HTML & JAVASCRIPT ->> Gestão dos códigos JavaScript

Título Correspondente ao nome da página JavaScript/jQuery que será criada.
 Localização São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos nos tópicos.
 Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
 Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

- Código JS a ser utilizado:
Código:
// SCEDITOR tela cheia
jQuery(document).on("ready",function(){
  jQuery('head').append('<style>.fullscreen_sce {background: url(http://i35.servimg.com/u/f35/15/64/85/86/fullsc10.png) center no-repeat;background-color: transparent !important;width: 16px;height: 16px;position: absolute;margin-top: 3px;right: 3px;opacity: 0.3;border: none;display: inline-block;}.fullscreen_sce:hover {opacity: 0.6;}.fullscreen_sce.down {background: url(http://i35.servimg.com/u/f35/15/64/85/86/scale_10.png) center no-repeat;}.fullsc_sce{width: 100% !important;height: 100% !important;position: fixed !important;top: 0;left: 0;border: none !important;z-index: 100000 !important;border-radius: 0 !important;max-width: initial !important;} #gquickreply .sceditor-container.fullsc_sce, #gquickreply .fullsc_sce * {max-width: initial !important;}.fullsc_sce_edit {width: calc(100% - 10px) !important;height: calc(100% - 48px) !important;}.no_scoll {overflow: hidden !important;}</style>');
  jQuery('.sceditor-toolbar').after('<span class="fullscreen_sce"></span>');
  jQuery('.fullscreen_sce').live('click', function() {
      jQuery(this).toggleClass('down');$('body').toggleClass('no_scoll');jQuery('.sceditor-grip').toggle();
      jQuery(this).next('iframe').toggleClass('fullsc_sce_edit').next('textarea').toggleClass('fullsc_sce_edit');
      jQuery(this).parent('.sceditor-container').toggleClass('fullsc_sce');
  });
});


  • Resultado:






© ShiftActif


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:[Dúvida] Fullscreen em SCEditor para fóruns Forumeiros
avatar
Shek
Adminactif
Adminactif

Masculino
Idade : 24
PointActif's : 5060
ReputActifs : 97
Mensagens : 2711
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%

Ver perfil do usuário http://www.shiftactif.com/

Voltar ao Topo Ir em baixo

Re: [TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros

Mensagem por Shek em Sex 14 Mar - 20:18

Código renovado: 14 de Março  Beleza! 
avatar
Shek
Adminactif
Adminactif

Masculino
Idade : 24
PointActif's : 5060
ReputActifs : 97
Mensagens : 2711
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%

Ver perfil do usuário http://www.shiftactif.com/

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum