Creating "tabs" on profile page

Posted: Mon Jul 05, 2010 8:15 am

I've seen some folks who have somehow created tabs on their gc profile page. So you look at their profile and there might be the basics, then the "tabs" for folders underneath, that you can click to see what's there.

How in the world is this done? I enjoy reading others' stuff on the profile, but don't want to "clutter" ours with stuff others may not really give a rip about. The tabs would let us play with our inner voyeuer if wanted, but ignore meaningless details as well. LOL To both of us, the most important thing on that page is the photo of us each holding a grandbaby. The other stuff means nothing at all, but I know I enjoy seeing that stuff and discovering what others have done.

Posted: Mon Jul 05, 2010 8:18 am

Trekkin' and Birdin' wrote:

I've seen some folks who have somehow created tabs on their gc profile page. So you look at their profile and there might be the basics, then the "tabs" for folders underneath, that you can click to see what's there.

How in the world is this done?

I don't recall ever seeing this. Can you provide a User as an example and I'll be happy to take a look.

Posted: Mon Jul 05, 2010 9:48 am

I wish I could remember where I saw this. An out of state user...if I can remember who it was, I'll add the link.

Posted: Tue Jul 06, 2010 8:41 am

Here is one example:
http://www.geocaching.com/profile/?guid=0ab1a9e7-3ce7-4d27-bd71-850d452f0597

I'll look into the "how" part. I didn't think this was possible on profile pages any longer...

Posted: Tue Jul 06, 2010 8:47 am

Brian, That's not the one I saw (nor can I find it now), but it's the same idea. I'm sure it's some sort of html trick and I do know about "view source," so I suppose I could start with that but my brain is fried from a challenging read for my book club right now!

Posted: Tue Jul 06, 2010 8:59 am

Why not send a note to that guy to see what he did? Maybe it's some program that no one around here uses.

Posted: Tue Jul 06, 2010 8:59 am

Not necessarily any "tricks" but it appears to be using some "scripting" to hide / show certain blocks of HTML. I've sent the users an email asking how he did it. It definately appears to be generated code, so I'm assuming there's a piece of software out there that generates this. I'll post more if / when I hear back.

Posted: Tue Jul 06, 2010 9:09 am

CodeJunkie wrote:

Not necessarily any "tricks" but it appears to be using some "scripting" to hide / show certain blocks of HTML. I've sent the users an email asking how he did it. It definately appears to be generated code, so I'm assuming there's a piece of software out there that generates this. I'll post more if / when I hear back.

I believe one of the GSAK stats macros builds HTML that divides the stats up by "tab". Not sure what exactly because I don't use this.

Posted: Tue Jul 06, 2010 11:34 am

CodeJunkie wrote:

Not necessarily any "tricks" but it appears to be using some "scripting" to hide / show certain blocks of HTML. I've sent the users an email asking how he did it. It definately appears to be generated code, so I'm assuming there's a piece of software out there that generates this. I'll post more if / when I hear back.

its a technique called sliding door page generation. But for the life of me I cant figure out how he is doing it without using java

Posted: Tue Jul 06, 2010 12:21 pm

HTML and Style Sheets are NOT my forte, but the magic seems to be happening here:

Code:

<div onclick=
"document.getElementById('p_m').click();document.getElementById('profile_div1').style.display='inline';this.style.background='white';"
style=
"background:white;text-align:center;width:100px;float:left;cursor:pointer;border:1px solid blue;border-bottom:1px;"
id="profile_menu_div1">Biography</div>

and farthur down:

Code:

<div id="profile_div1" style=
"display:inline;width:680px; float: left;">
<table style=
"background-color: #dde6f2; border: 0px solid
etc... etc.. etc..

I don't think this is something you would want to code by hand. There are some "free" editors that can handle CSS. I have no idea which ones are any good.

Posted: Tue Jul 06, 2010 12:27 pm

And I have no idea what you just wrote, TBC! Shocked

Posted: Fri Sep 03, 2010 8:06 pm

team black cat you have tabs that say where youve cached and your mile markers. how did you get them? where do you get the code and where do you past it. im taking about on here the wga profile.

Posted: Fri Sep 03, 2010 8:21 pm

I forgot all about those. Looks like I need to do some updating...
Milestones can be entered here, or click the Milestones link on the main menu at the left side of the page.
You can enter state/county stats here or click the link in the main menu.