Webboard

Pełna wersja: Wyskakujące okienko przy wejściu na forum
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
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. :D
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 piszz chęcią pomogę. : )</p></b>

Npmoż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" - 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ć. :D
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