[FEATURE] Show DNFs in profile

Posted October 1, 2014 · October 1, 2014

This is great! I just added it to my profile!

The standard code almost fitted the location properly, it was just 1px wrong!

Posted October 1, 2014 · October 1, 2014

This is the code I used to get both "DNF logs written" and "Caches Hidden" on my profile.

<div class='mxStats' style='position:relative; top:-358px; left:268px; height:0px;'>
<div id='ctl00_ContentBody_ProfilePanel1_Panel_CachesFound' class='statbox' style='float:none; width:120px;'><strong>DNF Logs Written</strong> <img src='/images/icons/32/dnf.png' alt='' />
<span class='statcount'>78</span>
</div>
</div>
<div class='mxStats' style='position:relative; top:-358px; left:402px; height:0px;'>
<div id='ctl00_ContentBody_ProfilePanel1_Panel_CachesFound' class='statbox' style='float:none; width:120px;'><strong>Caches Hidden</strong> <img src='http://gsak.net/images/Hidden.gif' alt='' />
<span class='statcount'>16</span>
</div>
</div>

A few points worth noting:

1. It MUST be the first thing in your profile. Before anything like FSG. It does not work entered in an FSG notes section.

2. The two values "top:-xxx" need to be adjusted to line up with the other boxes. The value is dependent on the height of your profile picture.

3. If your profile pic is wide enough, the "Caches Hidden" box will overlap your picture. If this is a problem, edit your picture and add some white background to the top. This will effectively move your picture down so there isn't an obvious overlap. This, in turn, will change the offset you need. Trial and error is your friend.

4. I have used a modified version of the BadgeGen "Hides" badge for the hides icon. I have written to the author seeking permission to use it but have had no reply. If I get a reply refusing permission, that Icon will change without notice.

Enjoy.

Posted October 15, 2014 · October 15, 2014

This is the code I used to get both "DNF logs written" and "Caches Hidden" on my profile.
<div class='mxStats' style='position:relative; top:-358px; left:268px; height:0px;'>
<div id='ctl00_ContentBody_ProfilePanel1_Panel_CachesFound' class='statbox' style='float:none; width:120px;'><strong>DNF Logs Written</strong> <img src='/images/icons/32/dnf.png' alt='' />
<span class='statcount'>78</span>
</div>
</div>
<div class='mxStats' style='position:relative; top:-358px; left:402px; height:0px;'>
<div id='ctl00_ContentBody_ProfilePanel1_Panel_CachesFound' class='statbox' style='float:none; width:120px;'><strong>Caches Hidden</strong> <img src='http://gsak.net/images/Hidden.gif' alt='' />
<span class='statcount'>16</span>
</div>
</div>
A few points worth noting:

1. It MUST be the first thing in your profile. Before anything like FSG. It does not work entered in an FSG notes section.

2. The two values "top:-xxx" need to be adjusted to line up with the other boxes. The value is dependent on the height of your profile picture.

3. If your profile pic is wide enough, the "Caches Hidden" box will overlap your picture. If this is a problem, edit your picture and add some white background to the top. This will effectively move your picture down so there isn't an obvious overlap. This, in turn, will change the offset you need. Trial and error is your friend.

4. I have used a modified version of the BadgeGen "Hides" badge for the hides icon. I have written to the author seeking permission to use it but have had no reply. If I get a reply refusing permission, that Icon will change without notice.

Enjoy.

Awesome work, but with the new profile layout it's not working anymore (or better, it's still the old one!).

Seeing that on your profile you already adapted the code to the new layout can you please provide the code to everyone?

Thanks!

Posted October 15, 2014 · October 15, 2014

Try this:

<div class="mxStats" style="position:relative; top:-228px; left:412px;">
<div id="ctl00_ContentBody_ProfilePanel1_Panel_TrackableStats" class="stat">  |  
<img src="/images/icons/32/dnf.png" alt="" height="16" width="16"> 349 DNF</div>
</div>

Posted October 15, 2014 · October 15, 2014

This is what I used for the new layout. It looks OK on Firefox but the vertical bars are slightly out in Chrome and way out in my Android browser.

Cheers

Tony

<div class='stat' style='position:relative; top:-195px; left:66px; height:0px;'>
<img style='vertical-align:sub' src='/images/icons/32/dnf.png' alt='' height='16' width='16' />
80 DNF Logs
</div>
<div class='stat' style='position:relative; top:-195px; left:104px; height:0px;'>
  <img style='vertical-align:sub' src='http://gsak.net/images/Hidden.gif' alt='' height='16' width='16' />
 19 Caches Hidden
