ShiftActif fórum

[TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros Homepg10

Participe da melhor comunidade sobre fóruns!

Bem vindo [TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros 405374159 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 1660898911
ShiftActif fórum

[TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros Homepg10

Participe da melhor comunidade sobre fóruns!

Bem vindo [TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros 405374159 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 1660898911

[TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros

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

[TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros Empty [TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros

Mensagem por Shek Sex 14 Mar - 19:58

[TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros Suppor10

 

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
[TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros Painel13

[TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros 110111[TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros 398853 Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros 110210[TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros 398853  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.
[TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros 110310[TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros 398853  Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
[TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros 110410[TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros 398853  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:
    [TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros 010






© ShiftActif


[TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros Faq10 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
Shek

Shek
Administrador

Masculino
Idade : 30
PointActif's : 7412
ReputActifs : 97
Mensagens : 2777
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%

https://shiftactive.blogspot.com/

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

Mensagem por Shek Sex 14 Mar - 20:18

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

Shek
Administrador

Masculino
Idade : 30
PointActif's : 7412
ReputActifs : 97
Mensagens : 2777
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%

https://shiftactive.blogspot.com/

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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