Customize N900 Conversations - Page 104 - maemo.org

godofwar424 | # 1031 | 2011-06-01, 00:42 | Report

@f2thak

Could you possibly make a theme with the time stamp outside of the bubble on the top??

Also without the bubble going over the avatar, but instead going underneath, making it look more like a speech bubble from that persons avatar?

Would be much appreciated

The Following User Says Thank You to godofwar424 For This Useful Post:
F2thaK

F2thaK | # 1032 | 2011-06-01, 00:45 | Report

Oooh, a challenge! (Since Im no coder!)
Ill give it a shot tonight.

Also thinking of making a version of the one above just without names.

The Following User Says Thank You to F2thaK For This Useful Post:
godofwar424

F2thaK | # 1033 | 2011-06-01, 06:02 | Report

Minimal version 3:

available here
http://talk.maemo.org/showpost.php?p...postcount=1024

F2thaK | # 1034 | 2011-06-01, 11:15 | Report

Originally Posted by godofwar424 View Post

@f2thak

Could you possibly make a theme with the time stamp outside of the bubble on the top??

Also without the bubble going over the avatar, but instead going underneath, making it look more like a speech bubble from that persons avatar?

Would be much appreciated

Bit advanced for me sorry, maybe Harick can help us out... Just PM'd him.

Last edited by F2thaK; 2011-06-01 at 11:22.

niqbal | # 1035 | 2011-06-01, 11:32 | Report

Originally Posted by godofwar424 View Post

@f2thak

Could you possibly make a theme with the time stamp outside of the bubble on the top??

Also without the bubble going over the avatar, but instead going underneath, making it look more like a speech bubble from that persons avatar?

Would be much appreciated

You can move time stamp <span id=Message*TimeStamp* .. > tags in html file and thats it. Nothing fancy going on here.

e.g. in F2thak's Original Version 1 case scenario

tags responsible are given in one class

Code:

<div class="MessageRight Self">
      <img id="MessageBusinessCardImgSelf" class="MessageBusinessCardImg" src=""/>
      <span id="MessageTimeStampSelf" class="MessageTimeStamp SecondaryTextColor Self SmallSystemFont">12:30 PM</span>
      <span id="MessageDeliveryTimeStampSelf" class="MessageDeliveryTimeStamp SecondaryTextColor Self SmallSystemFont"> | 1:30 PM</span>
      <img id="MessageStatusImgSelf" class="MessageStatusImg" src=""/>
    </div>

Answer to your query 2 about which layer should overlap and which should stay behind is simply a matter of assigning z-index values. Making sure that image in front has higher z-index value. It is located in css file.

e.g. in F2thak's Original Version 1 case scenario

Edit .css file so that bubble-self/other has z-index=1 and avatar-self/other has z-index=2

Last edited by niqbal; 2011-06-01 at 11:55.

The Following User Says Thank You to niqbal For This Useful Post:
F2thaK

F2thaK | # 1036 | 2011-06-01, 11:34 | Report

okay thanks, mite have a look tomorrow, unless Haricks beats me to it

Harick | # 1037 | 2011-06-02, 01:25 | Report

Originally Posted by godofwar424 View Post

@f2thak

Could you possibly make a theme with the time stamp outside of the bubble on the top??

Also without the bubble going over the avatar, but instead going underneath, making it look more like a speech bubble from that persons avatar?

Would be much appreciated

i hope this is what you're looking for

btw, i'm just learning ajax, and i'm thinking, maybe we can push conversations further than just basic html and css modifications, there is a lot we can do with javascript, animations for example

Attached Files

f2thaks-godofwar version SMS.zip (10.3 KB, 142 views)

The Following 3 Users Say Thank You to Harick For This Useful Post:
ejasmudar, F2thaK, godofwar424

F2thaK | # 1038 | 2011-06-02, 01:38 | Report

Originally Posted by Harick View Post

i hope this is what you're looking for

btw, i'm just learning ajax, and i'm thinking, maybe we can push conversations further than just basic html and css modifications, there is a lot we can do with javascript, animations for example

Nice, thanks, but he wanted the speech bubbles under the avatars too. Looks good as is though! cheers

edit: I could be wrong but adding too much candy to conversations will slow it down, as the Bubble theme you made with images is terribly slow and clunky (on my device at least).
Thats why I made this one, to look similar to yours but have better 'performance'.

Last edited by F2thaK; 2011-06-02 at 01:43.

F2thaK | # 1039 | 2011-06-02, 10:20 | Report

Originally Posted by godofwar424 View Post

@f2thak

Could you possibly make a theme with the time stamp outside of the bubble on the top??

Also without the bubble going over the avatar, but instead going underneath, making it look more like a speech bubble from that persons avatar?

Would be much appreciated

Done. Doesnt look great how you wanted it so I made 4 versions

Original version 4:

Original version 5:

Minimal version 4:

Minimal version 5:

All and more available here:
http://talk.maemo.org/showpost.php?p...postcount=1024

The Following User Says Thank You to F2thaK For This Useful Post:
godofwar424

locolyric | # 1040 | 2011-06-08, 13:08 | Report

Originally Posted by godofwar424 View Post

Hi

I have edited one of Niqbals themes in order to better support portrait viewing without having to scroll across.

This is not my theme! I just edited Niqbals theme that I have been using for quite awhile now.

Anyway, this allows portrait viewing without the need to scroll horizontally and it doesn't affect landscape viewing.

Enjoy!

UPDATE: I have updated the SingleSMS file as I accidentally copied the wrong code into it. Please download the latest version and update the old files.

UPDATE 03/03/2011: I have added files for a full left and right alignment of both avatars and messages, as well as bug fixes for the positioning of the avatar and removal of name tags.

Let me know if you have any problems

P.s. This update took alot of work but I want it to be perfect so please let me know of any bugs or possible requests

Here are some screenshots (Uploaded to photobucket as reached maximum upload limit for a post)

Landscape Mode:

Portrait Mode:

Landscape Mode Test With Left Alignment:

Portrait Mode Test With Left Alignment:

Landscape Mode Test With Right Alignment:

Portrait Mode Test With Right Alignment:

Hope you guys enjoy

the same bugs as blackbg avater appeared ..Any way we can solve it ourself?