maemo.org - Talk - Customize N900 Conversations

Page 23 of 28

« First

< Prev

Next >

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)

godofwar424

2011-03-05 14:48

Re: Customize N900 Conversations

Quote:

Originally Posted by geojoking (Post 961228)

@Harick

Could you please make a version with the following:
- BLACK background
- blue/gray bubbles (like in your first design), but I'd like the color text in the blue bubble to be BLACK

Thanks in advance, this is by far the most nicest Conversations theme design.

Also, if you'd make the IM as well, it'd be great.

The files are exactly the same so...

For IM, just make a duplicate file and change the name.

Code:

root

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

cp -f MessagingWidgetsSMSConversation.css MessagingWidgetsChatConversation.css

cp -f MessagingWidgetsSMSConversation.js MessagingWidgetsChatConversation.js

cp -f MessagingWidgetsSMSConversation.html MessagingWidgetsChatConversation.html

geojoking

2011-03-05 15:25

Re: Customize N900 Conversations

Quote:

Originally Posted by geojoking (Post 961228)

@Harick

Could you please make a version with the following:
- BLACK background
- blue/gray bubbles (like in your first design), but I'd like the color text in the blue bubble to be BLACK
- make it display both last name and first name in the information above the message

Thanks in advance, this is by far the most nicest Conversations theme design.

Also, if you'd make the IM as well, it'd be great.

Nevermind, I managed to edit the files and create my custom colors.

But I'd still like to display the Last Name and First Name and I can't figure out how to do that.

arora.rohan

2011-03-05 15:38

Re: Customize N900 Conversations

Same for me thanks to godofwar reply! :)

Cheers!..everything is great now!

Harick

2011-03-05 17:41

Re: Customize N900 Conversations

4 Attachment(s)

Quote:

Originally Posted by godofwar424 (Post 961234)

Awesome!

Is there any chance you could do one with Lime Green and Light Blue bubbles with a black background?

Would be much appreciated :)

ok, lime green and light blue with black background, i must admit it, the color choise looks great, i think i'll keep this one

Quote:

Originally Posted by iscio (Post 960683)

have you found the solution?

ok, i fixed the b999m, but please test it, shouldn't be empty spaces
EDIT.: and pr1.3 scrolling

coming up next :P avatars on same side

(hope my friend guido doesn't get mad for posting his problems here xD )

Alfred

2011-03-05 18:00

Re: Customize N900 Conversations

Quote:

Originally Posted by Harick (Post 961304)

ok, lime green and light blue with black background, i must admit it, the color choise looks great, i think i'll keep this one

ok, i fixed the b999m, but please test it, shouldn't be empty spaces

coming up next :P avatars on same side

(hope my friend guido doesn't get mad for posting his problems here xD )

Does this theme also work for IM? or just for a SMS chat and could you please make ur Iphonish theme also for im?

Harick

2011-03-05 18:08

Re: Customize N900 Conversations

2 Attachment(s)

Quote:

Originally Posted by geojoking (Post 961250)

Nevermind, I managed to edit the files and create my custom colors.

But I'd still like to display the Last Name and First Name and I can't figure out how to do that.

ok, for first and last name you have to edit the js file.

anyway, here you have two versions, just extract the version you want inside html folder

first one its like default (i.e. first name then last name)

second is the other way around (last name then first name)

Garcel

2011-03-05 18:50

Re: Customize N900 Conversations

Sorry for being a noob here. But i can't find instructions where to put the attached theme sms on the file box. or should i type something on the terminal. Can anyone teach me how? thanks.

godofwar424

2011-03-05 19:00

Re: Customize N900 Conversations

Quote:

Originally Posted by Alfred (Post 961313)

Does this theme also work for IM? or just for a SMS chat and could you please make ur Iphonish theme also for im?

Can you please just read the last page or two just to see if your problem has been solved!

I posted this about 4 posts above yours but you obviously didn't check!

Making IM Files from the SMS Files!

arora.rohan

2011-03-05 19:03

Re: Customize N900 Conversations

There is this bug..when i get a new sms..the screen doesnt auto scrolls up :( !
i tried to fix it myself...but couldn't..anyone knows how to fix it?

Alfred

2011-03-05 19:07

Re: Customize N900 Conversations

Quote:

Originally Posted by godofwar424 (Post 961368)

sorry bout that, will be more attentive in the future

godofwar424

2011-03-05 19:11

Re: Customize N900 Conversations

Quote:

Originally Posted by Garcel (Post 961361)

Sorry for being a noob here. But i can't find instructions where to put the attached theme sms on the file box. or should i type something on the terminal. Can anyone teach me how? thanks.

You need to copy the files to this location and then restart your conversations a couple of times for your theme to be applied.

Firstly I have copied the files to my N900 via USB and put them in root directory of the Mass Storage.

Code:

cp -f /home/user/MyDocs/MessagingWidgetsSMSConversation.css /usr/share/rtcom-messaging-ui/html/ 

cp -f /home/user/MyDocs/MessagingWidgetsSMSConversation.js /usr/share/rtcom-messaging-ui/html/ 

cp -f /home/user/MyDocs/MessagingWidgetsSMSConversation.html /usr/share/rtcom-messaging-ui/html/

Secondly, assuming that there are no files for IM, here is how you create them.

Code:

cp -f MessagingWidgetsSMSConversation.css MessagingWidgetsChatConversation.css

cp -f MessagingWidgetsSMSConversation.js MessagingWidgetsChatConversation.js

cp -f MessagingWidgetsSMSConversation.html MessagingWidgetsChatConversation.html

Hope this helps :)

If you don't want to use the terminal, then you can always get a program like WinSCP as long as you have OpenSSH installed on your N900

Copy the files to the /usr/share/rtcom-messaging-ui/html directory via wifi :)

godofwar424

2011-03-05 19:12

Re: Customize N900 Conversations

Quote:

Originally Posted by Alfred (Post 961375)

sorry bout that, will be more attentive in the future

Sorry I didn't mean to snap, just had a long day.

If you need anything else feel free to ask :)

Ill try and help :P

godofwar424

2011-03-05 19:15

Re: Customize N900 Conversations

Quote:

Originally Posted by arora.rohan (Post 961370)

There is this bug..when i get a new sms..the screen doesnt auto scrolls up :( !
i tried to fix it myself...but couldn't..anyone knows how to fix it?

There are some themes that have a fix for this bug but I havent been able to extract the bugfix from the Jscript files :(

Hopefully niqbal or somebody else with more knowledge of Jscript will be able to tell us what needs to be done so me and others can fix our themes.

Harick

2011-03-05 20:28

Re: Customize N900 Conversations

3 Attachment(s)

it's me again, hi

well, couple of modifications

first, new layout with both, self and other's avatar on left

second, now you can choose from a bunch of nice bubbles color and layouts to make your own custom iphony conversation.

explanation:

it's kind of complicated, but like they say, there is no easy path to heaven.

EDIT.: now there is a variant for IM too, the steps are the same, but bubbles images in IM variant goes inside the IM folder, this way you can have 2 different schemes for the 2 different conversations

first choose a BG, there is light and black background, if you want another just edit the body background-color in the css file

second, choose a layout, there are 8 differents
- both sides (left for self, right for other)
- both side with small gap
- both side with avatars
- both side with avatars and small gap
- left side (both messages are on left side)
- left side with small ga
- left side with avatars
- left side with avatars and small gap
now you got 3 files (html, css, and js) (plus an IM folder if you are going to customize chat) copy them into the /usr/share/rtcom-messaging-ui/html

third, choose from the Bubbles folder a color for your bubble (from self folder) and a color for the other bubble (others folder)

finaly, copy the png images you choose into the right folder
for SMS conversation

Code:

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

for Chat

Code:

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

and thats it, you have a custom iphone-like conversation

any bug/question just ask

Garcel

2011-03-05 20:33

Re: Customize N900 Conversations

Quote:

Originally Posted by godofwar424 (Post 961381)

Code:

cp -f /home/user/MyDocs/MessagingWidgetsSMSConversation.css /usr/share/rtcom-messaging-ui/html/ 

cp -f /home/user/MyDocs/MessagingWidgetsSMSConversation.js /usr/share/rtcom-messaging-ui/html/ 

cp -f /home/user/MyDocs/MessagingWidgetsSMSConversation.html /usr/share/rtcom-messaging-ui/html/

Secondly, assuming that there are no files for IM, here is how you create them.

Code:

cp -f MessagingWidgetsSMSConversation.css MessagingWidgetsChatConversation.css

cp -f MessagingWidgetsSMSConversation.js MessagingWidgetsChatConversation.js

cp -f MessagingWidgetsSMSConversation.html MessagingWidgetsChatConversation.html

Thanks. If I want my default theme. what shold i do? And i don't know how to work on the potrait files where to put it. Again. sorry for being such a noob.

godofwar424

2011-03-05 21:15

Re: Customize N900 Conversations

Quote:

Originally Posted by Garcel (Post 961417)

Thanks. If I want my default theme. what shold i do?

I would advise you to backup the originals before you do any midifications. Here is how to do this :)

Backup

Code:

mv MessagingWidgetsSMSConversation.css MessagingWidgetsSMSConversation.css.bak

mv MessagingWidgetsSMSConversation.js MessagingWidgetsSMSConversation.js.bak

mv MessagingWidgetsSMSConversation.html MessagingWidgetsSMSConversation.html.bak

mv MessagingWidgetsChatConversation.css MessagingWidgetsChatConversation.css.bak

mv MessagingWidgetsChatConversation.js MessagingWidgetsChatConversation.js.bak

mv MessagingWidgetsChatConversation.html MessagingWidgetsChatConversation.html.bak

Restoring your backup

Code:

mv MessagingWidgetsSMSConversation.css.bak MessagingWidgetsSMSConversation.css

mv MessagingWidgetsSMSConversation.js.bak MessagingWidgetsSMSConversation.js

mv MessagingWidgetsSMSConversation.html.bak MessagingWidgetsSMSConversation.html

mv MessagingWidgetsChatConversation.css.bak MessagingWidgetsChatConversation.css

mv MessagingWidgetsChatConversation.js.bak MessagingWidgetsChatConversation.js

mv MessagingWidgetsChatConversation.html.bak MessagingWidgetsChatConversation.html

Hope this helps :)

If you get stuck let me know and I will try and explain it better or many upload a vid of the process or a script.

Garcel

2011-03-05 21:19

Re: Customize N900 Conversations

Thanks.one last question. How to make potrait work? where should i put the files?

godofwar424

2011-03-05 21:24

Re: Customize N900 Conversations

Quote:

Originally Posted by Garcel (Post 961443)

Thanks.one last question. How to make potrait work? where should i put the files?

You dont need to do anything to use these themes in portrait.

If you mean you want portrait mode enabled, then you need the CSSU installed and then the force-portrait enabled in transitions.ini

geojoking

2011-03-05 21:38

Re: Customize N900 Conversations

Quote:

Originally Posted by Harick (Post 961323)

Thank you ! :)

iscio

2011-03-05 21:47

Re: Customize N900 Conversations

Quote:

Originally Posted by Harick (Post 961304)

ok, i fixed the b999m, but please test it, shouldn't be empty spaces

wow it works very very well...you are great. thank you very much

iscio

2011-03-05 21:48

Re: Customize N900 Conversations

Quote:

Originally Posted by Harick (Post 961411)

it's me again, hi

well, couple of modifications

first, new layout with both, self and other's avatar on left

second, now you can choose from a bunch of nice bubbles color and layouts to make your own custom iphony conversation.

explanation:

it's kind of complicated, but like they say, there is no easy path to heaven.

first choose a BG, there is light and black background, if you want another just edit the body background-color in the css file

second, choose a layout, there are 4 differents (so far)
- both sides (left for self, right for other)
- both side with avatars
- left side (both messages are on left side)
- left side with avatars

now you got 3 files (html, css, and js) copy them into the /usr/share/rtcom-messaging-ui/html

third, choose from the Bubbles folder a color for your bubble (from self folder) and a color for the other bubble (others folder)

finaly, copy the png images you choose into the /usr/share/rtcom-messaging-ui/html folder

and thats it, you have a custom iphone-like conversation

any bug/question just ask

thank you for you work. it is beautifull

maemo55

2011-03-06 14:07

Re: Customize N900 Conversations

1 Attachment(s)

Quote:

Originally Posted by Harick (Post 961411)

it's me again, hi

well, couple of modifications

first, new layout with both, self and other's avatar on left

second, now you can choose from a bunch of nice bubbles color and layouts to make your own custom iphony conversation.

explanation:

it's kind of complicated, but like they say, there is no easy path to heaven.

first choose a BG, there is light and black background, if you want another just edit the body background-color in the css file

second, choose a layout, there are 4 differents (so far)
- both sides (left for self, right for other)
- both side with avatars
- left side (both messages are on left side)
- left side with avatars

now you got 3 files (html, css, and js) copy them into the /usr/share/rtcom-messaging-ui/html

third, choose from the Bubbles folder a color for your bubble (from self folder) and a color for the other bubble (others folder)

finaly, copy the png images you choose into the /usr/share/rtcom-messaging-ui/html folder

and thats it, you have a custom iphone-like conversation

any bug/question just ask

hi

i found a bug in your themes

when my messege sent

in the details sent message there is not any information about delivered message

sorry my english is bad

please see this screenshot

Changegames

2011-03-06 14:36

Re: Customize N900 Conversations

i like the iphonish theme but how can i modify the spaces between bubbles for me i feel like there so many wasted space, i draw a red line to show you where i want to close the gap...http://i.imgur.com/p83Rc.jpg

jo21	2011-03-06 22:46

Re: Customize N900 Conversations

Quote:

Originally Posted by Changegames (Post 961839)

where did u find that one ? x.x

Harick

2011-03-06 22:58

Re: Customize N900 Conversations

Quote:

Originally Posted by maemo55 (Post 961823)

hi

i found a bug in your themes

when my messege sent

in the details sent message there is not any information about delivered message

sorry my english is bad

please see this screenshot

i'm sorry, i can't reproduce your bug, it shows perfectly in my phone, i'm afraid it's a singular problem, maybe a theme, did you try with another theme? or another sms layout?

Quote:

Originally Posted by Changegames (Post 961839)

you have 2 spaces there, to reduce space 1 (over timestamp), you have to add a negative margin-bottom to div.MessageSelf, and subtract the same amount in the already negative margin of div.MessageOther

(i know, it's not the best way of doing it, but i'm just learning css and i'm always kind of messy :P)

example:

Code:

div.MessageSelf {

  vertical-align:middle;

  padding-bottom: 8px;

  clear:          both;

  display:        block;

  padding-left: 8px;

  padding-right: 8px;

  margin-bottom:-18px;

}



div.MessageOther {

        float:right;

  vertical-align:middle;

  clear:          both;

  display:        block;

  padding-left: 8px;

  padding-right: 8px;

  margin-bottom:-82px; /*      -64px + (-18px)       */

}

and space number two (below timestamp) can be reduced by adding a negative margin to div.MessageRightSelf and div.MessageRightOther, something like this

Code:

div.MessageRightSelf {

  margin-left:106px;

  white-space: nowrap;

  text-align: left;

  display: block;

  width:auto;

  margin-bottom:-18px;

}





div.MessageRightOther {

  white-space: nowrap;

  text-align: right;

  margin-right:106px; 

  display: block;

  width:auto;

  margin-bottom:-18px;

}

if you go below -18px, the timestamp will be inside the bubble

i don't know if it's clear, but i'm not good at explaining (and my english is not the best), but if you want, give me the layout you want to use, and i'll reduce the spaces for you

jo21	2011-03-06 23:44

Re: Customize N900 Conversations

Quote:

Originally Posted by Harick (Post 962069)

i'm sorry, i can't reproduce your bug, it shows perfectly in my phone, i'm afraid it's a singular problem, maybe a theme, did you try with another theme? or another sms layout?

you have 2 spaces there, to reduce space 1 (over timestamp), you have to add a negative margin-bottom to div.MessageSelf, and subtract the same amount in the already negative margin of div.MessageOther

(i know, it's not the best way of doing it, but i'm just learning css and i'm always kind of messy :P)

example:

Code:

div.MessageSelf {

  vertical-align:middle;

  padding-bottom: 8px;

  clear:          both;

  display:        block;

  padding-left: 8px;

  padding-right: 8px;

  margin-bottom:-18px;

}



div.MessageOther {

        float:right;

  vertical-align:middle;

  clear:          both;

  display:        block;

  padding-left: 8px;

  padding-right: 8px;

  margin-bottom:-82px; /*      -64px + (-18px)       */

}

and space number two (below timestamp) can be reduced by adding a negative margin to div.MessageRightSelf and div.MessageRightOther, something like this

Code:

div.MessageRightSelf {

  margin-left:106px;

  white-space: nowrap;

  text-align: left;

  display: block;

  width:auto;

  margin-bottom:-18px;

}





div.MessageRightOther {

  white-space: nowrap;

  text-align: right;

  margin-right:106px; 

  display: block;

  width:auto;

  margin-bottom:-18px;

}

abit confusing.. i am trying to make a standard version with potrait support. all avatar on the left. dark background
Me=green bubble
they=blue bubble
think u could help me?

godofwar424

2011-03-07 00:15

Re: Customize N900 Conversations

1 Attachment(s)

Quote:

Originally Posted by Harick (Post 961411)

it's me again, hi

well, couple of modifications

first, new layout with both, self and other's avatar on left

second, now you can choose from a bunch of nice bubbles color and layouts to make your own custom iphony conversation.

explanation:

it's kind of complicated, but like they say, there is no easy path to heaven.

first choose a BG, there is light and black background, if you want another just edit the body background-color in the css file

second, choose a layout, there are 4 differents (so far)
- both sides (left for self, right for other)
- both side with avatars
- left side (both messages are on left side)
- left side with avatars

now you got 3 files (html, css, and js) copy them into the /usr/share/rtcom-messaging-ui/html

third, choose from the Bubbles folder a color for your bubble (from self folder) and a color for the other bubble (others folder)

finaly, copy the png images you choose into the /usr/share/rtcom-messaging-ui/html folder

and thats it, you have a custom iphone-like conversation

any bug/question just ask

Mate,

I have found a bug with the avatar placement in portrait mode.

Basically, as shown in the picture. If i type a longer message, my avatar appears above the message on the left instead of at the bottom left of the bubble.

Hope you get what I mean :P

P.s. This bug DOES NOT apply for the person I am texting. Their avatar is always placed correctly.

ejasmudar

2011-03-07 09:31

Re: Customize N900 Conversations

Guys, a lot of new themes seems to have been uploaded here in the past few days. Please update the wiki.
All the themes need more descriptive names; right now, it is all Conversation theme1, theme 2, etc. Also, maybe a short description/screenshot?
Also, if somebody could add how-to's in the wiki about changing own name, adding avatar, realigning the avatars, adjust spacing, etc I think it would help a lot of users. I am still confused an experimenting on a lot of thins with the css and html files and this would be helpful.

Changegames

2011-03-07 10:30

Re: Customize N900 Conversations

Quote:

Originally Posted by Harick (Post 962069)

i don't know if it's clear, but i'm not good at explaining (and my english is not the best), but if you want, give me the layout you want to use, and i'll reduce the spaces for you

thanks harick, i just want to close the gap i like the way the iphone theme is because its easy to read...

godofwar424

2011-03-07 10:31

Re: Customize N900 Conversations

Quote:

Originally Posted by ejasmudar (Post 962337)

Im not promising anything, but I will try and update the wiki so it is much more useful to newbies as well as linux veterans :)

As for screenshots I will try and find some for each theme and then attach them as well as making some more interesting names for them :P

If anyone doesn't want me to edit their files then please let me know and Ill revert the changes :)

godofwar424

2011-03-07 12:19

Re: Customize N900 Conversations

@ejasmudar

Forgive me if this sounds rude, but could you and anybody else please not edit or add stuff to the wiki until I post on this thread?

I got alot of work to do on it and I kinda wanna get it done without interruptions.

I am saying this in the best interest of people :)

Let me finish this work and then let me know what you think of the updates page :)

ejasmudar

2011-03-07 12:29

Re: Customize N900 Conversations

Quote:

Originally Posted by godofwar424 (Post 962418)

Right-O! No interruptions :)

Thanks!
Ejas

natas

2011-03-07 15:25

Re: Customize N900 Conversations

I've looked about on the forums and maybe I'm being dumb but I can't find any way to remove the message from the conversation flash which sits on the screen telling you you have a message.
I'd like to only have the contact name shown and not any of the txt is this possible?
If so how do I go about doing this.
I'd like to remove the message due to privacy issues.

thanx for any help

Harick

2011-03-07 15:43

Re: Customize N900 Conversations

1 Attachment(s)

Quote:

Originally Posted by godofwar424 (Post 962108)

Quote:

Originally Posted by arora.rohan (Post 961370)

There is this bug..when i get a new sms..the screen doesnt auto scrolls up :( !
i tried to fix it myself...but couldn't..anyone knows how to fix it?

i just faced this problem, while i was trying to solve godofwar424 issue, and i think i solved it, pls try this one (if you still have the issue) and report back if works or not

if all works, i'll update the customize version previously posted

iscio

2011-03-07 15:47

Re: Customize N900 Conversations

Quote:

Originally Posted by arora.rohan (Post 961370)

There is this bug..when i get a new sms..the screen doesnt auto scrolls up :( !
i tried to fix it myself...but couldn't..anyone knows how to fix it?

I have this problem also with my theme. If you try to adjust I am here to test it :-)

Harick

2011-03-07 16:31

Re: Customize N900 Conversations

Quote:

Originally Posted by iscio (Post 962553)

I have this problem also with my theme. If you try to adjust I am here to test it :-)

that would be awesome, i added the fix to that theme too and updated the previous post

please download again and let me know if it works

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

jo21	2011-03-07 18:16

Re: Customize N900 Conversations

Quote:

Originally Posted by Harick (Post 962577)

that would be awesome, i added the fix to that theme too and updated the previous post

please download again and let me know if it works

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

how u install it? i try to just use file box and copy it to the /html folder like i did with other themes didnt work.. i get empty conversations

godofwar424

2011-03-07 18:54

Re: Customize N900 Conversations

Quote:

Originally Posted by Harick (Post 962552)

i don't have this problem, (it has no logic neither :p) but i've managed to render in a different way. please try this one and let me know if it worked, it should be the same layout but the problem should be gone (hopefully)

i just faced this problem, while i was trying to solve godofwar424 issue, and i think i solved it, pls try this one (if you still have the issue) and report back if works or not

if all works, i'll update the customize version previously posted

Thanks that works perfectly now :)

Not sure why I had that problem though, I couldn't even see anything wrong in the css code :s

iscio

2011-03-07 19:05

Re: Customize N900 Conversations

1 Attachment(s)

Quote:

Originally Posted by Harick (Post 962577)

that would be awesome, i added the fix to that theme too and updated the previous post

please download again and let me know if it works

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

sigh sob....I tested it but there is the same problem :-(

godofwar424

2011-03-07 19:47

Re: Customize N900 Conversations

Quote:

Originally Posted by jo21 (Post 962620)

how u install it? i try to just use file box and copy it to the /html folder like i did with other themes didnt work.. i get empty conversations

Try copying the files across using the terminal

Open X-Terminal and then type in the following (please create a folder called "html" in the root directory of your Mass Storage and then transfer the theme files to that folder)

Code:

root

cp -f /home/user/MyDocs/html/* /usr/share/rtcom-messaging-ui/html/

Let me know if it works :)

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

Page 23 of 28

Show 40 post(s) from this thread on one page

vBulletin® Version 3.8.8