PDA

View Full Version : linking to other sites

kio500
Jun-17-2007, 08:36 AM
Hey ya'll. Right now I'm trying to link some local businesses so they will link me back. I've set up a new gallery, Links, on my homepage but I don't know how to add links!

http://www.bluepeacockphotography.smugmug.com/gallery/3015979

I would like to add:

http://www.joelambjr.com/

and

http://surfkdh.com/

How do I do it? THANKS in advance!!
richW
Jun-17-2007, 08:50 AM
Paste these lines into your gallery description.

<html>
<a href="http://www.joelambjr.com/" target="_blank" class="nav">Outer Banks Vacation Rentals</a>
<br />
<a href="http://surfkdh.com/" target="_blank" class="nav">SURFKDH.com Surf News</a>
</html>
This will open the links in a new window. If you don't want the links to open in a new window, remove: target="_blank"
richW
Jun-17-2007, 10:00 AM
If you want your links list to look like SmugMug's "Communities" and "Friends & Family" links boxes, add this to your gallery description.

<html>
<!-- Links Box -->

<div id="ffBox2" class="box">
<div class="boxTop">
<div class="boxNote note nav">
</div>
<h3 id="ffTitle2" class="title notopmargin">my favorite places to surf</h3>
<div class="spacer">
</div>
</div>
<div class="boxBottom">
<p id="friends2" class="nav"><span class="title">links:</span>

<a href="http://www.joelambjr.com" target="_blank" class="nav">Outer Banks Vacation Rentals</a>&nbsp;&nbsp;<span class="title">·</span>&nbsp;
<a href="http://surfkdh.com" target="_blank" class="nav">SURFKDH.com Surf News</a>&nbsp;&nbsp;<span class="title">·</span>&nbsp;

<!-- Paste New Links Above This Line -->

</p>
<div class="spacer">
</div>
</div>
</div>

<!-- End Links Box -->
</html>
If you need to add additional links, copy and paste as this line as needed.
<a href="http://www.SiteURLhere.com" target="_blank" class="nav">Site Name Here</a>&nbsp;&nbsp;<span class="title">·</span>&nbsp; Change the url and name.
Working model here: http://photos.lmsportspix.com/links/
Top two boxes are SmugMug's "Communities" and "Friends & Family". Bottom three boxes are hand coded using the above code.

Have fun. Yell if you need help...................

edit: If you want to get rid of the "no photos" warning on your html only pages, add this to you css section:

.nophotos h3 {display: none;}