| View previous topic :: View next topic |
| Author |
Message |
k
Joined: 17 Aug 2007
Posts: 10
Points: 0
|
 Posted: Fri Aug 17, 2007 8:18 am |
 |
|
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!
|
|
| Back to top |
|
| Post Above Is Number: 282 |
admin(Nick_NR)
Site Admin
Joined: 27 Dec 2006
Posts: 197
Points: 1000000
Location: England
|
| Posted: Fri Aug 17, 2007 2:35 pm |
|
|
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. |
|
| Back to top |
|
| Post Above Is Number: 283 |
admin(Nick_NR)
Site Admin
Joined: 27 Dec 2006
Posts: 197
Points: 1000000
Location: England
|
| Posted: Fri Aug 17, 2007 2:59 pm |
|
|
Ok, tested and it works fine 
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. |
|
| Back to top |
|
| Post Above Is Number: 284 |
k
Joined: 17 Aug 2007
Posts: 10
Points: 0
|
| Posted: Fri Aug 17, 2007 5:35 pm |
|
|
dude cool! i feel special lol. a portal just for me! thanks man
wait add or replace? |
|
| Back to top |
|
| Post Above Is Number: 285 |
k
Joined: 17 Aug 2007
Posts: 10
Points: 0
|
| Posted: Fri Aug 17, 2007 5:40 pm |
|
|
| hmm it shows up right but when i click the logout button it makes the page blink and jump to the top, nothing else |
|
| Back to top |
|
| Post Above Is Number: 286 |
k
Joined: 17 Aug 2007
Posts: 10
Points: 0
|
| Posted: Fri Aug 17, 2007 6:07 pm |
|
|
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 |
|
| Back to top |
|
| Post Above Is Number: 287 |
admin(Nick_NR)
Site Admin
Joined: 27 Dec 2006
Posts: 197
Points: 1000000
Location: England
|
| Posted: Fri Aug 17, 2007 6:13 pm |
|
|
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. |
|
| Back to top |
|
| Post Above Is Number: 288 |
k
Joined: 17 Aug 2007
Posts: 10
Points: 0
|
| Posted: Fri Aug 17, 2007 6:13 pm |
|
|
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
Last edited by k on Fri Aug 17, 2007 6:35 pm; edited 1 time in total |
|
| Back to top |
|
| Post Above Is Number: 289 |
k
Joined: 17 Aug 2007
Posts: 10
Points: 0
|
| Posted: Fri Aug 17, 2007 6:14 pm |
|
|
| 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! |
|
| Back to top |
|
| Post Above Is Number: 290 |
admin(Nick_NR)
Site Admin
Joined: 27 Dec 2006
Posts: 197
Points: 1000000
Location: England
|
| Posted: Sat Aug 18, 2007 3:56 pm |
|
|
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 --> |
|
|
| Back to top |
|
| Post Above Is Number: 291 |
|
