HOWTO: Changing the Entry Linkbar to a Button Toolbar

[av8rmike]

As requested here by harmoniatrix, this code will change the linkbars on entries to something like the "3 Column" style. You will have to find/make your own button images; however, LiveJournal does have a few default images that will be used if you don't supply your own. The default image size is 22px wide by 20px tall, but any size button could be used,

Comments

[harmonatrix]

It worked!!! Thank you...I will edit my entry as resolved and link it to this. Thank you so much. :)

[sally_maria]

This is great - very easy to follow, as usual.

I'd prefer to have text for the comment links and graphics for the others. I managed to get that to work by only using the first section, but it does look slightly odd with the text and then the graphics.

Is it possible to change the code to right align the graphics, so I can have the comment links on the left and all the others on the right?

Thank you very much.

[av8rmike]

Right now, the linkbar is printed as a single

, with the CSS controlling the display style. To do what you describe, you'd have to split them into two separate lists. I tinkered around with it for a little bit, but ran into problems because the CSS wants to make the bar span the whole width of the entry. Unfortunately, I'm going away for most of the week and couldn't spend a lot of time right now on it. =(

[sally_maria]

Thank you for taking the time to look at it, anyway. If it's going to make a lot of work for you, then I'll just try and make up my mind whether I really want all graphics or not.

I hope you have a productive/enjoyable time away.

[av8rmike]

Just before the CommentInfo::print_readlink() function, add these lines:
set text_read_comments = "#";
set text_read_comments_friends = "#";

[sleepingchild]

Ressurrecting an old post, but I have the code working - it's linking to images, but there is a border link around them! I can't seem to get it removed, do you know what I should add?

[av8rmike]

Which journal?

[sleepingchild]

This one, sleepingchild. I took down the code because I couldn't get rid of the border, but I used the exact code above.

[av8rmike]

The default stylesheets remove borders on images, but you're using a customized sheet. You'll need to put the code back in so I can see what needs to be changed.