Runboard.com
Слава Україні!



🙂       Use the black navigation bar to log in or create your account.

Jump to Page:  1  2  3  4  5  6  7 

 
Susa Profile
Live feed
Blog
Friends
Miscellaneous info

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.

---

SS eH PF
4/9/2013, 7:45 pm Link to this post PM Susa Read Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Minerva
Head of Runboard staff

Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
ReplyQuote
Re: I have a non Runboard question


Sounds good. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
4/9/2013, 8:08 pm Link to this post PM Lesigner Girl Read Blog
 
Susa Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen


Registered: 07-2006
Province: Oχάιο
Posts: 340
Karma: 11 (+11/-0)
ReplyQuote
Re: I have a non Runboard question


Image It is in Photobucket and ready for use. I will get it all done maybe tonight.

Thank you very much.

---

SS eH PF
4/9/2013, 8:20 pm Link to this post PM Susa Read Blog
 
Susa Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen


Registered: 07-2006
Province: Oχάιο
Posts: 340
Karma: 11 (+11/-0)
ReplyQuote
Re:


It works perfectly on Susa's Sunroom but Image is too wide on Spractice. Is there a way to make more room?


Edited to say that I made it a bit smaller. Image 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


---

SS eH PF
4/9/2013, 9:54 pm Link to this post PM Susa Read Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

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. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
4/10/2013, 12:08 am Link to this post PM Lesigner Girl Read Blog
 
Susa Profile
Live feed
Blog
Friends
Miscellaneous info

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.

---

SS eH PF
4/10/2013, 12:24 am Link to this post PM Susa Read Blog
 
Susa Profile
Live feed
Blog
Friends
Miscellaneous info

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.

---

SS eH PF
4/10/2013, 12:27 am Link to this post PM Susa Read Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

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.

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
4/10/2013, 12:30 am Link to this post PM Lesigner Girl Read Blog
 
Susa Profile
Live feed
Blog
Friends
Miscellaneous info

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.

---

SS eH PF
4/10/2013, 12:54 am Link to this post PM Susa Read Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

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.

Image
          =>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:
Image
Image

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. emoticon


Edit: additional info

Last revised by Lesigner Girl, 4/10/2013, 1:39 am


---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
4/10/2013, 1:30 am Link to this post PM Lesigner Girl Read Blog
 


Add to this discussion

Jump to Page:  1  2  3  4  5  6  7 



You are not logged in (login)
Back To Top

This board's time is GMT.