Hire us to design your site.
Jan
6
2012

Display a register form at the front page.

Here is a tutorial how to make a register form on frontpage
how to style it with css and make the right call so it will work for your site …
or you can buy a templates from luvpoint instead it is cheap and save your time !
or buy the register mod from vldmagic. (I recommend this mod)

1. files you must check and use for make a register page on front page is  = account_register.tpl
files you must edit to show the register form on front page is = forms.css
we must also edit header.tpl and homepage.tpl !

(make a backup/copy of your templates files so you can replace it if something goes wrong !)

Okey I will use a facebook style:

css:

/* Page styles */

body,h1,h2,h3,p,td,quote,small,form,input,ul,li,ol,label{
margin:0px;
padding:0px;
}

body{
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
color:#51555C;
height:100%;

font-size:11px;
}

/* Form styles */

input,select{
padding:3px;
color:#333333;

border:1px solid #96A6C5;
margin-top:2px;
width:200px;
font-size:11px;
}

select{
width:auto;
padding:2px;
}

.formline{
padding:3px;
}

label{
font-size:11px;
text-align:right;
}

/* width of the register form */

table{
width:300px;
}

td{
font-size:11px;
}

.input-container{
padding:1px;
}

/* width of the register form */

#div-regForm,.registered{
border:3px solid #eeeeee;
padding:15px;

background:url(img/bg.jpg) repeat-x #cbd4e4;
color:#203360;

margin:30px auto 40px auto;
width:400px;
}

.form-title,
.form-sub-title{
font-size:20px;

font-family:”Lucida Grande”,Tahoma,Verdana,Arial,sans-serif;
font-size:20px;
font-weight:bold;
}

.form-sub-title{
font-weight:normal;
padding:6px 0 15px 0;
}

.greenButton{
width:auto;
margin:10px 0 0 2px;
padding:3px 4px 3px 4px;
color:white;
background-color:#589d39;
outline:none;
border:1px solid #006600;
font-weight:bold;
}

.greenButton:active{
background-color:#006600;
padding:4px 3px 2px 5px;
}

#loading{
left:10px;
position:relative;
top:3px;
visibility:hidden;
}

#error{
background-color:#ffebe8;
border:1px solid #dd3c10;
padding:7px 3px;
text-align:center;
margin-top:10px;
visibility:hidden;
}

and it look like this: (you can change the width of the register form)

and after we had change the width:

(now you can change look and feel ) or if you had a nice register page use that css instead !
and it can be some differents between 2.5.3 and 2.5.5 and newer. ( this is tested on 2.5.5)

2. read this first it is a tutorial how to make a right column in frontpage.
now the most templates from vldpersonals had only 2 column but you need 3 !

next time I learn you how to  insert the form on the right place on your site !

3. and after that I will learn you … (how to make the call to the register page)
can be little tricky but we will use the easy way to make it work ;) html code !

Have patience my friends ! I´m soon back ;)

About the Author: gugu

Hey ... I´m the owner of this site ;) If you need help customize your vldpersonals site. Please ask me and I will try to help you. Enjoy reading !

7 Comments + Add Comment

  • Hi, I just want to know how to insert form data into the respective tables in the vldp database? Could you please help me in that case?
    Thanks & Regards

    • Yes I can do that.
      please send me a support ticket and I will help you.

  • Hi,
    The ticket is *****. Please have a look into this matter.

  • Hey! Someone in my Myspace group shared this website with us so I came to look
    it over. I’m definitely loving the information. I’m book-marking and will be tweeting this to my followers! Fantastic blog and fantastic design and style.

  • Thanks for sharing your info. I truly appreciate your efforts and I am
    waiting for your next post thank you once again.

  • Amazing blog mate

  • goodnight and 2.7.1 vldPersonals its market
    thank you