Wyskakujące okienko przy wejściu na forum

wersja skryptu MyBB: 1.6.x
adres forum: w fazie testu
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Jak zrobić wyskakujące okienko tak jak na tym forum -> http://www.cscenter.pl/forum.php przy wejściu na forum lub portal ?

   

No to zrób to na podstawie LightBox'a. Teoretycznie powinno zadziałać. Poczytaj o tym. : )

No ok ale jak zrobić sobie żeby wyskakiwało i można było zamknąć?

No przykładowo coś takiego: http://blog.piotrnalepa.pl/2009/06/25/cs...vascriptu/ tylko musiałbym bardzej się zagłębić i pomyśleć jak to zrobić, aby po wejściu to wyskakiwało.

Ja znalazłem coś takiego http://blog.klocus.pl/2013/06/okienko-z-...ox-em.html
ale nie zbyt to u mnie dział.Nic się nie pojawia.

Dobra, udało mi się!

Patrz na takie coś:

<div id="pop_up" style="position: fixed; left: 0; border: solid 1px #000000;background-color: #333; color: #fff; text-align: right; font: 11px, sans-serif; cursor: pointer; width: 100%; height: 100%;">
<span title="Kliknij, aby zamknąć" onclick="document.getElementById('pop_up').style.display='none'">[Zamknij]<br />
<center>
<span style="position: fixed; border: solid 1px #000000;background: #FFF center fixed;color: #000;  font: 11px, sans-serif; cursor: pointer; width: 50%; height: 50%;top: 25%;left: 25%;">
<b><p>Jakaś tam zawartość. Jak coś jeszcze potrzeba pisz, z chęcią pomogę. : )</p></b>

Np. możesz wstawić wygenerowany kod z Facebooka. :D
</span>
</center>
</span>

</div>
    <script type="text/javascript">
    (function(element,el_left,D){
    D=document
    el_left=((D.body.clientWidth||D.documentElement.clientWidth)-100%)/2   /* "100%" - szerokosc */
    el_top=0 /* "0" - margin-top */
    with(D.getElementById('pop_up').style){
    top=el_top+'px'
    left=el_left+'px'
    }
    el_left_start=el_top_start=0
    })()
    function el_move(ydiff){
    with(document){
    ydiff=el_top_start-(body.scrollTop||documentElement.scrollTop)
    if(ydiff)el_top_start-=~~(ydiff/10)
    getElementById('pop_up').style.top=el_top_start+el_top+'px'
    }
    }
    elmove=setInterval("el_move()",10)
    </script> 


Działa w 100%, testowałem. Ewentualnie wygląd poprawić.

Dobra dałem sobie rade ale łap łapkę

Trochę przerobiłem ale może ktoś będzie chciał moje po edycji jeśli nie to tu macie bez edycji : http://blog.klocus.pl/2013/06/okienko-z-...ox-em.html
Jak chcecie mieć okienko podobne do tego co w pierwszym poście należy:

1.Wklejcie to w stronę główną lub portal pamiętając o uzupełnieniu czyli dodanie swojego iframe likebox oraz mniej więcej szerokość like box u mnie to 600

<script type="text/javascript" src="jscripts/FBox.js"></script>
<link rel="stylesheet" type="text/css" href="FBox.css" />
<script type="text/javascript" src="jscript/FBox.js"></script>
<div id="FBox">
    <div id="FBox_content">
        <span id="FBox_close">x</span>

                     TU WKLEJ SWOJE IFRAME LIKE BOX
</div>

2.Ten kod do swojego global.css używanego szablonu.

#FBox {
    position: fixed;
    z-index: 99;
    width: 80%;
    height: 100%;
    margin: 0;
    padding: 0;
    top: 0;
    font-family: Verdana;
    display: none;
}

#FBox_content {
    background: #DDDDDD;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: 772px; /* szerokosc Like Box + 20px */
    position: relative;
    margin: auto;
    padding: 10px 0px 6px 0px;
    text-align: center;
    border: 4px solid rgba(255, 255, 255, .4);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#FBox_close {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 16px;
    color: red;
    background: #DDDDDD;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    border: 2px solid red;
    padding: 0px 0px 1px 0px;
    width: 24px;
    height: 23px;
    cursor:pointer;
}

3.Na koniec do folderu jscripts wrzućcie FBox.js który jest poniżej w załączniku.

  FBox.js (Rozmiar: 2,23 KB / Pobrań: 241)

To okno wyskakuje za każdym odpaleniem strony? Czy jest tak, że każdemu tylko raz i po zamknięciu okna i odświeżeniu strony już go nie będzie?

Mi wyskoczyło raz.Po zamknięciu się nie pojawia.Albo ograniczone jest datą albo IP aby zaś się pojawiło.

Czy jest tak, że każdemu tylko raz i po zamknięciu okna i odświeżeniu strony już go nie będzie?

Na początku tego pliku .js jest zmienna

var months = 1; //Ilosc miesiecy, po ktorych znow pokaze sie okienko