Runboard.com
Слава Україні!



🙂       Use the black navigation bar to log in or create your account.

Jump to Page:  1  2  3  4  5 

 
Kai Thori Profile
Live feed
Blog
Friends
Miscellaneous info

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 Profile
Live feed
Blog
Friends
Miscellaneous info

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. emoticon

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.

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
12/9/2007, 12:49 am Link to this post PM Lesigner Girl Read Blog
 
houdini76 Profile
Live feed
Blog
Friends
Miscellaneous info

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

---
www.kentatb.com

www.ianhuftonphotography.co.uk


3/31/2009, 8:35 pm Link to this post PM houdini76
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

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&nbsp; 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. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
3/31/2009, 10:48 pm Link to this post PM Lesigner Girl Read Blog
 
houdini76 Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen

Registered: 09-2008
Province: Canterbury
Posts: 5
Karma: 0 (+0/-0)
ReplyQuote
posticon 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

 emoticon

---
www.kentatb.com

www.ianhuftonphotography.co.uk


3/31/2009, 10:57 pm Link to this post PM houdini76
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

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. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
3/31/2009, 11:12 pm Link to this post PM Lesigner Girl Read Blog
 
houdini76 Profile
Live feed
Blog
Friends
Miscellaneous info

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

---
www.kentatb.com

www.ianhuftonphotography.co.uk


3/31/2009, 11:21 pm Link to this post PM houdini76
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

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. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
4/1/2009, 9:54 pm Link to this post PM Lesigner Girl Read Blog
 


Add to this discussion

Jump to Page:  1  2  3  4  5 



You are not logged in (login)
Back To Top

This board's time is GMT.