[FOORUM] Sõbrakutse pop-up

Kui keegi saadab sulle sõbrakutse, tekib väikene pop-up. See on võimalik ainult phpBB3 ja IPB2 /Invision tarkvaraga foorumites.

1. Lisa uus Javascript (Administraatori Kontrollpaneel -> Modules -> Javascript codes management)

Kood:

var CopyrightNotice = 'Friend request notification for forumotion phpBB3 and IPB2/Invision boards. Copyright © 2012 by Dion Designs. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified script. Distribution is not allowed without written consent from Dion Designs.';

    function setupbox() {
        var z=document.getElementById('newfriend');
        if (z.getElementsByTagName('FIELDSET')[2].childNodes[0].childNodes[1].childNodes[0].tagName!='EM') {
            z.innerHTML='<a href="/profile?mode=editprofile&page_profil=friendsfoes">You have a new friend request</a>';
            document.getElementById('ddrequest').style.display='block';
        }
        else {z.innerHTML='';}
    }

    $(function() {
        x=document.createElement('div');
        x.id='ddrequest';
        x.style.display='none';
        x.innerHTML='<div id="newfriend"></div><a style="cursor:pointer" class="button2" onclick="$(\'#ddrequest\').fadeOut()">Close</a>'; 
        document.body.insertBefore(x,document.body.firstChild);
        $('#newfriend').load('/profile?mode=editprofile&page_profil=friendsfoes #main-content fieldset', function() {setupbox();});
    });

Kõige parem oleks panna In the homepage, et foorum aeglasemaks ei muutuks. Samas, kui tahate, et kontrolliks ka teemasi vaadates kutsete tulekut, valige In all the pages.

2. Lisa CSS (Administraatori Kontrollpaneel -> Display -> Colors -> CSS Stiilifail)

Kood:

#ddrequest {position: absolute; top: 0px; left: 0px; width: 200px; background: #fff; color: #000; border: 1px solid #888; text-align: center; z-index:1000}
    #newfriend {padding: 5px 10px; font-size: 14px; line-height: 20px;}

Võid muuta #ddrequest järel olevaid väärtusi enda teemale sobivaks!

Tulemus: