Theme & Layout Change for Beginners

Dec 10, 2008 11:09

We all have to begin the learning process somewhere. Don't feel bad about it because it took me a while to learn it too. I make mostly Flexible Squares layouts so I'm going to teach you to switch from what you are currently using (say Smooth Sailing or some such) to Flexible Squares and put in a new layout!

Get the help... )

account: paid-permanent, !layout-tutorials, ~mod, .flexible-squares, !lj-tips/tricks/features, !all-layouts

Leave a comment

scarletfbl November 7 2009, 01:11:13 UTC
Hi! I was wondering if you could help me with my tiny icon problem.

You see, I got a custom layout by refuted, and it's awesome, but I'd like to change my community tiny icon to something other than the coffee cup because I sometimes get confused over what's what when every username and comm has the same tiny icon.

Example (meishali is a user, while epic_recs is a comm):


I have a plus account, and I'm wondering if maybe it's the fact that I don't have a paid account that preventing me from changing things. :/

Here's the part of the CSS I've altered:

.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(http://i37.tinypic.com/2lbp5if.jpg);
padding: 16px 17px 2px 2px !important;
}

.ljuser a:hover b {
color: #9C9C9C;
background: transparent;
}

.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
background-color: transparent;
background-image: url(http://i37.tinypic.com/2lbp5if.jpg);
padding: 16px 17px 2px 2px !important;
}

.ljuser:hover img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
background-image: url(http://i37.tinypic.com/t5gevc.jpg);
}

.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
background-color: transparent;
background-image: url(http://i35.tinypic.com/99i8fm.jpg);
padding: 16px 17px 2px 2px !important;
}

.ljuser:hover img[src="http://p-stat.livejournal.com/img/community.gif"] {background-image: url

(http://i36.tinypic.com/vsl4cp.jpg);
}

#ljuser_row img[src="http://p-stat.livejournal.com/img/userinfo.gif"]{ width: 0; height: 0; padding: 0 16px 13px 0; background:
url(http://i37.tinypic.com/2lbp5if.jpg); }

Reply

CSS in Text Box scarletfbl November 7 2009, 01:13:41 UTC
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(http://i37.tinypic.com/2lbp5if.jpg);
padding: 16px 17px 2px 2px !important;
}

.ljuser a:hover b {
color: #9C9C9C;
background: transparent;
}

.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
background-color: transparent;
background-image: url(http://i37.tinypic.com/2lbp5if.jpg);
padding: 16px 17px 2px 2px !important;
}

.ljuser:hover img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
background-image: url(http://i37.tinypic.com/t5gevc.jpg);
}

.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
background-color: transparent;
background-image: url(http://i35.tinypic.com/99i8fm.jpg);
padding: 16px 17px 2px 2px !important;
}

.ljuser:hover img[src="http://p-stat.livejournal.com/img/community.gif"] {background-image: url

(http://i36.tinypic.com/vsl4cp.jpg);
}

#ljuser_row img[src="http://p-stat.livejournal.com/img/userinfo.gif"]{ width: 0; height: 0; padding: 0 16px 13px 0; background:
url(http://i37.tinypic.com/2lbp5if.jpg); }

Reply

sireesanwar November 7 2009, 01:30:42 UTC
I can't tell you I'm really great with the tiny pics but have you tried changing the
#ljuser_row img[src="http://p-stat.livejournal.com/img/userinfo.gif"]{ width: 0; height: 0; padding: 0 16px 13px 0; background:
url(http://i37.tinypic.com/2lbp5if.jpg); }

URL to see if that is making things difficult for you.

Reply

scarletfbl November 7 2009, 01:46:19 UTC
Change the URL? Which one?

Reply

sireesanwar November 9 2009, 21:06:03 UTC
Sorry. The tinypic url.

Reply

curena11 November 13 2016, 02:22:11 UTC
This was super helpful, thanks!

Reply

sireesanwar November 15 2016, 01:25:37 UTC
So glad!

Reply


Leave a comment

Up