[TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros
ShiftActif fórum :: Central ShiftActif :: :: Tutoriais
Página 1 de 1 • Compartilhe
[TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros
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
Fullscreen em SCEditor para fóruns Forumeiros
1º - 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. |
2º - 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 |
Re: [TUTORIAL] Fullscreen em SCEditor para fóruns Forumeiros
Código renovado: 14 de Março
Tópicos semelhantes
» [TUTORIAL] Efeito lightbox para fóruns Forumeiros
» Efeito lightbox para fóruns Forumeiros
» Efeito vídeo em lightbox para fóruns Forumeiros!
» [Dúvida] Efeito lightbox 1.5 para fóruns Forumeiros
» Feliz natal? Veja scripts decorativos para seus fóruns Forumeiros
» Efeito lightbox para fóruns Forumeiros
» Efeito vídeo em lightbox para fóruns Forumeiros!
» [Dúvida] Efeito lightbox 1.5 para fóruns Forumeiros
» Feliz natal? Veja scripts decorativos para seus fóruns Forumeiros
ShiftActif fórum :: Central ShiftActif :: :: Tutoriais
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos