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.
Forum gratuit: forum de suport al utilizatorilor

Forum gratuit: ajutor și asistență pentru utilizatorii Forumgratuit. Creează și administrează un forum performant. Descoperă funcţionalităţile, tutorialele și ponturile de pe Forumul de suport!

Extinderea editorului de mesaj pe întreg ecranul

Forum gratuit: forum de suport al utilizatorilor ::  Despre Forumgratuit ::   :: Tutoriale

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

Tutorial actualizat de catre MIHAI
Numai bine,
Echipa Forumgratuit


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: 22910 ● Utilizatori: 18224 ● Ultimul membru: » System32 «
Mihai

Mihai
Administrator
Administrator

Mesaje : 1491
Varsta : 24
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

Forum gratuit: forum de suport al utilizatorilor ::  Despre Forumgratuit ::   :: Tutoriale

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum