nightfox_pc_asst
20-May-2005, 01:36 AM
Create An Animated 'Thank You. Redirect' for your boards.
By Nightfox PC Asst
May 19th, 2005
Okay first create two images for this little thank you box, one should be animated, that shows up when you logon or off IPB boards or doing other things like posting.
Once you have done that, lets move on to the next steps:
Okay in your IPB Forums follow these steps first:
1) Goto your ACP Panel
2) Goto Skins and Templates
3) Goto Skin Manager and Left Click on the skin you are going to edit.
4) Choose Edit Root Skin Stylesheet (CSS Advanced Mode)
Okay now anyplace is good to do this, but I located it near the top around the CSS class of 'boarderwrap'.
.directbar{
background: transparent url(<#IMG_DIR#>/directbar.gif);
width: 156px;
height: 19px;
}
.cat_center{
background: url(<#IMG_DIR#>/tile_center.png);
height: 19px;
border-bottom: 1px solid #C0C0C0;
}
You can call them anything you want, just be sure to correctly place the name of the image where needed and the proper size of the images as well where needed.
6) Now 'Save and Reload Templates'
Next Area to edit:
7) Goto Skin Manager and Left Click on the skin you are going to edit.
8) Choose Edit Root Skin HTML
9) Goto 'All Global HTML' and scroll down to 'Redirect' Template Bit
Now delete code between the <body> tags and put this one in place of it.
<div id="redirectwrap">
<div class="cat_center"><!--Top of bar area--></div>
<h4>{ipb.lang['thanks']}</h4>
<p>$Text<br /><br />{ipb.lang['transfer_you']}</p>
<p class="redirectfoot">(<a href="$Url">{ipb.lang['dont_wait']}</a>)</p>
<div align="center" class="cat_center"><!--Bottom of bar area-->
<div class="directbar"></div>
</div>
</div>
10) Now click 'Save and Reload Template Bit'
Your newly redirect thank you window should look something like this:
http://www.nightfoxpcforums.net/thankyou.html
Colors will vary based on the colors set by the CSS items called Redirect
Another fine mod by NH-PC Tech Support.net
Enjoy
NF <!--emo&:tiphat:-->
By Nightfox PC Asst
May 19th, 2005
Okay first create two images for this little thank you box, one should be animated, that shows up when you logon or off IPB boards or doing other things like posting.
Once you have done that, lets move on to the next steps:
Okay in your IPB Forums follow these steps first:
1) Goto your ACP Panel
2) Goto Skins and Templates
3) Goto Skin Manager and Left Click on the skin you are going to edit.
4) Choose Edit Root Skin Stylesheet (CSS Advanced Mode)
Okay now anyplace is good to do this, but I located it near the top around the CSS class of 'boarderwrap'.
.directbar{
background: transparent url(<#IMG_DIR#>/directbar.gif);
width: 156px;
height: 19px;
}
.cat_center{
background: url(<#IMG_DIR#>/tile_center.png);
height: 19px;
border-bottom: 1px solid #C0C0C0;
}
You can call them anything you want, just be sure to correctly place the name of the image where needed and the proper size of the images as well where needed.
6) Now 'Save and Reload Templates'
Next Area to edit:
7) Goto Skin Manager and Left Click on the skin you are going to edit.
8) Choose Edit Root Skin HTML
9) Goto 'All Global HTML' and scroll down to 'Redirect' Template Bit
Now delete code between the <body> tags and put this one in place of it.
<div id="redirectwrap">
<div class="cat_center"><!--Top of bar area--></div>
<h4>{ipb.lang['thanks']}</h4>
<p>$Text<br /><br />{ipb.lang['transfer_you']}</p>
<p class="redirectfoot">(<a href="$Url">{ipb.lang['dont_wait']}</a>)</p>
<div align="center" class="cat_center"><!--Bottom of bar area-->
<div class="directbar"></div>
</div>
</div>
10) Now click 'Save and Reload Template Bit'
Your newly redirect thank you window should look something like this:
http://www.nightfoxpcforums.net/thankyou.html
Colors will vary based on the colors set by the CSS items called Redirect
Another fine mod by NH-PC Tech Support.net
Enjoy
NF <!--emo&:tiphat:-->