Reply
Thread Tools
Posts: 40 | Thanked: 26 times | Joined on Mar 2010 @ Scotland
#391
Haha just took a little push then b666m? Must have been annoying you too!

I would love to have done it myself but I wouldn't have a clue where to start!

Thanks a lot.
 
b666m's Avatar
Posts: 1,090 | Thanked: 476 times | Joined on Jan 2010 @ Ingolstadt, Germany
#392
yep.
mainly because my conversation style is scrolling soooooo daaaaamn slow - thx @ mozilla engine. ^^
i'm glad i found the solution so fast. *g*
 
Schturman's Avatar
Posts: 5,339 | Thanked: 4,133 times | Joined on Jan 2010 @ Israel
#393
Originally Posted by b666m View Post
EDIT1:
actually if you're looking closely you just have to change:
Code:
window.pageYOffset
to:
Code:
(2 * window.innerWidth)
this can be done really fast with VI in the command line or just leafpad. no need for SSH into the device or copy the new files over. (:
Yeeeeee !!! U r King !
Thanks !!!
 
Posts: 120 | Thanked: 33 times | Joined on Jan 2010
#394
Originally Posted by b666m View Post
meep... something new...

i'm trying to get this:


this is a picture of miranda using ieview and ichat for displaying the conversations.

there the bubbles are getting resized to fit the text within.
small text -> small bubble.
huge text -> huge bubble.
(ok... i don't believe that apple uses the exact same method/code but hey... it works in miranda ^^)

so i adapted the code in a first attampt to the conversation layout:


it's creating a 9 cell table via html and filling the cells with pictures and text via css.

it's not working perfectly yet...
i only implemented it for the contact's bubble...
dont worry about the misalignment of the avatar
(i was just too lazy to edit the margins ^^ but the border is in the right place as you can see)

something is messing with the default code... especially the top side of the bubble doesn't work at all :/

i attach the iChat zip-file. there you can find the iChat.css and iChat.ivt (which is just a html-file with another extension). so you can take a look at it and try to adapt the code to the rtcom-code on your own. maybe you're luckier than me.

(btw: only the html-file needs some patchwork... for the css you can mostly copy the blocks which are named in the html over...)

so here's my html-code so far:
Code:
<div id="MessageContainerOther" class="Message Other">

  <table cellpadding="0" cellspacing="0" class="recieveframe">

  <tr><td width="100%" align="right">

    <table cellpadding="0" cellspacing="0" class="recieve">

    <tr><td>

      <td class="recieveleft"><div class="recievelefttop" /></div></td>

      <td class="recievetext"><div class="recievetexttop"></div>

  <div id="MessageOther" class="MessagingBubbleOtherBackgroundColor MessagingBubbleBorderColor BubbleOther">   
    <img id="MessagePresenceOther" src="" class="MessagePresence"/>
    <span id="MessageSenderNameOther" class="MessageNameField AccentColor1 Other"></span>
    <span id="MessageTextOther" class="MessageText Other"></span>
    <div class="MessageRight Other">
      <img id="MessageBusinessCardImgOther" class="MessageBusinessCardImg" src=""/>
      <span id="MessageTimeStampOther" class="MessageTimeStamp SecondaryTextColor Other SmallSystemFont">12:30 PM</span>
      <span id="MessageDeliveryTimeStampOther" class="MessageDeliveryTimeStamp SecondaryTextColor Other SmallSystemFont"> | 1:30 PM</span>
      <img id="MessageStatusImgOther" class="MessageStatusImg" src=""/>
    </div>
  </div>

  <br /><div class="recievetextbot"></div></td>

	<td class="recieveright"><div class="recieverighttop" /></div></td>

      </td></tr>

    </table>
  </td>
  <td>&nbsp;</td>
  <td width="30" style="vertical-align: bottom;">
  <div class="Avatar">
    <div id="AvatarImgOther" class="MessageAvatar MessagingAvatarBorderColor DefaultBackgroundColor Other"></div>
  </div> 
  </td></tr>
</table>

  <div class="Avatar">
    <div id="AvatarImgOther" class="MessageAvatar MessagingAvatarBorderColor DefaultBackgroundColor Other"></div>
  </div> 
</div>
Did you manage to get the conversations bubbles working well?
I also want this but only if it's not going to be slow.

Can you please give instructions with file attachments to go from a stock configuration to your version with bubbles?
 
b666m's Avatar
Posts: 1,090 | Thanked: 476 times | Joined on Jan 2010 @ Ingolstadt, Germany
#395
Originally Posted by byte_76 View Post
Did you manage to get the conversations bubbles working well?
I also want this but only if it's not going to be slow.
i don't know if that would be faster ... ^^
but i didn't manage it sadly.
it seems like both top corners wouldn't load the images at all :/
everything else seems to work and just need little tweaking.
but without the two top corners i don't want to spend my time anymore on this.

Can you please give instructions with file attachments to go from a stock configuration to your version with bubbles?
there are already many instructions in this thread.
i think the latest style is on page 35 ... instructions are linked within it.
 
Schturman's Avatar
Posts: 5,339 | Thanked: 4,133 times | Joined on Jan 2010 @ Israel
#396
Just now I noticed to little problem with IM conversation.
Look on this picture, something wrong with borders around the avatars



Something wrong with this blocks ?

Code:
* Avatars
 */
img.MessageAvatar { 
  width: 64px;
  height: 64px;
  outline-style: solid; 
  outline-width: 4px; 
  outline-offset: -1px; 
  -moz-outline-radius: 13px; 
  padding: 1px;
  vertical-align: middle; 
}

div.MessageAvatar { 
  width: 64px;
  height: 64px;
  -moz-border-radius: 10px; 
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  vertical-align: middle;
}
 
Posts: 308 | Thanked: 118 times | Joined on Dec 2009 @ UK Swindon
#397
Originally Posted by b666m View Post
that's what i've done:

........
instructions:
1. just unzip the four files (3 css, 1 html and 1 js) somewhere in your MyDocs folder (i.e. MyDocs/sms/)
2. open x-term
3. type "sudo gainroot" (you need to have "rootsh" installed)
4. type "cp MyDocs/sms/* /usr/share/rtcom-messaging-ui/html/"
5. open any conversation, close it and open it again for reloading the layout

edit: for your own avatar place a picture named "avatar.png" with 64 * 64 pixels in the html-folder
just for clarity, do i need to run the cp command for each of the 4 files (substituting * with the filename)?

thanks
 
nicorumiz's Avatar
Posts: 96 | Thanked: 16 times | Joined on Jan 2010 @ Denver, CO -> Italy
#398
Originally Posted by bonerp View Post
just for clarity, do i need to run the cp command for each of the 4 files (substituting * with the filename)?

thanks
No,

the character "*" will include all the files so in this case:

all the files here
"MyDocs/sms/"

are going to be copied here:

/usr/share/rtcom-messaging-ui/html/


Nico
 

The Following User Says Thank You to nicorumiz For This Useful Post:
Posts: 308 | Thanked: 118 times | Joined on Dec 2009 @ UK Swindon
#399
Originally Posted by nicorumiz View Post
No,

the character "*" will include all the files so in this case:

all the files here
"MyDocs/sms/"

are going to be copied here:

/usr/share/rtcom-messaging-ui/html/


Nico
How do I check that they have been copied over to /usr/share/rtcom-messaging-ui/html/ correctly?

thanks
 
Posts: 308 | Thanked: 118 times | Joined on Dec 2009 @ UK Swindon
#400
Sorted it now thanks people
 
Reply

Tags
bada rox, his lunchbox

Thread Tools

 
Forum Jump


All times are GMT. The time now is 06:31.