Log in

No account? Create an account

Previous Entry | Next Entry

Two custom text boxes in sidebar?

  • Jan. 17th, 2010 at 1:30 PM
Hi all.
I've been reading and re-reading this comm. and while everyone here is friendly and helpful, I am not very good at CSS and quite frankly, don't really know what I'm doing.

I have a paid account and a few days ago I switched to Expressive (Space Blue). I was using the tags cloud in my only sidebar. All I wanted to do was limit the 260 tags I've got to the top 20 most used, and show them in said sidebar.
As it seems I can't do this without making a theme layer or in fact understanding what all this means, instead I changed the option so that the tags list did not appear in the sidebar (at http://www.livejournal.com/customize/options.bml?group=sidebars). Then I added the html links for the ones I wanted to show by myself in the custom CSS box, using the drop-down box on the customise page to show it where I wanted it.
This is all fine and dandy and works. It took me a few gos to get it right, but trial and error has never failed me before. Anyway, now I have another problem: more than one box of custom text in the same sidebar.

Is there a way (without creating an entirely new layer or theme or rebuilding it using all the code I don't understand) to add another 'custom sidebar module'? (I'm guessing this means another box I can enter my own stuff into.)

Or is there a way to insert a divider, and then a new header, and then more html in the same custom CSS box so that they appear to be two boxes (but aren't, which really doesn't matter when you can't see it anyway)?

I would be eternally grateful to anyone who can shed some light on this. I tweaked a few things using your wonderful advice here (THANK YOU SO MUCH!), including moving the post entry icon and changing some background colours, but I'm really not good at anything more complicated than that.

P.S. - Does anyone know how to add padding round an icon in a post so the text doesn't touch it as it wraps? Thanks!

My journal so far. My apologies if I've explained this wrongly; I'm trying, I really am. :)


( 4 comments — Leave a comment )
Jan. 17th, 2010 03:41 pm (UTC)
No, there's really no way to do any of the things you're asking for without creating a custom theme layer. I do have several tutorials around here on how to do these things, however.
Jan. 19th, 2010 01:00 pm (UTC)
Thanks for getting back to me. I'll just shove more html in the custom CSS box and screw the dividers, LOL.

Thanks again.
Feb. 2nd, 2010 12:24 am (UTC)
There's a way to do the dividers (and more) with HTML. Then, if you want, you can style the HTML with CSS you add to the bottom of the Custom CSS box that holds your style sheet.

So your custom textbox is like this now (for purposes of this example):

--maybe some actual text

So under your tags list, you stick in a horizontal rule, and later you'll use CSS to style it's width, color, and thickness. Then under the horizontal rule you put your pictures, then, again, later you'll use CSS to give the pictures borders, widths, backgrounds, and whatever. Then under the pictures, if you wanted, another horizontal rule, then an h3 or h4 title tag to title your text, then add the text between paragraph tags so you can style the text with CSS, too.

So, your custom CSS for that might look like (just dreaming this up, it's your choice what you actually use):

.customtext-widget hr {width: 125px !important; height: .5px !important! color: blue !important;}
.customtext-widget a img {padding: 2px; background: #999; border: 1px solid blue;}
.customtext-widget h3 {font-size: 1.1em; font-weight: normal; font-style: oblique;}
.customtext-widget p {margin-left: 0; margin-bottom: .5em; color: #000;}

Confession: I have never (not in 4 years) been able to figure out how to use a custom theme layer with Expressive or Mixit (I can't get the directions on this community for that for the life of me) which is why I got kinda good at just hacking the custom textbox to do what I want.
Feb. 22nd, 2010 04:23 am (UTC)

Thanks! I am very grateful for this. It's easier for me to follow. :)

( 4 comments — Leave a comment )

Latest Month

March 2016

S2 Help Communities


Powered by LiveJournal.com
Designed by chasethestars