Witam.
Wiele osób ostatnio pyta o okienko, które widzą jedynie goście, które wraz z przewijaniem strony w góre lub dół również się porusza w te strony. Umieścić na nim można swoje własne wybrane treść, jednak głównie wykorzystywane jest do nakłaniania do rejestracji czy zalogowania się. Po wklejeniu poniższego kodu na samej górze szablonu header uzyskasz właśnie taki efekt. Jest to połączenie z CSS-em więc kolor oraz belka pobierane będą ze stylu w jakim umieścisz okienko. W stylu Skilltes wygląda to tak jak na załączonym screenie.
Oto kod do wklejenia na samej górze szablonu header:
Kod:
<!-- początek okienka dla gości -->
<style type="text/css">
#fadeinbox{
position:absolute;
width: 62%;
left: 5px;
top: -100px;
padding: 4px;
visibility:hidden;
}
</style>
<if condition="$show['guest']">
<script type="text/javascript">
//Specify display mode. 3 possible values are:
//1) "always"- This makes the fade-in box load each time the page is displayed
//2) "oncepersession"- This uses cookies to display the fade-in box only once per browser session
//3) integer (ie: 5)- Finally, you can specify an integer to display the box randomly via a frequency of 1/integer...
// For example, 2 would display the box about (1/2) 50% of the time the page loads.
var displaymode="always"
var enablefade="yes" //("yes" to enable fade in effect, "no" to disable)
var autohidebox=["yes", 60] //Automatically hide box after x seconds? [yes/no, if_yes_hide_after_seconds]
var showonscroll="yes" //Should box remain visible even when user scrolls page? ("yes"/"no)
var IEfadelength=1 //fade in duration for IE, in seconds
var Mozfadedegree=0.05 //fade in degree for NS6+ (number between 0 and 1. Recommended max: 0.2)
////////Fragment nie potrzebuje edycji///////////
if (parseInt(displaymode)!=NaN)
var random_num=Math.floor(Math.random()*displaymode)
function displayfadeinbox(){
var ie=document.all && !window.opera
var dom=document.getElementById
iebody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
objref=(dom)? document.getElementById("fadeinbox") : document.all.fadeinbox
var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
var docwidth=(ie)? iebody.clientWidth : window.innerWidth
docheight=(ie)? iebody.clientHeight: window.innerHeight
var objwidth=objref.offsetWidth
objheight=objref.offsetHeight
objref.style.left=docwidth/2-objwidth/2+"px"
objref.style.top=scroll_top+docheight/2-objheight/2+"px"
if (showonscroll=="yes")
showonscrollvar=setInterval("staticfadebox()", 50)
if (enablefade=="yes" && objref.filters){
objref.filters[0].duration=IEfadelength
objref.filters[0].Apply()
objref.filters[0].Play()
}
objref.style.visibility="visible"
if (objref.style.MozOpacity){
if (enablefade=="yes")
mozfadevar=setInterval("mozfadefx()", 90)
else{
objref.style.MozOpacity=1
controlledhidebox()
}
}
else
controlledhidebox()
}
function mozfadefx(){
if (parseFloat(objref.style.MozOpacity)<1)
objref.style.MozOpacity=parseFloat(objref.style.MozOpacity)+Mozfadedegree
else{
clearInterval(mozfadevar)
controlledhidebox()
}
}
function staticfadebox(){
var ie=document.all && !window.opera
var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
objref.style.top=scroll_top+docheight/2-objheight/2+"px"
}
function hidefadebox(){
objref.style.visibility="hidden"
if (typeof showonscrollvar!="undefined")
clearInterval(showonscrollvar)
}
function controlledhidebox(){
if (autohidebox[0]=="yes"){
var delayvar=(enablefade=="yes" && objref.filters)? (autohidebox[1]+objref.filters[0].duration)*1000 : autohidebox[1]*1000
setTimeout("hidefadebox()", delayvar)
}
}
function initfunction(){
setTimeout("displayfadeinbox()", 1)
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
if (displaymode=="oncepersession" && get_cookie("fadedin")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){
if (window.addEventListener)
window.addEventListener("load", initfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", initfunction)
else if (document.getElementById)
window.onload=initfunction
document.cookie="fadedin=yes"
}
</script>
<thread>
<!-- wiadomość dla gości -->
<DIV id="fadeinbox" style="filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=1) progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135) ; -moz-opacity:0">
<table class="tborder" align="center" border="0" cellpadding="6" cellspacing="0" width="600">
<tbody><tr>
<td class="tcat" align="center">
Witamy na Forum
</td>
</tr>
</tbody><tbody id="collapseobj_forumhome_welcomepanel" style="">
<center>
<tr>
<td class="alt1" align="center" width="101%"><B>
Witaj <a href="/register.php"><strong>zarejestruj się</strong></a> a zyskasz całkowity dostęp do wszystkich linków, ukrytych działów i wielu unikalnych opcji!!! To wszystko zyskasz dzięki darmowej i szybkiej <a href="/register.php"><strong>rejestracji</strong></a></B>
<br><br><b><a href="/register.php"><FONT COLOR=RED SIZE=3>KLIKNIJ TUTAJ ABY SIĘ ZAREJESTROWAĆ!!!!</b></FONT></a>
<br><br><a href="#" onClick="hidefadebox();return false">Kliknij tutaj aby zamknąć okienko przy rejestracji lub logowaniu!</a>
<br>
</td>
</tr>
</tbody>
</center>
</table><br>
<align="center" valign="middle">
</DIV>
<!-- / wiadomość dla gości -->
</if>
</thread>
<!-- koniec okienka dla gości -->
Oczywiście kod możesz sobie dowolnie edytować wedle własnego uznania
Pozdrawiam
wilu
Poprawiłem błędy w modyfikacji
WoGuziczek