</div>

Posted October 16, 2014 · October 16, 2014

That looks fantastic, Gill & Tony! Thanks for sharing.

Posted October 17, 2014 · October 17, 2014

I also adopted Jill & Tony's style of displaying DNF and hidden caches. I use Firefox so the vertical bars are perfectly aligned in this browser, in IE they're a litle bit off but nothing critical.

Thank you!

Edited October 17, 2014 by Pontiac_CZ

Posted October 19, 2014 · October 19, 2014

I copied Gill & Tony's way of displaying DNFs and Hiddens. Only thing I changed is I'm using the star for the hidden caches https://www.geocaching.com/images/icons/32/star.png

Edited October 19, 2014 by Bigmada

Posted October 20, 2014 · October 20, 2014

Bigmada: what browser do you use? Your added line with DNFs and hidden caches is shifted a little bit downwards from the correct position, it nearly touches the "E-mail address: Send message" line in IE 11 and FF 33.0 (it looks pretty much the same in both of them), I do not have any other browser to test with.

In a contrary, my profile (or Gill & Tony's) much likely looks weird in your browser, doesn't it? Different programs process CSS (and the whole DOM) differently sometimes.

Posted October 22, 2014 · October 22, 2014

Bigmada: what browser do you use? Your added line with DNFs and hidden caches is shifted a little bit downwards from the correct position, it nearly touches the "E-mail address: Send message" line in IE 11 and FF 33.0 (it looks pretty much the same in both of them), I do not have any other browser to test with.

In a contrary, my profile (or Gill & Tony's) much likely looks weird in your browser, doesn't it? Different programs process CSS (and the whole DOM) differently sometimes.

I'm using FireFox 33.0

This is what it looks like for me. The line is to the right to far on mine.

Posted October 22, 2014 · October 22, 2014

Wow, this is funny. I have FF 33.0 as well and I'm surprised to see from screenshots you attached that my profile looks the SAME WAY (the DNFs line shifted down) on your Firefox as yours is displayed on mine. Only Gill&Tony is consistent everywhere.

I don't get it...

Posted October 22, 2014 · October 22, 2014

Wow, this is funny. I have FF 33.0 as well and I'm surprised to see from screenshots you attached that my profile looks the SAME WAY (the DNFs line shifted down) on your Firefox as yours is displayed on mine. Only Gill&Tony is consistent everywhere.

I don't get it...

I wonder if it has to do with the Location section and the edit profile link. Gill&Tony doesn't have a location listed and we only can see the edit link on our own page.

Posted October 22, 2014 · October 22, 2014

OK, let's test it - I deleted my location. No visible change in my Firefox (besides the missing location). How does it look from your side?

Posted October 22, 2014 · October 22, 2014

OK, let's test it - I deleted my location. No visible change in my Firefox (besides the missing location). How does it look from your side?

Your DNF and caches hidden look good to me (Firefox, whatever the latest version is). Some of the icons in your GSAK stats is broken though.

Posted October 23, 2014 · October 23, 2014

Maybe the location really matters? Still awaiting confirmation from Bigmada as well.

Thanks Chrysalides - BTW you also think you tuned the position of your DNF's perfectly in your Firefox, right? So this is how it looks in mine:

Posted October 23, 2014 · October 23, 2014

Ah, so it isn't just me that sees these things positioned in weird ways. Although what I see has worse positioning:

Posted October 23, 2014 · October 23, 2014

Ah, so it isn't just me that sees these things positioned in weird ways. Although what I see has worse positioning:

That's because your font size is larger than what the designers chose for us in the top section of the profile (I do not appreciate

this standard tiny font, but do not want to change it due to side effects this has)

and so less fits into the fixed width area.

Posted October 23, 2014 · October 23, 2014

OK, let's test it - I deleted my location. No visible change in my Firefox (besides the missing location). How does it look from your side?

Looks fine now

Edited October 23, 2014 by Bigmada

Posted October 23, 2014 · October 23, 2014

Maybe the location really matters? Still awaiting confirmation from Bigmada as well.

Thanks Chrysalides - BTW you also think you tuned the position of your DNF's perfectly in your Firefox, right? So this is how it looks in mine:

*sigh* can't win. It looks fine on my setup on both Firefox and Chrome.

Ah, I get it now. When I view my own profile, I don't see "Send this person a friend request". Neither do anyone who's already my friend. So I need to determine if I want to optimize for myself and friends, or for everyone else. The other alternative is to get rid of location, like Pontiac_CZ did.

Posted October 24, 2014 · October 24, 2014

Maybe it would be better to use absolute positioning which is not sensitive to the content that may get in front of our custom DIV but is related only to the parent element. A quick tune in Firebug for your profile, Chrysalides, resulted in these settings: position:absolute; top:63px; left:433px

Try it and if it looks perfect on your system then this could be the way to go.

.

Edited October 24, 2014 by Pontiac_CZ

Posted October 24, 2014 · October 24, 2014

Hello,

I'm a noob in html, buth i realy want this dnfpride

Just tried alot of thing. I coppied the code and try to past it in the box of my username (on edit your profile) , this does not work, the box is to small.

Tried to put it in location, this only shows the html code.

So were exactly do i have to paste the code?

Can someone help me out?

Posted October 24, 2014 · October 24, 2014

Paste it in the Bio box.

Posted October 24, 2014 · October 24, 2014

Paste it in the Bio box.

Thank you! :lol:

worked out perfect!

Posted October 24, 2014 · October 24, 2014

Maybe it would be better to use absolute positioning which is not sensitive to the content that may get in front of our custom DIV but is related only to the parent element. A quick tune in Firebug for your profile, Chrysalides, resulted in these settings: position:absolute; top:63px; left:433px

Try it and if it looks perfect on your system then this could be the way to go.

.

Absolute positioning didn't work, unfortunately - I tried it both in Firefox and Chrome. So decided to just nuke the location information instead. Until GS changes the layout again, probably in the next update.

Posted October 24, 2014 · October 24, 2014

I'm sorry to hear that. But who will miss the location info anyways. And by the way, your DNF count now displays just perfectly here.

Posted October 24, 2014 · October 24, 2014

To me the mobile phone view, which drops the DNF over the last visited date, is still the deal breaker simply because I tend to use that if I have any reason to go through my public profile on to look at someone else's. It looks great on the tablet, though.

Edited October 24, 2014 by geodarts

Posted December 3, 2014 · December 3, 2014

Since i started caching in 2004 i have done a log for all my dnf s i would absolutely love to have this dnf count on my page but feel incapable of doing the techie typing and clicking to get it there, is there somewhere that explains in simple language for us non techies a way to do it. jeff=bones1.

Posted December 8, 2014 · December 8, 2014

Since i started caching in 2004 i have done a log for all my dnf s i would absolutely love to have this dnf count on my page but feel incapable of doing the techie typing and clicking to get it there, is there somewhere that explains in simple language for us non techies a way to do it. jeff=bones1.

Step 1 : Find out your DNF count. Go to this page to find out : http://www.geocaching.com/my/logs.aspx?s=1&lt=3

Step 2 : Edit your profile. Go to this page to do it : https://www.geocaching.com/account/settings/profile

Step 3 : Add the following section to the very beginning of the text box that says "Bio" :

<div class='stat' style='position:relative; top:-227px; left:463px; height:0px'>
|  
<img style="vertical-align:sub" src='/images/icons/32/dnf.png' alt="" height="16" width="16" />
#NUMBER# DNF Logs
</div><br />

Replace #NUMBER# with the number of DNF that you have.

This should be at the very beginning, before your BadgeGen / FindStatGen HTML code.

You may need to adjust the "-227px" if the vertical alignment is off (not exactly in the same line), and you will need to adjust "463px" to something larger because you have 5 digits for the find count. Experiment with different values. Go to http://www.geocaching.com/profile/ to see the result.

Posted December 15, 2014 · December 15, 2014

Can somebody post a photo here of my account?

Posted December 15, 2014 · December 15, 2014

Oh and by the way:The location of these features depends on the zoom factor.At least in Firefox.

Posted December 15, 2014 · December 15, 2014

You seem to be using the "old" style HTML. Groundspeak have altered the profile page so that no longer works.

Try using this as a starting point

<div class='stat' style='position:relative; top:-205px; left:66px; height:0px;'>
<img style='vertical-align:sub' src='/images/icons/32/dnf.png' alt='' height='16' width='16' />
82 DNF Logs
</div>
<div class='stat' style='position:relative; top:-205px; left:104px; height:0px;'>
  <img style='vertical-align:sub' src='http://gsak.net/images/Hidden.gif' alt='' height='16' width='16' />
 20 Caches Hidden
</div>

You can change the Top:xxx values, the Left:yyy values and the text to suit.

Posted December 15, 2014 · December 15, 2014

GrayHawk613: yep, you use the old style. Try the new code that Gill & Tony put here.

This is how it looks like in my FF 34.0.5:

Fyo28xH.png?1

Posted December 15, 2014 · December 15, 2014

I can't get the DNF icon with the new code.

Posted December 15, 2014 · December 15, 2014

GrayHawk613: yep, you use the old style. Try the new code that Gill & Tony put here.

This is how it looks like in my FF 34.0.5:

Why is there the letters:VIP?

Posted December 16, 2014 · December 16, 2014

Sorry, forgot to switch off Greasemonkey temporarily (the VIP icon is created by GC little helper script).

So currently it looks like this:

Posted December 18, 2014 · December 18, 2014

How about now? I used the old HTML on purpose.

How come in the pic it doesn't have the link to make me a friend? I thought I enabled that link. <_<

Edited December 18, 2014 by GrayHawk613

Posted December 18, 2014 · December 18, 2014

On a local cacher's profile I can see the "Send This Person a Friend Request" link but not on yours so you probably didn't allow friend requests.

Edited December 18, 2014 by Pontiac_CZ

Posted December 18, 2014 · December 18, 2014

On a local cacher's profile I can see the "Send This Person a Friend Request" link but not on yours so you probably didn't allow friend requests.

It looks exactly how I wanted it :lol: How do you allow friend requests?

Posted December 18, 2014 · December 18, 2014

Account settings -> Preferences -> uncheck "Block friend requests from other geocachers".

Posted December 18, 2014 · December 18, 2014

I have done that. I also contacted Groundspeak about it.

Edited December 19, 2014 by GrayHawk613

Posted December 19, 2014 · December 19, 2014

Account settings -> Preferences -> uncheck "Block friend requests from other geocachers".

Although I think that GrayHawk13 has handled him/herself pretty well in the forums as a father of an 11 year old son that is also becoming fairly proficient with a computer I'd concern about having user profile with a working email address and his age posted multiple times on a public forum that allows anonymous access, not to mention, allowing friend requests.

Posted December 19, 2014 · December 19, 2014

I have done that.

I don't know what's wrong then but I don't see any change on your profile.

Posted December 19, 2014 · December 19, 2014

Went with this one too, looks fab. Thanks for sharing Gill & Tony!

This is what I used for the new layout. It looks OK on Firefox but the vertical bars are slightly out in Chrome and way out in my Android browser.

Cheers

Tony

<div class='stat' style='position:relative; top:-195px; left:66px; height:0px;'>
<img style='vertical-align:sub' src='/images/icons/32/dnf.png' alt='' height='16' width='16' />
80 DNF Logs
</div>
<div class='stat' style='position:relative; top:-195px; left:104px; height:0px;'>
  <img style='vertical-align:sub' src='http://gsak.net/images/Hidden.gif' alt='' height='16' width='16' />
 19 Caches Hidden
</div>

Posted March 1, 2015 · March 1, 2015

Just added DNFs and Hidden to my profile. Thanks guys! This is awesome!

Posted March 3, 2015 · March 3, 2015

If you'd like this to become a standard feature then consider mentioning it in the User Insights forum where GS are currently receiving submissions about profile page functionality.

Posted March 26, 2015 · March 26, 2015

Anyone have the new measures for the updated site/profile page? Mine is all sorts of messy now.

Posted March 26, 2015 · March 26, 2015

Mine were something like top:-228px; left:425px. Now it works at top:-250px; left:440px

"Before" numbers are approximate. I didn't note them before changing them. But maybe these new numbers will give you a starting place to finesse your own.

Posted March 26, 2015 · March 26, 2015

I've got it roughly now at top-220px. Good enough, I guess.

Thanks for the ballpark figure. I don't know the layout language to move it appropriately, and was going the wrong direction after the new roll-out was implemented yesterday.

Posted March 26, 2015 · March 26, 2015

I took this out of my profile because I couldn't get it to work perfectly.

I'd rather wait for it to be an official feature.

Am I naive to believe that it might actually be implemented since the workaround originated from a lackey?

Posted March 26, 2015 · March 26, 2015

Recently, this thread in the User Insights forum solicited feedback on desired features for your public profile. Several community members commented on having the ability to display their DNF count. The thread is now closed, but the feedback was collected. We will see what comes out of the design exercise!

[FEATURE] Show DNFs in profile

Recommended Posts

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment