Page 2 of 2

Posted: Wed Apr 26, 2006 3:04 pm
by garvinhicking
Hi!

Okay, there were even more variables that only were available in the context of the plugin.

Replace $entry.url with $entry.link.

Replace {$entry.path} with the full http path to the directory where your techniarto images etc. are stored, like "/blog/plugins/bla/img/".

HTH,
Garvin

Thank you

Posted: Wed Apr 26, 2006 4:14 pm
by Josh
Thanks again, Garvin.
It worked.

I have inserted the frontpage URL in the code now:

Code: Select all

<a href="http://del.icio.us/post?url=http://germany-usa.atlanticreview.org{$entry.link|escape:url}&title={$entry.title|escape:url}" title="Bookmark {$entry.title|escape}  at del.icio.us"><img src="/templates/carl_blue/img/delicious.png" class="socialbkmark" alt="Bookmark {$entry.title|escape}  at del.icio.us"/></a>
The only thing I would like to get rid of is the bold red border around each logo: http://germany-usa.atlanticreview.org/ The logos only have a thin, but black border, but the template makes the border red and bold. I will ask Carl for help.

Thanks a lot for your help, Garvin.

Re: Thank you

Posted: Wed Apr 26, 2006 4:55 pm
by garvinhicking
Hi!

You could use this CSS, I think:

Code: Select all

img.socialbkmark { border: 0px }
.serendipity_entryFooter { border: 0px }
? Else you could wrap a <div class="socialbkmark"> around your footer and use ".socialbkmark { border: 0px} " to it?

Regards,
gArvin

Posted: Sun May 14, 2006 3:57 am
by Josh
Thanks again, Garvin.

I did not know how to implement your latest advice, but I managed to get rid of the borders around the social bookmark icons with some inline code.
Now, however social bookmark icons are not on the line, but kind of in the air. I have tried to add a "vertical-align: bottom;", but that did not help. How do I bring them down to the line?

http://atlanticreview.org/

I have used this code:

Code: Select all

 <div class='serendipity_entryFooter'>
          
Share at: <a href="http://del.icio.us/post?url=http://atlanticreview.org{$entry.link|escape:url}&title={$entry.title|escape:url}" title="Bookmark {$entry.title|escape}  at del.icio.us"><img src="/templates/ReworkedDropDown/img/delicious.png" vertical-align: bottom; border: 0px alt="Bookmark {$entry.title|escape}  at del.icio.us"/></a>

Posted: Sun May 14, 2006 2:58 pm
by garvinhicking
Hi Josh!

Sadly what you did there is completely invalid HTML. :-)

It should read this instead:

Code: Select all

 <div class='serendipity_entryFooter'>
          
Share at: <a href="http://del.icio.us/post?url=http://atlanticreview.org{$entry.link|escape:url}&title={$entry.title|escape:url}" title="Bookmark {$entry.title|escape}  at del.icio.us"><img src="/templates/ReworkedDropDown/img/delicious.png" style="vertical-align: bottom; border: 0px" alt="Bookmark {$entry.title|escape}  at del.icio.us"/></a>
Regards,
Garvin

SOLVED. Thanks!

Posted: Sun May 14, 2006 7:06 pm
by Josh
It works now!

Thanks for your help and patience with me.


P.S.: I got the impression that loading all these icons on our frontpage takes some time. Therefore I have decided to put the icons in the extended entry view only, just above the comments.
Usually only long entries are worth bookmarking and all long entries have an extended entry.

I guess Del.icio.us, Reddit, Furl, and Yahoo are the most popular sites that are not limited to technology like Digg.