InsaneJournal

Tweak says, "You will always be young."

A loving heart is the truest wisdom. (ex_dickens625) wrote in rp_tutorials,
@ 2012-08-19 15:30:00

Entry tags:

question: html/css, question: layouts

Hi all, so awhile ago I posted this layout which has, when you check your friends page journal in community on the one line. What I'm asking is if there's a way to get them on two lines on the friends page such as

journal
community

Does that make sense?

(Read comments) - (Post a new comment)

	elsierenee 2012-08-20 03:55 pm UTC (link)
	Hi there! theladyunicorn was asking this to help me out, so I wanted to say thanks and that it worked! Also, for the 'to make it pretty' section, what if I wanted to change the little icon image instead of remove it? I like it there for the quick link to the user info, so I don't want to remove it entirely, but I definitely want it prettier. (Reply to this) (Parent) (Thread)

forsythia
2012-08-20 05:46 pm UTC (link)

You're welcome. :) And I totally know what you mean about quick access to the profiiles; I use replacement images instead of removing them on some of my journals as well. These codes should work, just replace IMAGE_URL in each one with the image you'd like to use. Be sure to remove the 'to make it pretty' section and replace with these.

This replaces the image for normal journals on the friends page.

.entry-userpic img[src="http://www.insanejournal.com/img/userinfo.gif"] 
    {width: 0; height: 0; padding: 15px 7px 0px 9px !important; background: url(IMAGE_URL) no-repeat top center !important; border: none !important;}

This replaces the image for communities on the friends page.

.entry-userpic img[src="http://www.insanejournal.com/img/community.gif"] 
    {width: 0; height: 0; padding: 15px 7px 0px 9px !important; background: url(IMAGE_URL) no-repeat top center !important; border: none !important;}

This replaces the image for rss feeds on the friends page.

.entry-userpic img[src="http://www.insanejournal.com/img/syndicated.gif"] 
    {width: 0; height: 0; padding: 15px 7px 0px 9px !important; background: url(IMAGE_URL) no-repeat top center !important; border: none !important;}

If you'd also like to replace the images elsewhere in the journal, namely entries, also add these codes.

For normal journal images.

.ljuser img[src="http://www.insanejournal.com/img/userinfo.gif"]
    {width: 0; height: 0; padding: 15px 7px 0px 9px !important; background: url(IMAGE_URL) no-repeat top center !important; border: none !important;}

For community images.

.ljuser img[src="http://www.insanejournal.com/img/community.gif"] 
    {width: 0; height: 0; padding: 15px 7px 0px 9px !important; background: url(IMAGE_URL) no-repeat top center !important; border: none !important;}

For rss feed images.

.ljuser img[src="http://www.insanejournal.com/img/syndicated.gif"]
    {width: 0; height: 0; padding: 15px 7px 0px 9px !important; background: url(IMAGE_URL) no-repeat top center !important; border: none !important;}

(Reply to this) (Parent) (Thread)

	elsierenee 2012-08-20 07:26 pm UTC (link)
	Oooh I did it! And it looks so pretty! Thank you SO much for your help and the easy instructions :D (Reply to this) (Parent)

(Read comments) -