Webboard

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 ?

[attachment=7188]

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ś:

Kod PHP:
<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

Kod:
<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.

Kod:
#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.
[attachment=7190]

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.

server21 napisał(a):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

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

Joker1

Snake_

Joker1

Snake_

Joker1

Snake_

Joker1

server21

Joker1

Matslom