HOWTO: Changing the Entry Linkbar to a Button Toolbar

Jun 30, 2007 12:59

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, ( Read more... )

how to:instructions, entries:linkbar, s2:theme layer, !tutorial, advanced

Leave a comment

sleepingchild April 25 2008, 04:00:00 UTC
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?

Reply

av8rmike April 25 2008, 19:23:39 UTC
Which journal?

Reply

sleepingchild April 25 2008, 19:35:59 UTC
This one, sleepingchild. I took down the code because I couldn't get rid of the border, but I used the exact code above.

Reply

av8rmike April 25 2008, 19:53:07 UTC
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.

Reply

sleepingchild April 25 2008, 19:57:23 UTC
Sorry! I put it back in now T_T

Reply

av8rmike April 25 2008, 20:06:07 UTC
No problem. These two lines in the stylesheet are adding borders to linked images in your posts:
.asset a img {border: 1px solid #9FCC02;}
.asset a:hover img {border: 1px solid #F56903;}
but they're affecting the linkbar too. Add these lines after them:

.asset-meta-list a img,
.asset-meta-list a:hover img {border: 0;}

Also, your header seems to be floating above the page when you scroll down. Was that intentional?

Reply

sleepingchild April 25 2008, 20:13:37 UTC
Ahh, I see now. I added that code but nothing happens. =(

and yeah, it's supposed to be floating i guess XD I didn't think I liked it at first but I've grown attached to it now. hehe

Reply

av8rmike April 25 2008, 20:20:30 UTC
I'm not finding the code in the stylesheet. Make sure you added it to the right layer, maybe?

Reply

sleepingchild April 25 2008, 20:28:16 UTC
should be there, right in the section labeled
/* ----------------------------- */
/* ---------- ENTRIES ---------- */
/* ----------------------------- */

right? T_T

Reply

av8rmike April 25 2008, 20:41:05 UTC
You left off the comma after the first "img".

Reply

sleepingchild April 25 2008, 20:45:55 UTC
Yay, got it!

Sorry about all the trouble - I messed up my code too in the process but I can straighten it up from here. Thank you so much!! =D

Reply

av8rmike April 25 2008, 20:48:10 UTC
You're welcome. Glad we got it straightened out.

Reply


Leave a comment

Up