PDA

View Full Version : Profile Enhancements - Bold Profile Field Titles


cheat-master30
08 Feb 2009, 12:01
And the award for world's most minor template modification ever goes to... But seriously, after a quick check on vBulletin.com and various other sites, I have come to the conclusion the standard profile field titles in the about me tab are just not 'stand out' enough from the actual text, so I've made a very minor modification which boldens the titles to differentiate between the profile field name and user content in a much easier way.

So first up, the original code to modify is this:
<dt class="shade" id="[whatever]">Location</dt>This is the code that's supposed to give the slight colour difference between the title and the content, but really, on a customised profile style doesn't really do it's job that well. You then go to this template:

Member Info Templates > memberinfo_profilefield

And then find this code:

<dt class="shade" id="profilefield_title_$profilefield[profilefieldid]">$profilefield[title]</dt>And add either <b> or <strong> tags where bolded in the piece of code below:

<dt class="shade" id="profilefield_title_$profilefield[profilefieldid]"><b>$profilefield[title]</b></dt>See attachments for difference between this and default.

Edit: Because of a problem where it applies only to a certain user profile for some reason (might actually be who you're logged in as or the like), here's a piece of code as released by vbplusme:

Find this piece of code in Style Manager -> All Style Options

.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }

And replace with:

.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; font-weight: bold; }

Charlie98902
09 Feb 2009, 02:27
Hi thanks for the tip however to be different I used this.

<dt class="shade" id="profilefield_title_$profilefield[profilefieldid]"><b><span style="color: Blue;">$profilefield[title]</b></span></dt>

To show different color than just bold and this helps make it stand out as well. You can choose what ever color you wish as well. :D

vbplusme
09 Feb 2009, 03:04
Better yet, modify the .shade property in Main CSS then you don't need to change any template code.
Original:

.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }

Modified:
.shade, a.shade:link, a.shade:visited { color: #0000FF; font-weight: bold; text-decoration: none; }

ENJOY!

Charlie98902
09 Feb 2009, 03:31
Hi thanks for the tip however to be different I used this.

<dt class="shade" id="profilefield_title_$profilefield[profilefieldid]"><b><span style="color: Blue;">$profilefield[title]</b></span></dt>

To show different color than just bold and this helps make it stand out as well. You can choose what ever color you wish as well. :D

Seems to work only on my profile but no one elses?

vbplusme
09 Feb 2009, 03:47
HUH? That is a CSS class reference it can not NOT work if its called OR is being replaced by something else that is hard coded to usurp it, like adding another <style> tag after it. Works fine on my site but I haven't made any mods to that code.

Charlie98902
09 Feb 2009, 03:50
Not the css one you made but the html one I used. I have to go to bed as I must get up at 3 am tomorrow but I will post back on what I did and what happened as well. I couldn't find the css to use yours. Well the line of css not the main css to change.

vbplusme
09 Feb 2009, 03:55
Oh, that's why. That class is definitely in Main CSS, on mine, its in the "Additional CSS Definitions" at the bottom of the page, top box. HTH

Charlie98902
09 Feb 2009, 11:03
Oh, that's why. That class is definitely in Main CSS, on mine, its in the "Additional CSS Definitions" at the bottom of the page, top box. HTH

Thanks I found out where you were talking about and that did it for all it seems.

cheat-master30
09 Feb 2009, 20:57
I'll be updating it with the CSS version if you don't mind, the only reason there was a problem with the existing version is because originally, it wasn't meant to be released as a mod and I basically coded it to fix a certain profile.

cheat-master30
09 Feb 2009, 21:01
Thanks vbplusme, updated.

cheat-master30
09 Feb 2009, 21:23
New: If you don't like the blog sidebar links such as total this and that being bold with this mod and the CSS edit, go to Templates then Blog Templates then blog_sidebar_generic and change:

shade smallfont

To plain old:

smallfont or another value.