The only override is at profile_header macro. The rest of the code are extra macros. You can paste it in your app as I did, creating two new files:
1 - extra_fields:
<translation><from>Registered</from><to>Joined</to></translation>
<macro name="extra_fields" requires="user,servlet">
<style type="text/css">
#extra_fields_form{
color: purple;
background-color: #EEEEEE }
#extra_fields_form div, #extra_fields_form label{
float: left;
clear: both;
border-radius: 10px;
}
#extra_fields_form div{
margin-left: 10px;
margin-top: 5px;
}
#extra_fields_form .sub_but{
padding: 3px;
margin: 3px 10px;
}
.clear{
clear:both;
}
#extra_button{
cursor: pointer;
font-style:italic;
}
</style>
<script type="text/javascript">
$( document ).ready(function() {
$("#extra_button").click(function () {
$("#extra_fields_form").show("slow");
});
});
</script>
<n.set_local_user.this_user />
<!-- Extra info -->
<n.if.is_submitted_form>
<then>
<n.this_user.set_property name="sex" value="[n.get_parameter name='sex' /]" />
<n.this_user.set_property name="location" value="[n.get_parameter name='location' /]" />
<n.this_user.set_property name="age" value="[n.get_parameter name='age' /]" />
</then>
</n.if.is_submitted_form>
<n.this_user.list_extra_fields/>
</macro>
<macro name='list_extra_fields' requires='user'>
<n.if.this_user.has_property name="sex">
<then>
<strong>Sex: </strong><n.this_user.get_property name="sex"/><br/>
</then>
</n.if.this_user.has_property>
<n.if.this_user.has_property name="age">
<then>
<strong>Age: </strong><n.this_user.get_property name="age"/><br/>
</then>
</n.if.this_user.has_property>
<n.if.this_user.has_property name="location">
<then>
<strong>Location: </strong><n.this_user.get_property name="location"/>
</then>
</n.if.this_user.has_property>
</macro>
<macro name="extra_fields_form">
<br/>
<span id="extra_button">Edit your profile</span>
<hr/>
<form style="display: none" id="extra_fields_form" method="post" action="">
<div>
<label>Sex:</label>
<div>
<input type="radio" class='Male' name="sex" value="Male" />Male<br />
<input type="radio" class='Female' name="sex" value="Female" />Female
</div>
</div>
<br class='clear'/>
<div>
<label>Age:</label><div><input size='2' class='age' maxlength='2' type="text" name="age" pattern='[0-9]*' /></div>
</div>
<br class='clear'/>
<div>
<label>Location:</label><div><textarea class='location' maxlength='30' name="location" ></textarea></div>
</div>
<br class='clear'/>
<br/>
<input class="sub_but" type="submit" value="Update" />
<br class='clear'/>
</form>
<n.load_fields/>
</macro>
<macro name="load_fields">
<n.if.this_user.has_property name="sex">
<then>
<script type='text/javascript'>
$(document).ready(function(){
var sexClassName = '<n.this_user.get_property name="sex"/>';
var sexClass = $("."+sexClassName);
sexClass[0].checked=true;
})
</script>
</then>
</n.if.this_user.has_property>
<n.if.this_user.has_property name="age">
<then>
<script type='text/javascript'>
$(document).ready(function(){
var age = '<n.this_user.get_property name="age"/>';
$(".age").val(age);
})
</script>
</then>
</n.if.this_user.has_property>
<n.if.this_user.has_property name="location">
<then>
<script type='text/javascript'>
$(document).ready(function(){
var location = '<n.this_user.get_property name="location"/>';
$(".location").val(location);
})
</script>
</then>
</n.if.this_user.has_property>
</macro>
2 - profile_header (override) :
<override_macro name="profile_header" requires="user">
<n.set_local_user.this_user />
<n.block.>
<div class="second-font shaded-bg-color rounded" style="font-size:170%;padding:.2em .5em;margin-left:.1em">
<n.local_user.name/>
</div>
<table>
<tr valign="top">
<td><n.local_user.avatar size="big"/></td>
<td style="width:100%;padding-left:.5em">
<n.if.both condition1="[n.visitor.is_site_admin/]" condition2="[n.local_user.is_authenticated/]">
<then>
<strong>Email</strong>: <n.local_user.user_email/>
</then>
</n.if.both>
<n.if.local_user.is_banned>
<then>
<n.local_user.banned_label/>
</then>
<else>
<n.local_user.registration_label/>
<!-- <n.local_user.list_current_groups/> -->
<n.local_user.extra_fields/>
<n.if.not.local_user.is_deactivated>
<then.local_user.send_email_to_user_link/>
</n.if.not.local_user.is_deactivated>
</else>
</n.if.local_user.is_banned>
<!-- If this is the profile of the visitor -->
<n.if.visitor.equals.local_user>
<then>
<!-- if the user is authenticated -->
<n.if.local_user.is_authenticated>
<then>
<n.local_user.authenticated_self_profile_header/>
<n.local_user.extra_fields_form/>
</then>
<else>
<div style="margin-top:.5em">
<t><n.register_link.>Register now</n.register_link.> if you want to edit your profile, receive posts via email,control your starred items or have access to your global profile.</t>
</div>
</else>
</n.if.local_user.is_authenticated>
</then>
<else>
<n.if.visitor.can_manage_banned_users>
<then>
<div style="margin-top:.5em">
<img src="/images/icon_blocked.png" class="image16" style="margin:0 1px"/>
<n.if.local_user.is_banned>
<then><a href="[n.local_user.unban_path/]"><t>Unban this user</t></a></then>
<else><a href="[n.local_user.ban_path/]"><t>Ban this user</t></a></else>
</n.if.local_user.is_banned>
</div>
</then>
</n.if.visitor.can_manage_banned_users>
</else>
</n.if.visitor.equals.local_user>
</td>
</tr>
</table>
</n.block.>
</override_macro>
Locked
