admin(Nick_NR)
|
Logout portal (to work inside the login portal)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 --> |
|
