registration like yahoo

[falguni1]

hi,

take a look at this image I have erased some fields that are not necessary.
can we have a registration form like this.



I want the fields to be in a drop down fashion like this.
I also want avatar select added to it.

[falguni1]

to make it easy to code here is the code from yahoo registration.

Koodi [Valitse] Laajenna

<div class="ymemformlabel"><label for="preferredcontent"> I prefer content from</label></div>
<div class="ymemformfield">
<select name="preferredcontent" id="preferredcontent" class="">
<option value="us" selected >Yahoo! U.S. in English</option>
<option value="e1" >Yahoo! Telemundo</option>

<option value="ru" >Yahoo! U.S. по-русски</option>
<option value="b5" >Yahoo! U.S. 中文</option><optgroup label='International Options'>
<option value="cn" >Yahoo! 中國</option>
<option value="hk" >Yahoo! 雅虎香港</option>
<option value="tw" >Yahoo! 奇摩</option>
<option value="th" >Yahoo! &#3648;&#3623;&#3655;&#3610;&#3652;&#3607;&#3618;</option>

<option value="kr" >Yahoo! 코리아</option>
<option value="ar" >Yahoo! Argentina</option>
<option value="aa" >Yahoo! Asia</option>
<option value="au" >Yahoo! Australia</option>
<option value="br" >Yahoo! Brasil</option>
<option value="ca" >Yahoo! Canada</option>

<option value="cf" >Yahoo! Qu&#233;bec</option>
<option value="dk" >Yahoo! Danmark</option>
<option value="de" >Yahoo! Deutschland</option>
<option value="gr" >Yahoo! Ελλάδα</option>
<option value="es" >Yahoo! España</option>
<option value="fr" >Yahoo! France</option>

<option value="in" >Yahoo! India</option>
<option value="id" >Yahoo! Indonesia</option>
<option value="ie" >Yahoo! Ireland</option>
<option value="it" >Yahoo! Italia</option>
<option value="my" >Yahoo! Malaysia</option>
<option value="mx" >Yahoo! México</option>

<option value="nz" >Yahoo! New Zealand</option>
<option value="nl" >Yahoo! Nederland</option>
<option value="no" >Yahoo! Norge</option>
<option value="ph" >Yahoo! Philippines</option>
<option value="pl" >Yahoo! Polska</option>
<option value="sg" >Yahoo! Singapore</option>

<option value="se" >Yahoo! Sverige</option>
<option value="tr" >Yahoo! Turkey</option>
<option value="uk" >Yahoo! United Kingdom</option>
<option value="vn" >Yahoo! Vi&#7879;t Nam</option></optgroup></select>
<div class="ex"></div>
</div>

</div>

<!-- start: 1. Tell us about yourself... -->

<fieldset id="fldsetAboutYou">
<legend>1. Tell us about yourself...</legend>


<div id="fullnameFld" class="ymemforminput ">

<div class="ymemformlabel"><label for="firstname"><span class="ymemreq" title="required">*</span> My Name</label></div>
<div class="ymemformfield">


<div class="ipt">

<div class="ymemformlabel"><label for="firstname"><span class="ymemreq" title="required">*</span> First name:</label></div>
<div class="ymemformfield">
<input type="text" name="firstname" id="firstname" value="" size="32" maxlength="32" class="" tabindex="1" autocomplete="off"></div>
</div>
<div class="ipt">

<div class="ymemformlabel"><label for="secondname"><span class="ymemreq" title="required">*</span> Last name:</label></div>
<div class="ymemformfield">
<input type="text" name="secondname" id="secondname" value="" size="32" maxlength="32" class="" tabindex="2" autocomplete="off"></div>

</div>
</div>
</div>

<div id="genderFld" class="ymemforminput ">


<div class="ymemformlabel"><label for="gender_o_0"><span class="ymemreq" title="required">*</span> Gender</label></div>
<div class="ymemformfield">
<select name="gender" id="gender" class="" tabindex="3">
<option value=""  selected>- Select One -</option>
<option value="m" >Male</option>

<option value="f" >Female</option></select>
</div>

</div>

<div id="dobFld" class="ymemforminput ">

<div class="ymemformlabel"><label for="dd"><span class="ymemreq" title="required">*</span> Birthday</label></div>
<div class="ymemformfield">

<div class="ipt">


