Susa
Citizen
Registered: 07-2006
Province: Oχάιο
Posts: 340
Karma: 11 (+11/-0)
|
ReplyQuote
|
|
Re:
I love the Spractice one. I am not sure about the Susa's Sunroom one. I almost like your tan smiley better. I am going to save that one. I sort of like understated for Susa's Sunroom.
|
4/9/2013, 7:45 pm
|
Link to this post
PM Susa
Read Blog
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: I have a non Runboard question
Sounds good.
|
4/9/2013, 8:08 pm
|
Link to this post
PM Lesigner Girl
Read Blog
|
Susa
Citizen
Registered: 07-2006
Province: Oχάιο
Posts: 340
Karma: 11 (+11/-0)
|
ReplyQuote
|
|
Re: I have a non Runboard question
It is in Photobucket and ready for use. I will get it all done maybe tonight.
Thank you very much.
|
4/9/2013, 8:20 pm
|
Link to this post
PM Susa
Read Blog
|
Susa
Citizen
Registered: 07-2006
Province: Oχάιο
Posts: 340
Karma: 11 (+11/-0)
|
ReplyQuote
|
|
Re:
It works perfectly on Susa's Sunroom but is too wide on Spractice. Is there a way to make more room?
Edited to say that I made it a bit smaller. Now it is only a tad too big. I fear if I make it smaller no one will be able to tell what it is. The bigger one would actually be nicer.
Last revised by Susa, 4/9/2013, 10:31 pm
|
4/9/2013, 9:54 pm
|
Link to this post
PM Susa
Read Blog
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: I have a non Runboard question
I don't know why the custom titles were up so close to usernames on spractice, but I changed inline-block to block there, gave it enough text-indent to clear the bigger smiley, and adjusted the positioning of the note image so it's more centered between the name and the left edge. It's just one of those things that you have to play with for each different scenario.
|
4/10/2013, 12:08 am
|
Link to this post
PM Lesigner Girl
Read Blog
|
Susa
Citizen
Registered: 07-2006
Province: Oχάιο
Posts: 340
Karma: 11 (+11/-0)
|
ReplyQuote
|
|
Re:
That looks really good! Thank you so much. Now I will let you alone for awhile.
|
4/10/2013, 12:24 am
|
Link to this post
PM Susa
Read Blog
|
Susa
Citizen
Registered: 07-2006
Province: Oχάιο
Posts: 340
Karma: 11 (+11/-0)
|
ReplyQuote
|
|
Re:
Whoop! I changed my mind. Now I see that on Susa's Sunroom that the music note itself covers the custom title of the person. It doesn't do that on Spractice, probably because the emoticon is bigger.
|
4/10/2013, 12:27 am
|
Link to this post
PM Susa
Read Blog
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: I have a non Runboard question
Whatever was causing that to happen at Spractice before I fixed it is also causing it at the Sunroom, so you just need to make the same changes at the Sunroom to fix that.
|
4/10/2013, 12:30 am
|
Link to this post
PM Lesigner Girl
Read Blog
|
Susa
Citizen
Registered: 07-2006
Province: Oχάιο
Posts: 340
Karma: 11 (+11/-0)
|
ReplyQuote
|
|
Re:
OK, this is Spractice
.postlistusername a.user_link {
display: block; text-indent: 36px; height: 30px;
background: url('http://img.photobucket.com/albums/v53/PurpleSusa/Emoticons/write2.gif') no-repeat left top;
}
.postlistusername a.user_link:hover {
background: url('http://img.photobucket.com/albums/v53/PurpleSusa/skins/banner12.gif') no-repeat -19px center;
}
I changed the height in the first code but nothing on the board changed. I tried the indent and that changed! But not for the better so I put it back.
What does -19px center mean? It is -22 center on Susa's Sunroom, but when I changed that I didn't see any difference.
I need to come back to this tomorrow. I have things I need to do.
|
4/10/2013, 12:54 am
|
Link to this post
PM Susa
Read Blog
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: I have a non Runboard question
When I looked at SP, I saw that...
Susa wrote:
...the music note itself covers the custom title of the person...
...so...
Lesigner Girl said:
...I changed inline-block to block there...
...and it fixed that. So to fix it on the Sunroom, you need to change inline-block to block, just like I did at SP.
Lesigner Girl said:
... gave it enough text-indent to clear the bigger smiley...
...because the 24px I used with my smiley wasn't enough for the smiley you're using at SP, which is 36px wide. If you don't indent the text enough to clear the smiley, the text will overlap it.
Lesigner Girl wrote:
...and adjusted the positioning of the note image so it's more centered between the name and the left edge.
That would be this:
Susa wrote:
What does -19px center mean? It is -22 center on Susa's Sunroom, but when I changed that I didn't see any difference.
The negative value pushed it to the left, and here's how that works:
background: url('URL_TO_IMAGE') ____ ____ ____;
Possible values for the first blank:
repeat-x ... Repeats horizontally
repeat-y ... Repeats vertically
repeat ... Repeats both ways (but you usually don't need this because that's the default)
no-repeat ... Doesn't repeat
The 2nd blank is horizontal positioning. Look at how much space is to the left of the notes here.
=>You need to indent the text to clear those notes, but it also works better if you move the notes to the left, so the username doesn't have to be so far to the right, and this is what the negative values do there.
Now look at these smileys:
I used 24px text-indent at this board to clear the notes because they're wider than the 15px smiley I used, but I had to use a bigger text-indent at SP to clear your 36px-wide smiley. Then, I changed the positioning of the notes at SP to make them appear more centered within that larger text-indent, but I didn't change any code at the Sunroom.
Going back to this:
background: url('URL_TO_IMAGE') ____ ____ ____;
The 3rd blank is vertical positioning. I used 'top' for the smiley, because 'center' or 'bottom' would have been too low inside an element that is much taller than the text, but I used 'center' for the vertical alignment on notes, which doesn't really matter as much since the element is the same height as the notes (30px).
I don't feel like I have explained this very well, so I hope at least some of it makes sense. Maybe I should make a video about it.
Edit: additional info
Last revised by Lesigner Girl, 4/10/2013, 1:39 am
|
4/10/2013, 1:30 am
|
Link to this post
PM Lesigner Girl
Read Blog
|