Adding Team Links to your logs

Part II:

OK, you've now learned how to add links to your logs, and if you're happy with that, then stop here....

But what about adding a COLORED box to those links?

Here's how you do it:

1) Click the link below to pick a color:
Click here for 216 "Browser-safe" Colors.

2) Write down the code for that color. For example:
99CCFF or 66CCFF or.... whatever you want.

3) Read the next post to learn how to add the colored box (also called a table).



Edited by D001 2008-01-26 12:42 PM

Thanks for doing this Dee - its way beyond my tech capabilities!

Adding colored boxes (tables) to your logs - continued:

1. The very first line in your code will look like this:
<table border="3" bgcolor="#XXXXXX">

However, replace the XXXXXX with the 6 character code that you selected. (See the previous post.)

For example, if I wanted a pink table, I could put:
<table border="3" bgcolor="#FFCCCC">


2. The second line will look like this:
<tr><td align="center">

3. Copy all the links that you wrote. (See the very first post in this thread.)

4. At the very end, paste this:
</td></tr></table>

Voila. You should have a colored box with your team links on it.



Edited by D001 2008-01-05 1:08 PM

Here is an example of a complete table. In this post, I'll show you the code. In the post after this, I'll show you what the "results" look like:

<table border="3" bgcolor="#FFFF66">

<tr><td align="center">

<a href="http://beginnertriathlete.com/discussion/forums/forum-view.asp?fid=27">BT Challenge Forum</a>

</td></tr></table>





Edited by D001 2008-01-05 12:57 PM

And this is what it would look like on your log:

BT Challenge Forum

If you click the link saying "BT Challenge Forum," you'll go to the Challenge Forum!




Edited by D001 2008-01-05 12:58 PM

BT Challenge Forum You can also put text (such as your team's name) in the box. All you have to do is type it in! And that's all there is to it! If you have any questions, feel free to ask!

Edited by D001 2008-01-26 12:44 PM

Advanced topics - adding glitter and patterned backgrounds:

OK, so you've fallen victim to the GLITTER craze. You're addicted and want to see it everywhere.

To add a glitter background (or any other type of background) to your table, there's just one more command that you need to include in your TABLE command:

background="http://....">
where background is the location of your image.

<table border="3" bgcolor="#CCFF99" background="http://....">
where background is the location of your image.

For example, see how the first line has changed. (It now includes the background):

<table border="3" background="http://www.geocities.com/pudlen/old/purplwater_light.gif">
<tr><td align="center">

<b>I love BT!</b>

</td></tr>
</table>

Edited by D001 2008-01-26 12:45 PM

The above code will produce this table:

I love BT!

Edited by D001 2008-01-26 12:45 PM

Once you do this, how do you delete it?  I tried and messed up on my first go at it and now I have a little pink box that I can't delete :-(  I'm not very good at this stuff :-(

Sorry but where do you enter all of this stuff??  In the control panel section??

Go back to your Control Panel.
Click "Edit your training settings"
Click "Goals"
Look for the pink box (or code) that you just added.

Highlight the entire box (or all the code for it).
Hit the delete button.

Scroll to the bottom of the window.
Click "Apply"

It should all go away.


Edited by D001 2008-02-02 1:30 AM

I *thought* those words looked familiar. LOL



Yep, I write it in notepad.

LOL!  That's what I'm waiting for!

OK, here's the lazy version.


1) Copy the line below. Paste it as many times as you have team members. (ie: if you have 8 on the team, paste it 8 times.)

<a href="LINK">NAME</a><br>


2) Replace NAME with the team member's name. Replace LINK with their log address, making sure you leave the quotes in place. (You'll have to visit each person's log to get the address.)


3) After you've done that for every team member, copy the following line and paste it BEFORE all those lines that you just created. (In other words, at the very top.)

<table border="3" bgcolor="#FFFF66"><tr><td><b>


4) Then copy and paste the following at the VERY END:

</b></td></tr></table>


Then just save this in your log.

- Dee

I figured something like that would work, but that sounds like work

 Thanks for the info though