<div class="ymemformlabel"><label for="mm"> Month:</label></div>
<div id="mmFld" class="ymemformfield">
<select name="mm" id="mm" class="" tabindex="4">
<option value=""  selected>- Select Month -</option>
<option value="1" >January</option>
<option value="2" >February</option>
<option value="3" >March</option>

<option value="4" >April</option>
<option value="5" >May</option>
<option value="6" >June</option>
<option value="7" >July</option>
<option value="8" >August</option>
<option value="9" >September</option>

<option value="10" >October</option>
<option value="11" >November</option>
<option value="12" >December</option></select>
<div class="ex"></div>
</div></div>
<div class="ipt">

<div class="ymemformlabel"><label for="dd"> Day</label></div>
<div id="ddFld" class="ymemformfield">


<input type="text" name="dd" id="dd" value="" size="32" maxlength="32" class="" tabindex="5" autocomplete="off">
<div class="ex"></div>
</div>
</div>
<div class="ipt">

<div class="ymemformlabel"><label for="yyyy"> Year</label></div>
<div id="yyyyFld" class="ymemformfield">

<input type="text" name="yyyy" id="yyyy" value="" size="32" maxlength="32" class="" tabindex="6" autocomplete="off">
<div class="ex"></div>
</div>
</div>

</div>
</div>

<div id="countryFld" class="ymemforminput ">

<div class="ymemformlabel"><label for="country"><span class="ymemreq" title="required">*</span> I live in</label></div>
<div class="ymemformfield">
<select name="country" id="country" class="" tabindex="7">
<option value=""  selected>Select One</option>
<option value="af" >Afghanistan</option>

<option value="ax" >Aland Islands</option>
<option value="al" >Albania</option>
<option value="dz" >Algeria</option>
<option value="as" >American Samoa</option>
<option value="ad" >Andorra</option>
<option value="ao" >Angola</option>

<option value="ai" >Anguilla</option>
<option value="aq" >Antarctica</option>
<option value="ag" >Antigua and Barbuda</option>
<option value="ar" >Argentina</option>
<option value="am" >Armenia</option>
<option value="aw" >Aruba</option>

<option value="au" >Australia</option>
<option value="at" >Austria</option>
<option value="az" >Azerbaijan</option>
<option value="bs" >Bahamas</option>
<option value="bh" >Bahrain</option>
<option value="bd" >Bangladesh</option>

<option value="bb" >Barbados</option>
<option value="by" >Belarus</option>
<option value="be" >Belgium</option>
<option value="bz" >Belize</option>
<option value="bj" >Benin</option>
<option value="bm" >Bermuda</option>

<option value="bt" >Bhutan</option>
<option value="bo" >Bolivia</option>
<option value="ba" >Bosnia and Herzegovina</option>
<option value="bw" >Botswana</option>
<option value="bv" >Bouvet Island</option>
<option value="br" >Brazil</option>

<option value="io" >British Indian Ocean Territory</option>
<option value="vg" >British Virgin Islands</option>
<option value="bn" >Brunei</option>
<option value="bg" >Bulgaria</option>
<option value="bf" >Burkina Faso</option>
<option value="bi" >Burundi</option>

<option value="kh" >Cambodia</option>
<option value="cm" >Cameroon</option>
<option value="ca" >Canada</option>
<option value="cv" >Cape Verde</option>
<option value="ky" >Cayman Islands</option>
<option value="cf" >Central African Republic</option>

<option value="td" >Chad</option>
<option value="cl" >Chile</option>
<option value="cn" >China</option>
<option value="cx" >Christmas Island</option>
<option value="cc" >Cocos (Keeling) Islands</option>
<option value="co" >Colombia</option>

<option value="km" >Comoros</option>
<option value="cg" >Congo</option>
<option value="ck" >Cook Islands</option>
<option value="cr" >Costa Rica</option>
<option value="hr" >Croatia</option>
<option value="cy" >Cyprus</option>

<option value="cz" >Czech Republic</option>
<option value="cd" >Democratic Republic of Congo</option>
<option value="dk" >Denmark</option>
<option value="xx" >Disputed Territory</option>
<option value="dj" >Djibouti</option>
<option value="dm" >Dominica</option>

<option value="do" >Dominican Republic</option>
<option value="tl" >East Timor</option>
<option value="ec" >Ecuador</option>
<option value="eg" >Egypt</option>
<option value="sv" >El Salvador</option>
<option value="gq" >Equatorial Guinea</option>

<option value="er" >Eritrea</option>
<option value="ee" >Estonia</option>
<option value="et" >Ethiopia</option>
<option value="fk" >Falkland Islands</option>
<option value="fo" >Faroe Islands</option>
<option value="fm" >Federated States of Micronesia</option>

<option value="fj" >Fiji</option>
<option value="fi" >Finland</option>
<option value="fr" >France</option>
<option value="gf" >French Guyana</option>
<option value="pf" >French Polynesia</option>
<option value="tf" >French Southern Territories</option>

<option value="ga" >Gabon</option>
<option value="gm" >Gambia</option>
<option value="ge" >Georgia</option>
<option value="de" >Germany</option>
<option value="gh" >Ghana</option>
<option value="gi" >Gibraltar</option>

<option value="gr" >Greece</option>
<option value="gl" >Greenland</option>
<option value="gd" >Grenada</option>
<option value="gp" >Guadeloupe</option>
<option value="gu" >Guam</option>
<option value="gt" >Guatemala</option>

<option value="gn" >Guinea</option>
<option value="gw" >Guinea-Bissau</option>
<option value="gy" >Guyana</option>
<option value="ht" >Haiti</option>
<option value="hm" >Heard Island and Mcdonald Islands</option>
<option value="hn" >Honduras</option>

<option value="hk" >Hong Kong</option>
<option value="hu" >Hungary</option>
<option value="is" >Iceland</option>
<option value="in" selected >India</option>
<option value="id" >Indonesia</option>
<option value="iq" >Iraq</option>

<option value="xe" >Iraq-Saudi Arabia Neutral Zone</option>
<option value="ie" >Ireland</option>
<option value="il" >Israel</option>
<option value="it" >Italy</option>
<option value="ci" >Ivory Coast</option>
<option value="jm" >Jamaica</option>

<option value="jp" >Japan</option>
<option value="jo" >Jordan</option>
<option value="kz" >Kazakhstan</option>
<option value="ke" >Kenya</option>
<option value="ki" >Kiribati</option>
<option value="kw" >Kuwait</option>

<option value="kg" >Kyrgyzstan</option>
<option value="la" >Laos</option>
<option value="lv" >Latvia</option>
<option value="lb" >Lebanon</option>
<option value="ls" >Lesotho</option>
<option value="lr" >Liberia</option>

<option value="ly" >Libya</option>
<option value="li" >Liechtenstein</option>
<option value="lt" >Lithuania</option>
<option value="lu" >Luxembourg</option>
<option value="mo" >Macau</option>
<option value="mk" >Macedonia</option>

<option value="mg" >Madagascar</option>
<option value="mw" >Malawi</option>
<option value="my" >Malaysia</option>
<option value="mv" >Maldives</option>
<option value="ml" >Mali</option>
<option value="mt" >Malta</option>

<option value="mh" >Marshall Islands</option>
<option value="mq" >Martinique</option>
<option value="mr" >Mauritania</option>
<option value="mu" >Mauritius</option>
<option value="yt" >Mayotte</option>
<option value="mx" >Mexico</option>

<option value="md" >Moldova</option>
<option value="mc" >Monaco</option>
<option value="mn" >Mongolia</option>
<option value="ms" >Montserrat</option>
<option value="ma" >Morocco</option>
<option value="mz" >Mozambique</option>

<option value="mm" >Myanmar</option>
<option value="na" >Namibia</option>
<option value="nr" >Nauru</option>
<option value="np" >Nepal</option>
<option value="nl" >Netherlands</option>
<option value="an" >Netherlands Antilles</option>

<option value="nc" >New Caledonia</option>
<option value="nz" >New Zealand</option>
<option value="ni" >Nicaragua</option>
<option value="ne" >Niger</option>
<option value="ng" >Nigeria</option>
<option value="nu" >Niue</option>

<option value="nf" >Norfolk Island</option>
<option value="kp" >North Korea</option>
<option value="mp" >Northern Mariana Islands</option>
<option value="no" >Norway</option>
<option value="om" >Oman</option>
<option value="pk" >Pakistan</option>

<option value="pw" >Palau</option>
<option value="ps" >Palestinian Occupied Territories</option>
<option value="pa" >Panama</option>
<option value="pg" >Papua New Guinea</option>
<option value="py" >Paraguay</option>
<option value="pe" >Peru</option>

