Jump to content

..Display my Badgegen awards on my profile?


Chocolate Lundi

Recommended Posts

Hi everybody.

 

After randomly scanning through a few peoples profiles, I came across one with the official Badgegen awards on display. I think this looks cool and I'd like to display the same on my own profile. The problem is, I can't add it to my profile. I've been to the section on project-gc .com and picked up the html code, copied and pasted it in to my edit profile section but nothing shows. I don't know what I'm doing wrong. I've been to the Badgegen website too but can't see anything on there to help.

 

Does anyone know how to do this?

 

Cheers

Link to comment

Hi everybody.

 

After randomly scanning through a few peoples profiles, I came across one with the official Badgegen awards on display. I think this looks cool and I'd like to display the same on my own profile. The problem is, I can't add it to my profile. I've been to the section on project-gc .com and picked up the html code, copied and pasted it in to my edit profile section but nothing shows. I don't know what I'm doing wrong. I've been to the Badgegen website too but can't see anything on there to help.

 

Does anyone know how to do this?

 

Cheers

 

Is this a static image you want to add to your profile?

 

Not sure if this would help or not:

 

Help Center → My Account → My Account and Profile

2.15. How do I upload an image to my profile?

http://support.Groundspeak.com/index.php?pg=kb.page&id=113

 

You can add larger images to your Bio box, located under the "Profile Information" tab. You will need to use HTML and use <img> tags. Example: <img src="[insert image URL]">

 

B.

Link to comment

Sorry to name drop but take a look at the profile belonging to "jennthefunkyranger"

 

This is what I saw, how do I get the html to display all the badges?

 

Here is the pertinent html code that is used on her page (eliminating the title)

 

<img border="0" src="http://www.gsak.net/bgv2/country_badge/UnitedKingdomE.png" width="100" height="100">

 

It uses the basic image (img) tag for html. There are many online tutorials that offer guidance in how to display images, but this type of code should work fine on your profile. The images I put on my profile display without any unusual code being needed. .

 

You write that you copied and pasted the html code from project-gc but it shows nothing. It's hard to know what is going wrong without seeing the code you are trying to include. Perhaps you can copy it here and we would be in a better position to help.

 

Once you get the image to display you can use other tags such as <center></center> to control how it is placed on your profile page. The profile you cited uses a few different techniques, including <center>, page breaks <br> and table tags to arrange the badges and control how they are are shown. Particularly with the table, it would be best to look at an online tutorial.

Edited by geodarts
Link to comment

Here is the pertinent html code that is used on her page (eliminating the title)

 

<img border="0" src="http://www.gsak.net/bgv2/country_badge/UnitedKingdomE.png" width="100" height="100">

 

Is that different from what the Help Center article says to use?

 

B.

 

Since you brought up the subject, it is a bit different and since the OP asked about the specific profile I thought it best to include the page source from that.

 

The help center article quoted above mentions the basic <img> tag but is by no means complete. Even the article about displaying pictures on a cache page does not include some of the image tags for controlling height (<width><height>), buffering (<hspace><vspace>), or alignment (apart from centering) that are often useful in formatting an image on the page, so I do not usually recommend it.

 

One of the ways that I learned some basic html was by looking at the page source that did what I wanted to do. That is harder to do these days as the code has expanded, and the page source from the profile that I quoted above would be harder to figure out since there is so much there apart from the basic code. The instructions on the Follow the Arrow page that you posted may be a good place to start - although I would add a few other formatting tags to the image section if people are working with different sized material.

 

But in any event, if the OP is still having problems, that is a good starting point - or posting the code that was copied here would help so that we can offer more specific advice.

Edited by geodarts
Link to comment

I'm aware of how to centre images, have bold/italic/coloured text, use breaks and alter image sizes etc, that's no problem. I just thought there would be a fixed html code for this feature, where you add your geocaching ID into the middle of it (just like the SideTracked series or Church Micro series). There does seem to be one provided on the project-gc website:

 

Chocolate%20Lundi.png

 

But this does not work when I enter it in my edit profile space.

Link to comment

Managed to get a Badgegen stat bar onto my profile, but I had to tweak the html to make it show. It's not exactly the same as the other profile either, and I think the version on the other profile looks a lot better. Does anyone know how I get it exactly the same as the other profile?

 

My Profile: https://www.geocaching.com/profile/?guid=11345c89-db2a-4485-b7d5-a1c603c45b37

 

What I want my profile to look like: https://www.geocaching.com/profile/?guid=570a903f-fb10-47bc-b0f2-fea843e17868

 

(To find Badgegen stat bar on my profile, scroll down)

Link to comment

Managed to get a Badgegen stat bar onto my profile, but I had to tweak the html to make it show. It's not exactly the same as the other profile either, and I think the version on the other profile looks a lot better. Does anyone know how I get it exactly the same as the other profile?

 

My Profile: https://www.geocaching.com/profile/?guid=11345c89-db2a-4485-b7d5-a1c603c45b37

 

What I want my profile to look like: https://www.geocaching.com/profile/?guid=570a903f-fb10-47bc-b0f2-fea843e17868

 

(To find Badgegen stat bar on my profile, scroll down)

 

The profile you link to uses line breaks, centering, and tables to display separate badges. From the page source snippet I quoted above, it appears they used gsak to add the badges to their profile. The badge bar from project-gc that you use is a single image. You would have to edit the image itself, which could be tedious, or find a different source for the badges you want to display. I don't know if project-gc offers any other alternatives to the bar.

Edited by geodarts
Link to comment

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...