Tuesday, November 21, 2006

Styling for ezLogin plugin

Got comments from Brandon about using my plugin or really it was a styling issue of ioerror's original login scripts, more about this in this post.

It is the entire purpose of transforming the script into [tag]ezLogin[/tag] plugin. It's so much easier to implement and to do necessary styling. You could do styling using a bit of your html knowledge but that could be tedious. The clean way is to do this. Firstly of all you have to add the call to the plugin like below in your sidebar.php:



Then you need something in the CSS file to format display in your sidebar, e.g. an id selector such as below


#loginout {
color:#707070;
padding-left:7px;
font-size:1em;
text-align:left;
}
#loginout a:link, a:visited {
color:#88C9DE;
display:inline;
text-decoration:none;
}
#loginout a:hover {
color:#B8B8B8;
display:inline;
text-decoration:none;
}


Now you can finish this off quite easily in the sidebar.php file



The above example is for the theme currently used by Brandon which is called Azuro 1.0.

No comments:

Post a Comment