[PhpBB3] Popup Quick Reply

Opis: Klikom na Post Reply otvara se quick reply box u kome mozete pisati poruku.

Izgled:



Kako dodati:

1. Morate ukljuciti quick reply u podforume
ADMIN PANEl -> GENERAL -> MESSAGES AND EMAIL -> CONFIGURATION
Allow Quick Reply : YES

U CSS[tip]ADMIN PANEL -> DISPLAY -> COLORS -> CSS STYLESHEET[/tip] dodajte sledeci kod

Kod:

[panda=css]    /* -- BEGIN Pop-up reply box --*/
    #quick_reply{
      position:fixed;
      top:30%;
      left:35%;
      background:#FFFFFF;
      padding:10px;
      border:1px solid #BCBCBC;
      border-radius:4px;
      -moz-border-radius:4px;
      -webkit-border-radius:4px;
      z-index:100;
      box-shadow:0px 0px 3px rgba(0,0,0,0.2);
      -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
      -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
      display:none;
    }

    .raspunde{
      position:fixed !important;
      top:0px !important;
      left:0px !important;
      height:100%;
      width:100%;
      z-index:20;
      opacity:0.7;
      background:#000;
      display:none;
    }
    /* -- END Pop-up reply box --*/

Sada u javascript[tip]ADMIN PANEL -> MODULES -> JAVASCRIPT CODE MANAGEMENT[/tip]

Kod:

[panda=js]$(function() {
    // SkinMotion.NET sva prava zadrzana
      $('.copyright').append('<div class="raspunde"></div>');
      $('#quick_reply .right-box').append('    <button class="button2 closeqr" type="button"><img src="http://i44.servimg.com/u/f44/15/54/81/90/cross10.png" title="Inchide"/></button>');

    // Efect
      if($('#quick_reply').length){
      $('div.topic-actions .buttons a:nth-child(2)').attr('href', 'javascript:void(0);');
      $('div.topic-actions .buttons a:nth-child(2)').click(function() {
        $('.raspunde').fadeIn(500);
        $('#quick_reply').fadeIn(500);
      });

      $('.button2.closeqr').click(function() {
        $('.raspunde').fadeOut(250);
        $('#quick_reply').fadeOut(250);
      });
    }
    });

Naziv: po zelji
Placement: In the Topic

test

aaa

aaa

test