How can I add a cover to my profile?

DiscussionsGreyHead's frequently answered questions

Rejoignez LibraryThing pour poster.

How can I add a cover to my profile?

Ce sujet est actuellement indiqué comme "en sommeil"—le dernier message date de plus de 90 jours. Vous pouvez le réveiller en postant une réponse.

1GreyHead
Modifié : Juil 29, 2007, 10:40 am

Here's the code to add book covers into Your Profile. You'll need to find the URL of the cover picture you want to use, the easy way to do this is to right click on the cover image in your catalogue (or anywhere else in LibraryThing) and select "Copy Image Location" in FireFox or "Properties" and copy the URL in IE6.
<img src="http://images.amazon.com/images/P/006074748X.01._SX50_SCMZZZZZZZ_.jpg" />


If you want to add a link to the books home page then you need a longer piece of code. Oh, and you need the link from the book's page, the PermaLink from the bottom left hand corner of the page is the best, go to it, right click and select "Copy link location" in FireFox or "Copy Shortcut" in IE6 (we've edited the book links to remove the http://www.librarything.com as this resulting 'relative link' allows uses of other LibraryThing sites to see the page in their own language). The code now has two links in it, one for the page and one for the image:
<a href="/catalog.php?work=18342&book=851568 "><img src="http://images.amazon.com/images/P/006074748X.01._SX50_SCMZZZZZZZ_.jpg" /></a>


If you want more than one cover image then you just repeat the code more than once with the appropriate urls in it. Here's one with two images (I've just put the images without links to make it a bit simpler). The URL for the second image looks different because it is a user-uploaded cover image from LibraryThing:
<img src="http://images.amazon.com/images/P/006074748X.01._SX50_SCMZZZZZZZ_.jpg" /> <img src="http://librarything.com/covers/4052177-m.jpg" />


As you see, we have two covers but they are not very elegant, in this case one book is actually larger than the other but you can't tell from the image size. So lets tidy up our images a bit with a little magic css styling. We'll set the height to be 80 pixels and put a 1 pixel black border round each image. The code to do this is style="height:80px; border:1px solid black;" and it goes inside our 'img' tag. We'll also add a space between each image so they aren't quite so cramped.
<img style="height:80px; border:1px solid black;" src="http://images.amazon.com/images/P/006074748X.01._SX50_SCMZZZZZZZ_.jpg" /> <img style="height:80px; border:1px solid black;" src="/i/covers/med/4052177-m.jpg" />


The last version here - just for completeness is the code with the links included, it looks complex but if you follow through the steps above you can easily see where each piece comes from:
<a href="/catalog.php?work=18342 "><img style="height:80px; border:1px solid black;" src="http://images.amazon.com/images/P/006074748X.01._SX50_SCMZZZZZZZ_.jpg" /></a> <a href="/catalog.php?work=18342 "><img style="height:80px; border:1px solid black;" src="http://librarything.com/i/covers/med/4052177-m.jpg" /></a>

Keywords: greyhead wishlist library
To link to this GFAQ copy and paste this code
<a href="/talktopic.php?topic=7662">see this GFAQ</a>

2GreyHead
Juin 30, 2007, 4:26 am

A footnote to the message above - The profile page now has 'more space' links for 'About Me' and 'About My Library'. These give you bigger text boxes to edit in and make this process less like trying to do key-hole surgery.

Thanks to sunny for pointing this out to me.

3MerryMary
Jan 12, 2010, 3:28 pm

This group needs to be reawakened, so that's what I'm doing. Some of the threads are out-dated since we now have collections, wishlists, etc., but GreyHead is a wise old bird and has lots of good ideas and instructions here.

Devenir membre pour poster.