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 ;)

VldMods

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

    Like or Dislike: Thumb up 1 Thumb down 0

    • VldMods

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

      Like or Dislike: Thumb up 1 Thumb down 0

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

    Like or Dislike: Thumb up 1 Thumb down 0

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

    Like or Dislike: Thumb up 0 Thumb down 0

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

    Like or Dislike: Thumb up 1 Thumb down 0

  • Amazing blog mate

    Like or Dislike: Thumb up 0 Thumb down 0

  • goodnight and 2.7.1 vldPersonals its market
    thank you

    Like or Dislike: Thumb up 0 Thumb down 0

About VldMods

Welcome to vldMods here we will try to connect all free and pay mods for vldpersonals 2.5.3 and newer.

You can now translate VldMods in 50 different languages.

Translate a post then you Continue Reading »

Add your vldpersonals site here.

Sponsor/Donate to VldMods

I hope you like VldMods if you sponsor me I can make it even better ;) Thanks.

Find Us On Facebook

VldMods Newsletter

Subscribe to VldMods Newsletter a confirmation email will be sent to you!
This is a good way to be informed about our tutorials and news.

VldMods Polls

Should We Have Php Tutorials For Beginners?