Skocz do zawartości
meler

[Artykuł/Tutorial] Latajace okno rejestracji( IP.Board 2.3.x i 2.2.x )

Polecane posty

Tytuł: Latajace okno rejestracji

Opis:

Kategoria: IP.Board 2.3.x i 2.2.x

Data dodania: 14.03.09, 11:30

Autor: meler

Aby zrobić latające ono rejestracji które wygląda tak należy:

2qkl3pz.jpg

otwieramy ACP -> Look & Feel -> All global HTML -> global_board_header

i wstawiamy taki oto kod od samej góry

<if="!$this->ipsclass->member['id']">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="pl">

<head>



<style type="text/css">


table.ncode_imageresizer_warning {

background: #FFFFE1;

color: #000000;

border: 1px solid #CCCFFF;

cursor: pointer;

}


table.ncode_imageresizer_warning td {

font-size: 10px;

vertical-align: middle;

text-decoration: none;

}


table.ncode_imageresizer_warning td.td1 {

padding: 5px;

}


table.ncode_imageresizer_warning td.td1 {

padding: 2px;

}


</style>

<title>Forum wielotematyczne - DOWNLOAD24.LI</title>


</head>

<body>

<style type="text/css">


#fadeinbox{

position:absolute;

width: 62%;

left: 5px;

top: -100px;

padding: 4px;


visibility:hidden;

}


</style>


<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)


////////Nie edytuj poniższego fragmentu///////////


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>

<P ALGIN="left"><thread>


<!-- guest welcome message -->

<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="maintitle" align="center">

Witamy na Forum  - Download24.li

</td>


</tr>

</tbody><tbody id="collapseobj_forumhome_welcomepanel" style="">

<center>

<tr>

<td class="row1" align="center" width="101%"><B>

Witaj <a href="http://www.download24.li/index.php?act=Reg&CODE=00"><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="http://www.download24.li/index.php?act=Reg&CODE=00"><strong>rejestracji</strong></a></B>

<br><br><b><a href="http://www.download24.li/index.php?act=Reg&CODE=00"><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>

<!-- / guest welcome message -->

</body>

</html>

</if>

oczywiście zamieniamy adres strony www.downlaod24.li na swój :)

zapisujemy gotowe:)

Autorem tutoriala jest Meler Zabrania się kopiowania, powielania. W szczególności na inne fora bez zgody autora.

Tutorial wykonany dla www.ipsbeyond.pl

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Jak dodałem ten kod w boardindexTemplate to nic nie wyskoczyło , więc dałem na globalTemplate i jest tak jak w załączniku

dałem też do defultHeader to było po prawej stronie zamiast skina ;]

O co w tym chodzi ?

post-1125-086465200 1276707662_thumb.png

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Co do okna, to wg. mnie wygląda ok. po prawej tylko widzę że boxy wyszły poza krawędź ale z tego co widzę to przez środkową treść. W boardindexTemplate nie możesz dać, bo to strona główna forum, a Ty masz portal jeszcze więc musi to być w globalTemplate

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Ale mi pół Banneru odcieło jak dam do globalTemplate

I jak zrobić żeby rozmiar był poprawny ... nie powiększało się

Edytowano przez Major

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Tzn? bo przyznam, ze nie do końca Cię rozumiem. jakiego banneru Ci odcięło? Rozmiar czego ?

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

OK, to tak.

Do CSS'a skina wstaw takie coś:

table.ncode_imageresizer_warning {
background: #FFFFE1;
color: #000000;
border: 1px solid #CCCFFF;
cursor: pointer;
}

table.ncode_imageresizer_warning td {
font-size: 10px;
vertical-align: middle;
text-decoration: none;
}

table.ncode_imageresizer_warning td.td1 {
padding: 5px;
}

table.ncode_imageresizer_warning td.td1 {
padding: 2px;
}

#fadeinbox{
position:absolute;
width: 62%;
left: 5px;
top: -100px;
padding: 4px;

visibility:hidden;
}[/code] A w szablonie wstaw:
[code]<if="!$this->ipsclass->member['id']">

<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)

////////Nie edytuj poniższego fragmentu///////////

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>

<!-- guest welcome message -->
<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="maintitle" align="center">
Witamy na Forum - Download24.li
</td>

</tr>
</tbody><tbody id="collapseobj_forumhome_welcomepanel" style="">
<tr>
<td class="row1" align="center" width="100%"><b>
Witaj <a href="http://www.download24.li/index.php?act=Reg&CODE=00"><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="http://www.download24.li/index.php?act=Reg&CODE=00"><strong>rejestracji</strong></a></b>
<br /><br /><a href="http://www.download24.li/index.php?act=Reg&CODE=00"><b style="color: red;">KLIKNIJ TUTAJ ABY SIĘ ZAREJESTROWAĆ!!!!</b></a>

<br /><br /><a href="#" onClick="hidefadebox();return false">Kliknij tutaj aby zamknąć okienko przy rejestracji lub logowaniu!</a>
<br />

</td>
</tr>
</tbody>
</table><br />
</div>
<!-- / guest welcome message -->
</if>

Kod był trochę skopany wiec go deczko poprawiłem

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Bądź aktywny! Zaloguj się lub utwórz konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony


  • Kto przegląda   0 użytkowników

    Brak zalogowanych użytkowników przeglądających tę stronę.

×

Ważne informacje

Kontynuując przeglądanie strony, wyrażasz zgodę na używanie przez nas plików cookies.