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 Zachary la data de Lun 27 Iul - 19:24

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:
După extinderea editorului:

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 scris de Shek, tradus în limba română de Raykim

Ultima actualizare a fost efectuata de catre Zeus in data de 26.10.2015

Copyright ˆForumgratuit.ro Nici o parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.
avatar
Zachary
Membru onorific
Membru onorific

masculin

Mesaje : 2001
Varsta : 37
Localizare : România
Data de inscriere : 08/05/2013
Multumiri : 154
Niciun avertisment

http://help.forumgratuit.ro/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum