Change Login Image Button
15 August, 2012
Hi All,
How can I edit the login button? where can i find the image?
Thanks,
Alex
How can I edit the login button? where can i find the image?
Thanks,
Alex
Hi Alex,
This is not actually a single image, it's simply code used inside the login page.
E.g [code]
{
width: 80px;
background:#210606;
padding:6px;
border:0px;
border-radius: 5px; -o-border-radius: 5px; -icab-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
behavior: url(css/PIE.htc);
outline:0px;
font-size:12px;
color:white;
text-align:center;
cursor:pointer;
font-weight:bold;
position:relative;
}
.loginContainer
{
margin:5px;
FONT-FAMILY: Arial, Helvetica, sans-serif;
font-size:12px;
float:right;
color:#666;
}
.loginBox
{
width: 160px;
background:#DDD;
padding:6px;
border:0px;
border-radius:5px;
behavior: url(css/PIE.htc);
outline:0px;
position:relative;
}
#loginBoxOutline
{
width: 92px;
padding:2px;
background:#fff;
border:0px;
border-radius:5px;
behavior: url(css/PIE.htc);
outline:0px;
position:relative;
}
[/code]
You can simply downlaod the example index page (which can also be found under Yellowfindevelopmentexamples) and make some changes.
More information on changing the login page can be found here:
Changing the login screen .
The following guide may also contain relevant information :Style Guide
Regards,
David
This is not actually a single image, it's simply code used inside the login page.
E.g [code]
{
width: 80px;
background:#210606;
padding:6px;
border:0px;
border-radius: 5px; -o-border-radius: 5px; -icab-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
behavior: url(css/PIE.htc);
outline:0px;
font-size:12px;
color:white;
text-align:center;
cursor:pointer;
font-weight:bold;
position:relative;
}
.loginContainer
{
margin:5px;
FONT-FAMILY: Arial, Helvetica, sans-serif;
font-size:12px;
float:right;
color:#666;
}
.loginBox
{
width: 160px;
background:#DDD;
padding:6px;
border:0px;
border-radius:5px;
behavior: url(css/PIE.htc);
outline:0px;
position:relative;
}
#loginBoxOutline
{
width: 92px;
padding:2px;
background:#fff;
border:0px;
border-radius:5px;
behavior: url(css/PIE.htc);
outline:0px;
position:relative;
}
[/code]
You can simply downlaod the example index page (which can also be found under Yellowfindevelopmentexamples) and make some changes.
More information on changing the login page can be found here:
Changing the login screen .
The following guide may also contain relevant information :Style Guide
Regards,
David
Hi David,
Thank you so much for the input!
Cheers,
Alex
Thank you so much for the input!
Cheers,
Alex