XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Community Support forums / 
  3. Beginner's Corner 
  4.  / How to change the layout of register form?
Register
1
dougfc
How to change the layout of register form?

  • 2004/10/8 12:48

  • dougfc

  • Just popping in

  • Posts: 21

  • Since: 2004/8/17


Dear all,

I want to change the layout of register form. The original settings are the left column (i.e. register name, Email, etc) is too narrow and without any colour. I want to change the width of the left column to be longer and with light blue color. I have checked about style.css and register.php but still cannot find any hint. Where can I change settings? Please help.

Thanks & regards,
Doug
2
ajuden
Re: How to change the layout of register form?

  • 2004/10/8 13:53

  • ajuden

  • Just popping in

  • Posts: 87

  • Since: 2003/4/17


A helpful tool for this task would be Firefox's DOM Inspector. This tool actually lets you inspect the parts of a web page. It looks like the style that you need to edit is: in the style.css file - head.

By editing the colors of the head class, this will change on your entire website anytime the head class is used.
3
dougfc
Re: How to change the layout of register form?

  • 2004/10/8 18:28

  • dougfc

  • Just popping in

  • Posts: 21

  • Since: 2004/8/17


Thanks ajuden, I can now change the color but the width of the left column cannot be changed. As I set width=200 or cellspacing=6 of "head", there is no effect but the other table using class=head do have the effect. Why? I use FireFox's DOM Inspector still cannot find the answer.

Thanks again
Doug
4
ajuden
Re: How to change the layout of register form?

  • 2004/10/8 18:33

  • ajuden

  • Just popping in

  • Posts: 87

  • Since: 2003/4/17


What do the css rules look like for the head class in your stylesheet? Did you actually type width=200? Or did you type width: 200px;? Is the width that you typed actually in your stylesheet or is it in the php file?
5
dougfc
Re: How to change the layout of register form?

  • 2004/10/8 18:47

  • dougfc

  • Just popping in

  • Posts: 21

  • Since: 2004/8/17


Hi ajuden,

I have tried both width=200 and width=200px but the result still the same, i.e. no effect. I type in Style Sheet not in php file.

.odd { background-color: #FFFFFF;}
.outer { background-color: #CCCCCC;}
.even { background-color: #FFFFFF;}
th { background-color: #FFFFFF; text-align: left; padding: 3px;}
.head { cellspacing=6 ;background-color: #ccffff; padding: 3px;}
.foot { background-color: #FFFFFF; padding: 3px;}

Thanks again,
Doug
6
ajuden
Re: How to change the layout of register form?

  • 2004/10/8 19:00

  • ajuden

  • Just popping in

  • Posts: 87

  • Since: 2003/4/17


Here's an idea for you. Open up the file register.php in your main XOOPS directory.

This is the original code that I want you to try changing. It starts around line 286.

Add 2 new lines around these 2 lines of code

include 'include/registerform.php';
$reg_form->display();

New Lines
------------
echo "<div id='register_head'>";
include 'include/registerform.php';
$reg_form->display();
echo "</div>";

Now inside the stylesheet for your theme, you want to add a new style just like this.

#register_head .head {background-color: #ccffff;}

And apply your attributes to the style above
If you want your column to be 200 pixels wide, then change the above style to this.

#register_head .head {width: 200px; background-color: #ccffff;}

Hope this helps, let me know if I can help anymore.
7
dougfc
Re: How to change the layout of register form?

  • 2004/10/8 20:00

  • dougfc

  • Just popping in

  • Posts: 21

  • Since: 2004/8/17


Thank you very much, ajuden! I try again but still there is no effect of the register form. I think that the problem is due to there is no enough space for the column to expand. As I see the register form in this website, the right block - system_block_login.html is omitted in register.php. How can I do that?

Cheers,
Doug
8
ajuden
Re: How to change the layout of register form?

  • 2004/10/8 20:07

  • ajuden

  • Just popping in

  • Posts: 87

  • Since: 2003/4/17


Could you send me the web page address? Maybe pm me or something. I will send you my ICQ or other methods to reach me if you would like.

Did you want to show that block on the register page or what?
9
dougfc
Re: How to change the layout of register form?

  • 2004/10/9 12:49

  • dougfc

  • Just popping in

  • Posts: 21

  • Since: 2004/8/17


Thanks adjuden! You are genius. My web page is still working on. I finally find out what the problem is. The names of places in the timezone is too long so that I delete some of them. Then the width of left column becomes what I want. BTW I do not want to show that block.

Cheers,
Doug
10
tjnemez
Re: How to change the layout of register form?

  • 2004/10/9 13:36

  • tjnemez

  • Home away from home

  • Posts: 1594

  • Since: 2003/9/21


Quote:
The names of places in the timezone is too long so that I delete some of them. Then the width of left column becomes what I want.


try adding something like this to your style sheet:

select {
font-size:9px;
padding: 1px;
}

font-size is adjustable of course.
(1) 2 »

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

147 user(s) are online (64 user(s) are browsing Support Forums)

Members: 0

Guests: 147

more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: May 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits