Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Extinderea editorului de mesaj pe întreg ecranul

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Extinderea editorului de mesaj pe întreg ecranul

Mesaj Scris de Mihai Mier Mai 13, 2020 7:08 pm

Extinderea editorului de mesaj pe întreg ecranul

Salutare tuturor,

În acest tutorial am să vă arăt cum puteți adauga un buton prin intermediul căruia puteți extinde editorul de mesaje pe  întreg ecranul.  Fericit

Demonstrație:
Înainte de a extinde editorul:
Extinderea editorului de mesaj pe întreg ecranul 6JAKc3A
După extinderea editorului:
Extinderea editorului de mesaj pe întreg ecranul CSFtddl

1. Instalare
Vizitați: Panoul de administrare => Module => HTML & Javascript => Gestiunea codurilor JavaScript => Creați un nou cod Javascript, și adăugați:
Cod:
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');jQuery('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');
  });
});
Setați vizibilitatea codului pe toate paginile.

Și asta a fost tot!  Noroc


Extinderea editorului de mesaj pe întreg ecranul Untit104
Extinderea editorului de mesaj pe întreg ecranul KmYIBDv
Extinderea editorului de mesaj pe întreg ecranul Scre1015 Extinderea editorului de mesaj pe întreg ecranul 398 Extinderea editorului de mesaj pe întreg ecranul 2209 Extinderea editorului de mesaj pe întreg ecranul Scre1016 Extinderea editorului de mesaj pe întreg ecranul Portoq16
Mesaje: 22934 ● Utilizatori: 18243 ● Ultimul membru: » sokardax «
Extinderea editorului de mesaj pe întreg ecranul 887435_logo_512x512 Server de Discord: Forum gratuit
Mihai

Mihai
Administrator
Administrator

Mesaje : 1551
Varsta : 26
Localizare : București, România
Data înscrierii : 25/09/2014
Mulțumiri : 101
Google Chrome phpBB3

http://fgsuport.forumgratuit.ro
Mihai a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum