maemo.org - Talk

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)

godofwar424 2011-06-01 00:42

Re: Customize N900 Conversations
 
@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 :)

F2thaK 2011-06-01 00:45

Re: Customize N900 Conversations
 
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.

F2thaK 2011-06-01 06:02

Re: Customize N900 Conversations
 
Minimal version 3:

http://i900.photobucket.com/albums/a...601-133850.png

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

F2thaK 2011-06-01 11:15

Re: Customize N900 Conversations
 
Quote:

Originally Posted by godofwar424 (Post 1019837)
@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. :D

niqbal 2011-06-01 11:32

Re: Customize N900 Conversations
 
Quote:

Originally Posted by godofwar424 (Post 1019837)
@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

F2thaK 2011-06-01 11:34

Re: Customize N900 Conversations
 
okay thanks, mite have a look tomorrow, unless Haricks beats me to it

Harick 2011-06-02 01:25

Re: Customize N900 Conversations
 
1 Attachment(s)
Quote:

Originally Posted by godofwar424 (Post 1019837)
@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

F2thaK 2011-06-02 01:38

Re: Customize N900 Conversations
 
Quote:

Originally Posted by Harick (Post 1020567)
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'.

F2thaK 2011-06-02 10:20

Re: Customize N900 Conversations
 
Quote:

Originally Posted by godofwar424 (Post 1019837)
@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 :D



Original version 4:
http://i900.photobucket.com/albums/a...602-181503.png

Original version 5:
http://i900.photobucket.com/albums/a...602-180829.png

Minimal version 4:
http://i900.photobucket.com/albums/a...602-175423.png

Minimal version 5:
http://i900.photobucket.com/albums/a...602-175816.png


All and more available here:

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

locolyric 2011-06-08 13:08

Re: Customize N900 Conversations
 
Quote:

Originally Posted by godofwar424 (Post 955088)
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:

http://i281.photobucket.com/albums/k...peModeTest.png

Portrait Mode:

http://i281.photobucket.com/albums/k...itModeTest.png

Landscape Mode Test With Left Alignment:

http://i281.photobucket.com/albums/k...tAlignment.png

Portrait Mode Test With Left Alignment:

http://i281.photobucket.com/albums/k...tAlignment.png

Landscape Mode Test With Right Alignment:

http://i281.photobucket.com/albums/k...tAlignment.png

Portrait Mode Test With Right Alignment:

http://i281.photobucket.com/albums/k...tAlignment.png

Hope you guys enjoy :)


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


All times are GMT. The time now is 15:39.

vBulletin® Version 3.8.8