We've just released the Thin Login
module for Joomla to the community and its great for giving you a login with a very small footprint.
On the content page we've put the basic css that you need to implement in the css file for your
template, but it has been specifically configured for the Web Space template that is due out in the next day or so ...
... so here is the css for getting the module to displat correctly in the Habitat template, as per the joomlabamboo.com site:
#login_container {
margin-top:8px;
}
#logout_container {
margin-top:8px;
color:#fff;
}
.moduletable-dark_login form {
color:#fff;
}
.moduletable-dark_login .inputbox {
color:#fff;
background-color:#666;
border:1px solid #ccc;
margin-right:3px;
}
.moduletable-blue_login .button {
margin:0;
}
.moduletable-blue_login form {
color:#fff;
}
.moduletable-blue_login .inputbox {
color:#fff;
background-color:#006699;
border:1px solid #999;
margin-right:3px;
padding-left:4px;
}
.moduletable-blue_login .button {
margin:0;
}
Note you must also change the width of the div called #search to the following:
#search {
float:right;
width:250px;
padding-right:10px;
}
Just cut and paste the css and add to your template_css.css file and then use the module class suffix of -dark_login or -blue_login ... and there you have it ... a very small login that doesnt take up too much space at all.
Favoured: 0
