What I was saying in my last post here was that the entire profile is customizable; however, you must be creative.
For starters, if you would like to make full use of the "basic" profile template, then deactivate advanced profile (
example here). Otherwise, if you use advanced profile, you need to be advanced.
How? Well, for starters, some creativity may emerge on turning profile fields into image lists instead, especially if the profile field seems simple (for example browsers could be an image list with 5-6 different mainstream browsers).
Each profile field has a special ID for example:
- Code:
var fontColor = $('#field_id5 .field_uneditable').text();
var linkColor = $('#field_id10 .field_uneditable').text();
var bgColor1 = $('#field_id7 .field_uneditable').text();
var bgColor2 = $('#field_id11 .field_uneditable').text();
var bgColor3 = $('#field_id12 .field_uneditable').text();
var bgImage = $('#field_id8 .field_uneditable').text();
var bgRepeat = $('#field_id9 .field_uneditable').text();
That is just basic JS customized for a specific forum. Do not use such code as it was just an example.
Many of the advanced variables, especially in the advanced profile, can only be controlled by JavaScript. Sometimes, you have to force the JS to make the forum cooperate with you so you can use such variables.
Nonetheless, what the variables are, I can only display a few for you here, but it may or may not help you in the end.
I do not know enough JS, but I am mastered well in CSS/HTML.
List of variables:
- Code:
{USER_AVATAR}
{USER_NAME}
{UID}
{POSTS}
{FRIENDS}
{AVATAR_IMG}
{POSTER_RANK}
{USER_ONLINE}
{FRIENDSFOES}
{ADMINISTRATE_USER}
{BAN_USER}
{USERNAME}
{LAST_VISIT_TIME}
{PRIVATE_MSG}
{USER_ID}
Profile JS variables available for use (case sensitive of course):
- Code:
U.username
U.user_id
U.avatar
L.rank_title
L.Posts
U.user_posts
L.PMs
U.user_nb_privmsg
L.Reputation
U.point_reputation
L.See_my_profile
L.Edit_profile
L.All_PMs
L.All_Topics
L.All_Messages
L.js_topics_followed
Manipulating certain variables in JavaScript is very tedious, I will show one example...
JS:
- Code:
$(document).ready(function() {
var x=$('LAST_VISIT_TIME').html();
$('.templatelvt').html(x);
});
Place in template where variable needed:
- Code:
<span class="templatelvt"></span>
That's about as advanced as it gets.