Kai Thori
Citizen
Registered: 10-2007
Posts: 1
Karma: 0 (+0/-0)
|
ReplyQuote
|
|
Re: FAQ: Login box and logout link, hidden when not needed
Is there going to be a CLS string now for the karma and poll voting? (It also shows up when you vote in a poll)
~K
---
|
12/9/2007, 12:42 am
|
Link to this post
PM Kai Thori
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: FAQ: Login box and logout link, hidden when not needed
Welcome to Illusia, Kai Thori.
It's been suggested to Thor, but I don't know of any plans to implement it at this time. After he's done with the current renovations, I'll be sure to mention it to him again.
|
12/9/2007, 12:49 am
|
Link to this post
PM Lesigner Girl
Read Blog
|
houdini76
Citizen
Registered: 09-2008
Province: Canterbury
Posts: 5
Karma: 0 (+0/-0)
|
ReplyQuote
|
|
Re: FAQ: Login box and logout link, hidden when not needed
HI would it be possible to pass on the bit of code that will remove the outer boarder to the quick login ?
Is it also possible to centre it on the page ?
It seems like a really useful feature
Regards Ian
|
3/31/2009, 8:35 pm
|
Link to this post
PM houdini76
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: FAQ: Login box and logout link, hidden when not needed
Hi Houdini,
To expand on my original post...
You can also style your form with CSS. I personally find the default border ugly on a lot of layouts, and this is how you change the border color, make the border bigger, or make it disappear. Change the attributes to suit your layout:
.login_form fieldset {border:1px solid #6F6F6F;}
To elaborate, using <fieldset> as you should in a form will create a border by default. However, instead of changing the color of that border, you can also remove it completely by using this:
.login_form fieldset {border: none;}
Or, you could even use border: 0; which will do the same thing.
Now on to your centering question. The first two lines of HTML for that form are these:
<div class="login_form">
<form method="post" action="/login">
What you'll want to do is target the <form> tag that is inside the "login_form" class. To do that, you start the CSS with:
.login_form form
To center text, the code is text-align: center;
Putting that together, you get:
.login_form form { text-align: center; }
I hope this helps.
|
3/31/2009, 10:48 pm
|
Link to this post
PM Lesigner Girl
Read Blog
|
houdini76
Citizen
Registered: 09-2008
Province: Canterbury
Posts: 5
Karma: 0 (+0/-0)
|
ReplyQuote
|
|
Re: FAQ: Login box and logout link, hidden when not needed
ok my first few lines look like this
<div class=".login_form form { text-align: center; }".login_form fieldset{border: none;} >
<form method="post" action="/login">
<fieldset>
<legend>Quick Login:</legend>
It does not seem to be working
|
3/31/2009, 10:57 pm
|
Link to this post
PM houdini76
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: FAQ: Login box and logout link, hidden when not needed
You shouldn't be changing the HTML at all, only adding to the CSS.
The point of using CSS is to separate content from style. The HTML adds the content, and the CSS (Cascading Style Sheet) styles it. If you want a better understanding of how these two things work together, you might want to check out my tutorials at IfYouCodeItTheyWill.com.
For the task at hand, copy and paste the HTML exactly as it appears in my first post, and paste it into your HTML header where you want the login box to appear. Then, save your changes.
Next, go into your CSS, copy the CSS from my first post and change the following line so that it defines no border instead of a 1px solid gray border...
.login_form fieldset {border: none;}
Then, add this line to your CSS to center everything within the form:
.login_form form { text-align: center; }
I hope that's clearer than my last post.
|
3/31/2009, 11:12 pm
|
Link to this post
PM Lesigner Girl
Read Blog
|
houdini76
Citizen
Registered: 09-2008
Province: Canterbury
Posts: 5
Karma: 0 (+0/-0)
|
ReplyQuote
|
|
Re: FAQ: Login box and logout link, hidden when not needed
All done thanks for your patiance
|
3/31/2009, 11:21 pm
|
Link to this post
PM houdini76
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: FAQ: Login box and logout link, hidden when not needed
You're welcome, Houdini. I'm glad you got it working.
|
4/1/2009, 9:54 pm
|
Link to this post
PM Lesigner Girl
Read Blog
|