<option value="ph" >Philippines</option>
<option value="pn" >Pitcairn Islands</option>
<option value="pl" >Poland</option>
<option value="pt" >Portugal</option>
<option value="pr" >Puerto Rico</option>
<option value="qa" >Qatar</option>

<option value="re" >Reunion</option>
<option value="ro" >Romania</option>
<option value="ru" >Russia</option>
<option value="rw" >Rwanda</option>
<option value="sh" >Saint Helena and Dependencies</option>
<option value="kn" >Saint Kitts and Nevis</option>

<option value="lc" >Saint Lucia</option>
<option value="pm" >Saint Pierre and Miquelon</option>
<option value="vc" >Saint Vincent and the Grenadines</option>
<option value="ws" >Samoa</option>
<option value="sm" >San Marino</option>
<option value="st" >Sao Tome and Principe</option>

<option value="sa" >Saudi Arabia</option>
<option value="sn" >Senegal</option>
<option value="cs" >Serbia and Montenegro</option>
<option value="sc" >Seychelles</option>
<option value="sl" >Sierra Leone</option>
<option value="sg" >Singapore</option>

<option value="sk" >Slovakia</option>
<option value="si" >Slovenia</option>
<option value="sb" >Solomon Islands</option>
<option value="so" >Somalia</option>
<option value="za" >South Africa</option>
<option value="gs" >South Georgia and South Sandwich Islands</option>

<option value="kr" >South Korea</option>
<option value="es" >Spain</option>
<option value="pi" >Spratly Islands</option>
<option value="lk" >Sri Lanka</option>
<option value="sr" >Suriname</option>
<option value="sj" >Svalbard and Jan Mayen</option>

<option value="sz" >Swaziland</option>
<option value="se" >Sweden</option>
<option value="ch" >Switzerland</option>
<option value="sy" >Syria</option>
<option value="tw" >Taiwan</option>
<option value="tj" >Tajikistan</option>

<option value="tz" >Tanzania</option>
<option value="th" >Thailand</option>
<option value="tg" >Togo</option>
<option value="tk" >Tokelau</option>
<option value="to" >Tonga</option>
<option value="tt" >Trinidad and Tobago</option>

<option value="tn" >Tunisia</option>
<option value="tr" >Turkey</option>
<option value="tm" >Turkmenistan</option>
<option value="tc" >Turks And Caicos Islands</option>
<option value="tv" >Tuvalu</option>
<option value="ug" >Uganda</option>

<option value="ua" >Ukraine</option>
<option value="ae" >United Arab Emirates</option>
<option value="uk" >United Kingdom</option>
<option value="xd" >United Nations Neutral Zone</option>
<option value="us" >United States</option>
<option value="um" >United States Minor Outlying Islands</option>

<option value="uy" >Uruguay</option>
<option value="vi" >US Virgin Islands</option>
<option value="uz" >Uzbekistan</option>
<option value="vu" >Vanuatu</option>
<option value="va" >Vatican City</option>
<option value="ve" >Venezuela</option>

<option value="vn" >Vietnam</option>
<option value="wf" >Wallis and Futuna</option>
<option value="eh" >Western Sahara</option>
<option value="ye" >Yemen</option>
<option value="zm" >Zambia</option>
<option value="zw" >Zimbabwe</option></select>

</div>
.

[ディン1031]

Why not using the Costum Profile Mod?
It give you the ability to add to the register page profile fields .

Bye
DIN1031

[falguni1]

hello not again how many times to explain to all.

age, gender and location are default profile fields provided by smf.


custom profile mod forces input of fields (created by using the CPF mod) on registration page but only for the fields created by that mod.

the CPF mod doesnot force input of the default profile fields provided by smf on the registration field.

I dont want to use the CPF mod as it will store all the data in different tables( tables of CPF mod) and not the one given by smf(tables given by smf to store age, gender and location) by default.

I want the data to be stored in default smf tables as the fields which I want are already provided and are default in SMF.

[Oldiesmann]

In 2.0 you can choose to show age, gender and any other profile field (except maybe avatar) on the registration form.

[falguni1]

In 2.0 you can choose to show age, gender and any other profile field (except maybe avatar) on the registration form.

I want them to be compulsory not just show on the registration form.

[Dejv]

In 2.0 you can choose to show age, gender and any other profile field (except maybe avatar) on the registration form.

Hi,
I am looking forward to this, I see its not in Beta2.0 registration settings yet or am I looking on the wrong place?