No replies to this topic

[Broni]

I found user info pane to be very bleak/washed out:



so I wanted to add some more life to it by making all field titles bold to have this look:



Surely some further edits are possible to add even some more contrast, change font color, etc.
However making titles bold will give you pretty good idea where and how to make those changes.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
SIDE NOTE. If you're using "Enhanced Joined Date" hook you'll notice that a colon after word "Joined" is missing.
To correct that go ACP>Look & Feel>Manage Languages>English and search for registered_at.
In "New value" box put Joined: and click "Go" button.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Now off to the edits, which are little bit complex as fields belong to different groups and some of them come from hooks:
This is how it looks on my board. You may have more, or less fields:



To make "Joined" title bold go ACP>Look & Feel>your_skin>Templates tab>Global Templates>enhancedJoinedDate and add setting in red:

Quote

<li class='post_count desc lighter'>
<b>{$this->lang->words['registered_at']}</b> {$nicedate}
</li>

To make "Age" title bold go ACP>Look & Feel>your_skin>Templates tab>Global Templates>hookUIPMembersAge and add setting in red:

Quote

<li class='post_count desc lighter'>
<b>{$this->lang->words['registered_at']}</b> {$nicedate}
</li>

To make "Skin" title bold go ACP>Look & Feel>your_skin>Templates tab>Global Templates>hookUIPMembersSkin and add setting in red:

Quote

<if test="hasSkin:|:$skin_id && $skin_name">
<li class='post_count desc lighter'>
<b>{$this->lang->words['members_skin']}</b> <a href="{$this->settings['base_url']}{$this->settings['query_string_formatted']}&amp;settingNewSkin={$skin_id}&amp;k={$this->member->form_hash}" rel="nofollow">{$skin_name}</a>
</li>
</if>

To make "Local Time" title bold go ACP>Look & Feel>your_skin>Templates tab>Global Templates>hookUIPLocalTime and add setting in red:

Quote

<if test="hasLocalTime:|:$local_time">
<li class='post_count desc lighter'>
<b>{$this->lang->words['local_time']}</b> {$local_time}
</li>
</if>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

To make all titles bold in "custom_fields" box will be easy and quick.
Go ACP>Look & Feel>your_skin>CSS tab>ipb_styles and add line in red:

Quote

.custom_fields .ft {
color: #A4A4A4;
margin-right: 3px;
font-weight: bold
}

NOTE. The above edit will make changes in ALL skins.

The only exception is flag (Country:) field, which has to be adjusted individually.
Go ACP>Mmebers>Custom Profile Fields and click on "Country" item in "Profile Information" section.
Scroll all the way down and in "Topic View Format?" add code in red:

Quote

<b>{title}:</b> <img src='http://www.smartestcomputing.us.com/Flags/{key}.gif' />

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Now off to last item, "Time Online".
In this case you'll have to edit hook's .php file.
Access your board through FTP and go /public_html/hooks/1-sos32_timespent_c7baaa5359b9f5ded3eda69e505c5358.php
In line 65 add code in red:

Quote

$string = ( $_data['author']['member_id'] && in_array($_data['author']['member_group_id'], $canUse) ) ? "<ul class='basic_info'><li class='post_count desc lighter'><b>{$text}</b>: {$days}{$hrs}{$mins}{$secs}</li></ul>" : '';

That should do it...
Enjoy!