Edited by Ontherun 2008-07-04 9:22 PM

You had some "extra stuff" in there. I've cleaned it up for you:

aplohris Breezy CYCLISTtuRunsTRI LazyMarathoner owl_girl rcberto rsqdvr tripreacher

And then I prettied it up for you:

Team Agritubel aplohris Breezy CYCLISTtuRunsTRI LazyMarathoner owl_girl rcberto rsqdvr tripreacher

Edited by D001 2008-07-06 2:16 PM

WOW this is awsome!! Now I need to ask one more favor. How do I move this to my blog. The post dose not show the code that got to this point. Also, what did I do to have extra stuff in there? I would like to know what I did wrong so I have a slim chance of figuring this out for myself some day.

As I said before, my computer knowledge pretty much starts and ends with logging onto BT. The big joke at work is our shops idea of high tech is the fact we have a working wood stove in the shop!!

BTW thank you for your paitients and help.

Edited by Ontherun 2008-07-06 12:03 PM

Here's the actual code. That way, you can compare this version to what you posted above. You'll see the "extra stuff" that was in yours.

The easiest way to put it in your logs would be to hit the QUOTE button, then copy the code (but leave out the "quote" marks.) BTW, I've also posted the "pretty" version on your team thread, along with directions on how to copy/paste it, so everyone on your team can grab it.


<table border="3" bgcolor="#FFFF66"><tr><td><b>
<a href="http://www.beginnertriathlete.com/discussion/view-profile.asp?action=view&uid=96112">aplohris</a><br>
<a href="http://www.beginnertriathlete.com/discussion/view-profile.asp?action=view&uid=26962">Breezy</a><br>
<a href="http://www.beginnertriathlete.com/discussion/training/index-weekly.asp?memberid=39830">CYCLISTtuRunsTRI</a><br>
<a href="http://www.beginnertriathlete.com/discussion/training/index-weekly.asp?memberid=104271">LazyMarathoner</a><br>
<a href="http://www.beginnertriathlete.com/discussion/training/index-weekly.asp?memberid=41878">owl_girl</a><br>
<a href="http://www.beginnertriathlete.com/discussion/training/index-weekly.asp?memberid=87250">rcberto</a><br>
<a href="http://www.beginnertriathlete.com/discussion/training/index-weekly.asp?memberid=6512">rsqdvr</a><br>
<a href="http://www.beginnertriathlete.com/discussion/training/index-weekly.asp?memberid=6512">tripreacher</a><br>
</b></td></tr></table>


And then I prettied it up for you:

<table border="3" bgcolor="000066" width="300" height="417" background="http://www.pezcyclingnews.com/photos/et/crit-martinez.jpg"><tr><td><b>
<font color="yellow">Team Agritubel<br>
<a href="http://www.beginnertriathlete.com/discussion/view-profile.asp?action=view&uid=96112"><font color="yellow">aplohris</a><br>
<a href="http://www.beginnertriathlete.com/discussion/view-profile.asp?action=view&uid=26962"><font color="yellow">Breezy</a><br>
<a href="http://www.beginnertriathlete.com/discussion/training/index-weekly.asp?memberid=39830"><font color="yellow">CYCLISTtuRunsTRI</a><br>
<a href="http://www.beginnertriathlete.com/discussion/training/index-weekly.asp?memberid=104271"><font color="yellow">LazyMarathoner</a><br>
<a href="http://www.beginnertriathlete.com/discussion/training/index-weekly.asp?memberid=41878"><font color="yellow">owl_girl</a><br>
<a href="http://www.beginnertriathlete.com/discussion/training/index-weekly.asp?memberid=87250"><font color="yellow">rcberto</a><br>
<a href="http://www.beginnertriathlete.com/discussion/training/index-weekly.asp?memberid=6512"><font color="yellow">rsqdvr</a><br>
<a href="http://www.beginnertriathlete.com/discussion/training/index-weekly.asp?memberid=6512"><font color="yellow">tripreacher</a><br>
</b></td></tr></table>