Page 3 of 13 FirstFirst 12345678 ... LastLast
Results 41 to 60 of 255
  1. as4life's Avatar
    Posts
    577 Posts
    Global Posts
    733 Global Posts
    #41  
    Quote Originally Posted by elryon View Post
    I got the avatar to center and be wrapped correctly...
    the only changes needed to the original messaging.css are:

    line 644:
    my-chat .message-container {
    width 255px;
    }

    and line 676:

    /* Disabling MY avatar because we are not doing this for 1.0 2008-11-05*/
    .my-chat .avatar-location
    .my-chat .avatar-overlay
    .my-chat .avatar-container {
    display: inline-block;
    width: 40px;
    height: 40px;
    }

    then proceed with adding your avatar pic as before.
    Can you post a screenshot? I reverted back to the original messaging.css file and followed your edits and now my pictures aren't in the bubble (it overlaps it)
  2. as4life's Avatar
    Posts
    577 Posts
    Global Posts
    733 Global Posts
    #42  
    also, how do you move my avator to the left? Or better yet have the whole messaging interface look like ichat?
  3. as4life's Avatar
    Posts
    577 Posts
    Global Posts
    733 Global Posts
    #43  
    nvm i figured out that my image is looking like that because of the backround
  4. elryon's Avatar
    Posts
    715 Posts
    Global Posts
    720 Global Posts
    #44  
    Quote Originally Posted by as4life View Post
    Can you post a screenshot? I reverted back to the original messaging.css file and followed your edits and now my pictures aren't in the bubble (it overlaps it)
    make sure it doesnt contain the commas after the lines... here's a screenshot:

    screenshot.jpg

    I'll go back over and see if I made anymore changes I might have missed.
  5. elryon's Avatar
    Posts
    715 Posts
    Global Posts
    720 Global Posts
    #45  
    Quote Originally Posted by as4life View Post
    also, how do you move my avator to the left? Or better yet have the whole messaging interface look like ichat?
    not sure about ichat... never used it. but you can move the avatar to the left with a few changes.. did you want both avatars or just yours on the left?

    first change starting around line 133:

    img.avatar-location {
    left: 6px;
    position: absolute;
    margin: 13px 12px 0px 0px;
    }

    img.avatar-overlay {
    left: 2px;
    margin-top: 10px;
    position: absolute;
    }

    then around line 643:

    .their-chat .message-container {
    width: 265px;
    }
    .my-chat .message-container {
    width: 265px;
    }

    and finally around 661:

    .my-chat .chat-balloon-wrapper {
    padding-left: 40px;
    }
    .their-chat .chat-balloon-wrapper {
    padding: 1px 0;
    font-size: 18px;
    word-wrap: break-word !important;
    }
    .their-chat .chat-balloon-wrapper {
    padding-left: 8px;

    here's a screenshot... screenshot2.jpg
    Last edited by elryon; 07/19/2009 at 03:27 PM.
  6.    #46  
    Quote Originally Posted by elryon View Post
    I got the avatar to center and be wrapped correctly...
    the only changes needed to the original messaging.css are:

    line 644:
    my-chat .message-container {
    width 255px;
    }

    and line 676:

    /* Disabling MY avatar because we are not doing this for 1.0 2008-11-05*/
    .my-chat .avatar-location
    .my-chat .avatar-overlay
    .my-chat .avatar-container {
    display: inline-block;
    width: 40px;
    height: 40px;
    }

    then proceed with adding your avatar pic as before.
    Nice job, thank you. :-)
  7. elryon's Avatar
    Posts
    715 Posts
    Global Posts
    720 Global Posts
    #47  
    Quote Originally Posted by sarah peterman View Post
    Nice job, thank you. :-)
    someone wouldnt happen to have a copy of the original messaging.css file I could download? I never backed it up and have done a lot of tinkering now...
    please post a link and I can wget it directly to the emulator.
  8.    #48  
    Quote Originally Posted by elryon View Post
    someone wouldnt happen to have a copy of the original messaging.css file I could download? I never backed it up and have done a lot of tinkering now...
    please post a link and I can wget it directly to the emulator.
    Here is the link to chatview-assistant.js and messaging.css
  9. as4life's Avatar
    Posts
    577 Posts
    Global Posts
    733 Global Posts
    #50  
    Quote Originally Posted by elryon View Post
    not sure about ichat... never used it. but you can move the avatar to the left with a few changes.. did you want both avatars or just yours on the left?

    first change starting around line 133:

    img.avatar-location {
    left: 6px;
    position: absolute;
    margin: 13px 12px 0px 0px;
    }

    img.avatar-overlay {
    left: 2px;
    margin-top: 10px;
    position: absolute;
    }

    then around line 643:

    .their-chat .message-container {
    width: 265px;
    }
    .my-chat .message-container {
    width: 265px;
    }

    and finally around 661:

    .my-chat .chat-balloon-wrapper {
    padding-left: 40px;
    }
    .their-chat .chat-balloon-wrapper {
    padding: 1px 0;
    font-size: 18px;
    word-wrap: break-word !important;
    }
    .their-chat .chat-balloon-wrapper {
    padding-left: 8px;

    here's a screenshot... screenshot2.jpg
    I just want my avatars to move to the left
  10. elryon's Avatar
    Posts
    715 Posts
    Global Posts
    720 Global Posts
    #51  
    Quote Originally Posted by as4life View Post
    I just want my avatars to move to the left
    that will take a little more time.. but from what I've seen, it can be done. Right now I'm trying to load the original .css file but cant seem to figure out how to save it on the emulator and replace the one there... any help would be thanked.
  11.    #52  
    Quote Originally Posted by elryon View Post
    that will take a little more time.. but from what I've seen, it can be done. Right now I'm trying to load the original .css file but cant seem to figure out how to save it on the emulator and replace the one there... any help would be thanked.
    Sorry, I won't be of any help with the emulator. :-/
  12. #53  
    Quote Originally Posted by elryon View Post
    I got the avatar to center and be wrapped correctly...
    the only changes needed to the original messaging.css are:

    line 644:
    my-chat .message-container {
    width 255px;
    }

    and line 676:

    /* Disabling MY avatar because we are not doing this for 1.0 2008-11-05*/
    .my-chat .avatar-location
    .my-chat .avatar-overlay
    .my-chat .avatar-container {
    display: inline-block;
    width: 40px;
    height: 40px;
    }

    then proceed with adding your avatar pic as before.
    so if i do this does that mean i have to go through the whole process again or can i make the noted changes, save and exit?
  13. elryon's Avatar
    Posts
    715 Posts
    Global Posts
    720 Global Posts
    #54  
    Quote Originally Posted by MaSwaggSoSiQ View Post
    so if i do this does that mean i have to go through the whole process again or can i make the noted changes, save and exit?
    you should be able to just make the changes, save and exit. If your starting with an already modified file as per the previous instructions, you may want to undo any previous changes and only have the listed ones.
  14. #55  
    so basically if i followed sarahs way i need to undo all of those changes before i apply the new ones to center the avatar?
  15. elryon's Avatar
    Posts
    715 Posts
    Global Posts
    720 Global Posts
    #56  
    yes, I believe so.. or if you backed up or original messaging.css just restore that and do the changes I listed. That should do it, I'm testing right now.

    yes... it works from the original .css file just making the changes I listed. You will still need to make the rest of the changes to the other file for the image..
    Last edited by elryon; 07/19/2009 at 04:58 PM.
  16. as4life's Avatar
    Posts
    577 Posts
    Global Posts
    733 Global Posts
    #57  
    so far this is what i have. Any way to align it properly?


  17. elryon's Avatar
    Posts
    715 Posts
    Global Posts
    720 Global Posts
    #58  
    [QUOTE=as4life;1761708]so far this is what i have. Any way to align it properly?



    try editing this:
    .my-chat .chat-balloon-wrapper {
    padding-left: 40px;
    }

    changing the padding should help. It did that to me the first time I tried it.
  18. as4life's Avatar
    Posts
    577 Posts
    Global Posts
    733 Global Posts
    #59  
    [QUOTE=elryon;1761720]
    Quote Originally Posted by as4life View Post
    so far this is what i have. Any way to align it properly?



    try editing this:
    .my-chat .chat-balloon-wrapper {
    padding-left: 40px;
    }

    changing the padding should help. It did that to me the first time I tried it.
    I already edited the above to what you have.
  19. as4life's Avatar
    Posts
    577 Posts
    Global Posts
    733 Global Posts
    #60  
    also around line 676, my code looks like this:

    .my-chat .avatar-location {
    left: 6px;
    position: absolute;
    margin: 13px 12px 0px 0px;
    }
    .my-chat .avatar-overlay {
    left: 2px;
    margin-top: 10px;
    position: absolute;
    }
    .my-chat .avatar-container {
    display: inline-block;
    width: 40px;
    height: 40px;
    }
Page 3 of 13 FirstFirst 12345678 ... LastLast

Tags for this Thread

Posting Permissions