maemo.org - Talk
Page 36 of 109 « First 263435 36 373846 Last »
Show 40 post(s) from this thread on one page

maemo.org - Talk (https://talk.maemo.org/index.php)
-   Maemo 5 / Fremantle (https://talk.maemo.org/forumdisplay.php?f=40)
-   -   Customize N900 Conversations (https://talk.maemo.org/showthread.php?t=36618)

b666m 2010-03-02 17:25
Re: Customize N900 Conversations
 
1 Attachment(s)
meep... something new...

i'm trying to get this:
http://img73.imageshack.us/img73/4927/ichathelpge9.png

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:
http://img5.imageshack.us/img5/3917/...0030218074.png

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>

Schturman 2010-03-02 17:51
Re: Customize N900 Conversations
 
Cool !
I'll try to play with this :-)

joshua.maverick 2010-03-07 01:11
Re: Customize N900 Conversations
 
Quote:
Originally Posted by b666m (Post 549706)
so...
here's the package you'll always need which contains the modded html- and js-file to have both avatars.

and in addition there's the css which does the following:
http://img717.imageshack.us/img717/2...0022801054.png

i have added many comments to the code itself to help you in case you want to change something :)

for instructions on where you have to place these files and what to do to get your own avatar, please refer to:
http://talk.maemo.org/showpost.php?p...5&postcount=33 ^^

have fun, everyone! :D
Can you package a version for ChatConversation as well? This is really sweet.

joshua.maverick 2010-03-07 01:20
Re: Customize N900 Conversations
 
Quote:
Originally Posted by joshua.maverick (Post 558329)
Can you package a version for ChatConversation as well? This is really sweet.
sms works and looks sweet, its a shame its using the mozilla engine like you mentioned, slow as hell but looks 1000x better than the original!

b666m 2010-03-07 01:33
Re: Customize N900 Conversations
 
Quote:
Originally Posted by joshua.maverick (Post 558333)
sms works and looks sweet, its a shame its using the mozilla engine like you mentioned, slow as hell but looks 1000x better than the original!
have you tried to just copy each block from *sms*.css to *im*.css?

i mean... keep what is only in the *im*.css and replace what is in both css files with the ones from *sms*.css ^^

JohnLF 2010-03-07 01:43
Re: Customize N900 Conversations
 
Is there an app that can do all this?

It would be great if there was a simple GUI where we could choose colours, avatars left or right, fixed width/varying width message fields, bubbles, etc etc. and of course the all important "restore default settings" button.

joshua.maverick 2010-03-07 01:48
Re: Customize N900 Conversations
 
Yup I'll try it out. Any tweaks to make it run a bit better? right now it's unbearably slow.

b666m 2010-03-07 01:51
Re: Customize N900 Conversations
 
Quote:
Originally Posted by joshua.maverick (Post 558349)
Yup I'll try it out. Any tweaks to make it run a bit better? right now it's unbearably slow.
mhm... maybe disabling transparency would help... don't know... just try (:
(and post if it's speeding up ^^)

joshua.maverick 2010-03-07 02:05
Re: Customize N900 Conversations
 
Slightly better, though it may just be my perception. is there a way to use webkit instead? Or do we just have to beg nokia?

b666m 2010-03-07 02:19
Re: Customize N900 Conversations
 
try typing "file:///usr/share/rtcom-messaging-ui/html/MessagingWidgetsSMSConversation.html" in the address-field of your browser...
maybe it's loading... maybe it isn't... ^^


All times are GMT. The time now is 04:59.
Page 36 of 109 « First 263435 36 373846 Last »
Show 40 post(s) from this thread on one page

vBulletin® Version 3.8.8