Archive for portalogy.myfastforum.org For all your portal needs
 



       portalogy.myfastforum.org Forum Index -> General Support
k

logout portal

hey i searched a bit and couldnt seem to find anything. i know theres a login portal, but i was wondering if you had like a logout portal, something just like a login portal, but only a button that said logout. no textboxes, just the button, and the portal would go hidden when you logout, being the exact opposite of the login portal. or maybe if you knew a way the login portal could instead of going hidden, transform into the logout portal. thanks!
admin(Nick_NR)

Easy enough to do, will make the existing login portal mutate able, so while logged out you see it as it currently is and once logged in it will change it's contents to show a logout button.

Will tweak and test this now.
admin(Nick_NR)

Ok, tested and it works fine Cool

Go into your admin panel, option 3 styles, then edit templates/logos and pick the template your going to work on, now from the bottom drop down list pick cms_login.tpl open it up and add the following below whats already inside the file:

Code:
<!-- BEGIN switch_user_logged_in -->
<table width="100%" cellpadding="4" cellspacing="1" border="0" align="center">
<form method="post" action="{S_LOGIN_ACTION}">{S_HIDDEN_FIELDS}
<tr>
<th class="row1log">{L_LOGIN_LOGOUT}</th>
</tr>
<tr>
<td class="row2log" align="center">
<table border="0" cellspacing="0" cellpadding="2">
<tr>
<td ><a href="{U_LOGIN_LOGOUT}" style="text-decoration:none;"><input name="Logout" type="submit" value="Logout"></a></td>
</tr>
</table>
</td>
</tr>
</form>
</table>
<!-- END switch_user_logged_in -->


This should now should the login portals as normal, but instead off just hiding, the contents change and now logged in you should see a button titled logout, that when clicked does just that.
k

dude cool! i feel special lol. a portal just for me! thanks man


wait add or replace?
k

hmm it shows up right but when i click the logout button it makes the page blink and jump to the top, nothing else
k

also dont forget to add class="mainoption" or the font color is wrong. heres what it looks like, half way down on the left side:

http://unso.myfreeforum.org/index.php

sign in with sn: otheru pass: user
to see what i mean
admin(Nick_NR)

I just logged in and out with it, no problems, I am using firefox.

Just tested in IE7 and looks like a bug, no sure if it's fixable tbh.

I will have more of a fiddle sometime tomorrow.
k

this time i changed the name="Logout" to name="logout" and it gave me an error Invalid_session. im trying a few things here, i just dont know all the values/code that are usable
k

admin(Nick_NR) wrote:
I just logged in and out with it, no problems, I am using firefox.

Just tested in IE7 and looks like a bug, no sure if it's fixable tbh.

I will have more of a fiddle sometime tomorrow.


ok np ill fiddle with it a bit too. thanks!
admin(Nick_NR)

I've not been able to find a fix for the IE bug, but did a complete rework, which works across browsers:

This will however need to go into your css file:
Code:
#logoutbtn {margin:4px;}

#logoutbtn a {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #FF0000;
   text-decoration: none;
   border: 1px solid #FF0000;
   padding-top:2px;
   padding-bottom:2px;
   padding-right:25px;
   padding-left:25px;
   background-color: #000000;
}

#logoutbtn a:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #990000;
   text-decoration: none;
   border: 1px solid #990000;
   padding-top:2px;
   padding-bottom:2px;
   padding-right:25px;
   padding-left:25px;
   background-color: #000000;
}


To obtain a border similar to how the buttons appear normally, then the following needs to be followed:
#logoutbtn a would need it's border set to:
Code:
border: 2px outset #FF0000;

#logoutbtn a:hover would need it's border set to:
Code:
border: 2px inset #990000;


Changing the border color, background color and font color will allow you to heavily customise the appearance of the button as you can see and test here on template 1.

Go into your admin panel, option 3 styles, then edit templates/logos and pick the template your going to work on, now from the bottom drop down list pick cms_login.tpl open it up and add the following below whats already inside the file:
Code:
<!-- BEGIN switch_user_logged_in -->
<table width="100%" cellpadding="4" cellspacing="1" border="0" align="center">
<form method="post" action="{S_LOGIN_ACTION}">{S_HIDDEN_FIELDS}
<tr>
<th class="row1log">{L_LOGIN_LOGOUT}</th>
</tr>
<tr>
<td class="row2log" align="center">
<table border="0" cellspacing="0" cellpadding="2">
<tr>
<td >
<div id="logoutbtn"><a href="{U_LOGIN_LOGOUT}" id="logoutbtn">Logout</a></div>
</td>
</tr>
</table>
</td>
</tr>
</form>
</table>
<!-- END switch_user_logged_in -->
k

very cool. worked excellent! except one thing, the color you gave me were red lol, but dont worry i fixed it.

thanks alot!
k

actually, not to be mean er dis your work, but im a bit of a perfectionist and didnt like the fact that the button was slightly different than normal other buttons (like search and login) so i messed with the code a bit and got one that works beautifully and you dont need the css! its so short too!

Code:
<!-- BEGIN switch_user_logged_in -->
<table width="100%" cellpadding="4" cellspacing="1" border="0" align="center">
<form method="post" action="{U_LOGIN_LOGOUT}">{S_HIDDEN_FIELDS}
<tr>
<th class="row1">{L_LOGIN_LOGOUT}</th>
</tr>
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="2">
<tr>
<td >
<input type="submit" class="mainoption" name="Submit" value="Logout">
</td>
</tr>
</table>
</td>
</tr>
</form>
</table>
<!-- END switch_user_logged_in -->


it works for me, so you test it and let me know if there are any problems
admin(Nick_NR)

That's basically what I had first time round when you bitched it didn't work, secondly I pointed out that you will have to change the color and border edge!
k

the problem was the {S_LOGIN_ACTION}. notice that i used {U_LOGIN_LOGOUT} and then only used an input. i didnt mean to offend you if i did and i thanked you for your work. i just happened to find what you were looking for in your first attempt. i didnt bitch, i was giving you feedback.
admin(Nick_NR)

Either way, there's two ways to do it, the form button or custom appearance.
k

yep! like i dont think the one i did would look good in this forum, but your would.

       portalogy.myfastforum.org Forum Index -> General Support
Page 1 of 1
Create your own free forum | Buy a domain to use with your forum
If you feel that PORTALOGY has been helpful and would like to say thank you then please click the donation button below.