How can I add a cover to my profile?

ForumGreyHead's frequently answered questions

Melde dich bei LibraryThing an, um Nachrichten zu schreiben.

How can I add a cover to my profile?

Dieses Thema ruht momentan. Die letzte Nachricht liegt mehr als 90 Tage zurück. Du kannst es wieder aufgreifen, indem du eine neue Antwort schreibst.

1GreyHead
Bearbeitet: Jul. 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
Jun. 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.

Anmelden um mitzuschreiben.