|
Text
|
| Thankyou for visting /goodbye page. |
|
 |
|
 |
|
| Author |
Message |
Symon
Guide Legend



Joined: 11 Jun 2006
Posts: 909
Location: Hampshire,England

Add Comment
Show Comments
|
Posted: Wed Nov 14, 2007 11:43 pm |
 |
|
This little hack will direct your members to a thank you / goodbye page when they click on the logout button. It will also auto log them out and return them back to the standard view that guests see.
Ok here is HOWTODOIT
Please remember to use the Editor account before making any template changes, If you have not made an editor account yet please read HERE
Second you must have all ready a template you can edit.
If you have not done this please readHOWTODOIT
First of all you must make your Thank you page, the best way to do this is to use the webpage feature on here, i will give only the basic guide now, you can always adapt it later.
To Make Welcome Page.
If you have not used the webpage feature before or have never installed a webpage template then please follow from number 1. If you have already make a webpage template and have one installed please go straight to number 4.
1. Goto admin panel --- 6. Web Pages -- Add Templates --
Now find the template you wish to use and click on Install
2. Now look to the left and click on 6. Web Pages -- Edit Web Pages
3. Now look at top left of that page and click on the icon called Web Page
4. You should now see this screen
Page Name = Thankyou.html (you can change this but make sure it ends in .html)
Page Title = GoodBye ( you can change this)
Short Page Title = Leave Blank
Template that will be applied to the page = Web Template (change if you want, Forum (froum switch) would display your message using your current forum template.) See screen shots at the bottom.
Web Template = the name of the webpage template you have just installed.
Visible = Leave Blank
Enable BBCode in this page This is your choice
Enable Smilies in this page This is your choice
5. Now you must click on the source button that you see in the picture above, and enter enter this code.
This code is the redirect code and is set for 5 seconds you may change this by changing the number 5 to the number of your choice.
| Code: | <meta><p>
<meta content="5 ; url={U_LOGIN_LOGOUT}" http-equiv="refresh">
<title></title>
</meta> |
Below that code you could add something like this (please remember this is an example only)
| Code: |
<p> </p>
<h3>Thank you For visiting</h3>
<p><img width="468" height="60" border="0" alt="" src="http://gallery.myff.org/gallery/165763/goodbye.gif" /></p>
<p>We hope you enjoyed you stay and would be happy to see you return.</p> |
Once you have done all that click on Save Page.
Ok now how to redirect the log out.
1. Goto admin panel --- 3. Styles --- Edit Templates/Logos -- the template you wish to edit (EG myff_howtodoit1)--- Submit
Now look at the top in the area marked Choose Forum template/javascript/css File to Edit use the drop down bar and find
overall_header.tpl
Find a block of code that may look like this.
Please note that you may have two blocks like this you must use the one in-between the
| Code: | | <!-- BEGIN switch_user_logged_in --> | and | Code: | | <!-- END switch_user_logged_in --> | If your template does not have the code in-between the log in and log out switches, for example subsilver does not , then please follow the tips below the code.
| Code: | | <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/myfs_testhtml1/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a> </span></td> |
The basic rule is to change the
| Code: | | <a href="{U_LOGIN_LOGOUT}" | to be that of the webpage you just made . So it could look like this | Code: | <a href="http://farnboroughinvincibles.co.uk/goodbye.html"
| Please remember that you must use the correct url to YOUR webpage and do not copy and paste my example above.
So now the final code could look like
| Code: | | <a href="http://farnboroughinvincibles.co.uk/goodbye.html" class="mainmenu"><img src="templates/myfs_testhtml1/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a> </span></td> |
Tips If your template does not use the log in log out switches around the code then you must add a second line of code and surround them with the switches, and only change if user is logged in code. Sounds tricky but is simple the normal code looks like this
| Code: | | <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/myfs_testhtml1/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a> </span></td> |
So we put switches around it like below.
| Code: | <!-- BEGIN switch_user_logged_out -->
<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/myfs_testhtml1/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a> </span></td>
<!-- END switch_user_logged_out --> |
We now copy that code and paste it directly below however we must make the edits as shown below.
1. BEGIN switch_user_logged_out becomes BEGIN switch_user_logged_in, and the same with | Code: | | <!-- END switch_user_logged_out--> | would become | Code: | | <!-- END switch_user_logged_in--> |
2. | Code: | | <a href="{U_LOGIN_LOGOUT}" | would become <a href="http://farnboroughinvincibles.co.uk/goodbye.html"
Please remember to change the url from http://farnboroughinvincibles.co.uk/goodbye.html to your url
So now the final code could look like this.
| Code: |
<!-- BEGIN switch_user_logged_out -->
<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/myfs_testhtml1/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a> </span></td>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in-->
<a href="http://farnboroughinvincibles.co.uk/goodbye.html" class="mainmenu"><img src="templates/myfs_testhtml1/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a> </span></td>
<!-- END switch_user_logged_in--> |
Login/Logout Portal
If you are using a login/logout portal then after you have followed the guide above and made your webpage, then you need to make a small edit to your cms_login.tpl
1. 1. Goto admin panel --- 3. Styles --- Edit Templates/Logos -- the template you wish to edit (EG myff_howtodoit1)--- Submit
2. Look at the bottom in the area marked Choose Portal template File to Edit and find and open cms.login.tpl.
You now need to find the block of code like this.
| Code: | <table width="100%" cellpadding="4" cellspacing="1" border="0" class="forumline" align="center">
<!-- BEGIN switch_user_logged_in-->
<form method="post" action="{S_LOGIN_ACTION}">{S_HIDDEN_FIELDS} |
Now change to the url of your webpage so it could look like this
| Code: | <table width="100%" cellpadding="4" cellspacing="1" border="0" class="forumline" align="center">
<!-- BEGIN switch_user_logged_in-->
<form method="post" action=""http://www.farnboroughinvincibles.co.uk/goodbye.html">">{S_HIDDEN_FIELDS} |
Now save and exit and give it a try.
Tips you must remember to find all login buttons if you use than the standard one and the portal login.
Views
Web template
Forum (portal switch) This is only different if you have portals on your template
Forum (Forum Switch)
Portal
And Thats HOWTODOIT |
|
| |
|
 |
|
|
|
 |
|
 |
|
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot vote in polls in this forum
|
HOWTODOIT was designed and built by Symon Field Creator Of ☆ ☆ FunnyWorld ☆
HOWTODOIT© Symon Field 2006,2007,2008 Powered by phpBB Group © 2001,2005.
|
|
|
|