Active Topics

 


Reply
Thread Tools
x61's Avatar
Posts: 932 | Thanked: 278 times | Joined on Sep 2009 @ Kentucky
#91
place a picture with 64x64 in /usr/share/rtcom-messaging-ui/html/ named "avatar.png"
How do you access the N900 Camera folder through the terminal to retrieve the pictures? I can't seem to get.
 
Schturman's Avatar
Posts: 5,339 | Thanked: 4,133 times | Joined on Jan 2010 @ Israel
#92
Hi b666m
I have a little problem.... See this picture below:




You can see the margins of the left side wider than the right side.
What I need change in the CSS file to get the left margins like on the right side.

Code:
/**
 * Style rules for the MessageBuffer
 */

/**
 * the body defaults
 */
body {
  margin-left: 16px;
  margin-right: 16px;
}

/**
 * The table column formats
 */

div.Message {
  padding-bottom: 8px;
  clear:      both;
  display:        block;
  padding-left: 8px;
}

div.Message:first-child {
  padding-top: 0px;
}

div.Message:last-child {
  padding-bottom: 0px;
}

div.BubbleSelf {
  background: #600000;
  /* shadow with edged shape - right 3px and below 2px */
  text-shadow:black 3px 2px;

  -moz-border-radius: 6px ;
  border-style: solid;
  border-width: 1px;

  margin-left: 0px;
  margin-right: 0px;
  vertical-align: middle;
  padding: 4px 8px;

  display: inline-block;
  width: 664px;
  min-height: 56px;
  /* overflow: hidden; this bugs mouse events. see bug #123077 */
}

div.BubbleOther {
  background: #2F4F4F;
  /* shadow with edged shape - right 3px and below 2px */
  text-shadow:black 3px 2px;

  -moz-border-radius: 6px ;
  border-style: solid;
  border-width: 1px;

  margin-left: 0px;
  margin-right: 0px;
  vertical-align: middle;
  padding: 4px 8px;

  display: inline-block;
  width: 664px;
  min-height: 56px;
  /* overflow: hidden; this bugs mouse events. see bug #123077 */
}

div.BubbleSpacer {
  padding: 0px;
  margin: 0px;
  vertical-align: middle;
  display: table-cell;
  width: 664px;
  max-width: 664px;
  height: 52px;
}

div.BubbleSelfClicked {
  -moz-border-radius: 6px ;
  border-style: solid;
  border-width: 1px;

  margin-left: 0px;
  margin-right: 0px;
  vertical-align: middle;
  padding: 4px 8px;

  display: inline-block;
  width: 664px;
  min-height: 56px;
 /* overflow: hidden; this bugs mouse events. see bug #123077 */
}


div.BubbleOtherClicked {
  -moz-border-radius: 6px ;
  border-style: solid;
  border-width: 1px;
  text-shadow: 0.1em 0.1em #000;
  vertical-align: middle;
  padding: 4px 8px;

  display: inline-block;
  width: 664px;
  min-height: 56px;
  /* overflow: hidden; this bugs mouse events. see bug #123077 */
}

/**
 * Others' Avatars
 *
 * This needs a "drop down" shadow, but no idea if that can be done
 *Adele: please note that this drop down shadow might be subjected to change
 *I've talked about it with Vilja who's in charge of address book layout
 *and we might change it so that it's a double border colour to indicate
 *that the avatar is clickable. drop shawdow doesn't seem to work with
 *dark backgrounds unless it's a light colour drop shadow.
 *PLEASE tell me if it's difficult to implement the drop shadow.
 * Looks like drop shadow is dropped from ui specs. And bug 139130 made me
 *remove the space for it anyway.
 */

div.Avatar {
  width: 64px;
  display: inline-block;
  vertical-align: middle;
}

.MessageAvatar {
  width: 64px;
  height:64px;
  outline-style: solid;
  outline-width: 1px;
  -moz-outline-radius: 6px;
}

img.MessagePresence {
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

/**
 * the Name field
 */
span.MessageNameField {
  word-wrap: break-word;
  vertical-align: middle;
}

/**
 * the Text field
 */
span.MessageText {
  text-align: right;
  vertical-align: middle;
  word-wrap: break-word;
}

/**
 * the TimeStamp default rules
 */
div.MessageRight {
  float: left;
  padding-right: 16px;
  white-space: nowrap;
  text-align: left;
  display: inline-block;
}

img.MessageBusinessCardImg {
  vertical-align: middle;
  padding-right: 4px;
}

img.MessageStatusImg {
  vertical-align: middle;
  padding-right: 8px;
}

.MessagingWidgetsSmiley {
  height: 24px;
  width: 24px;
}
Thanks
 
Posts: 8 | Thanked: 8 times | Joined on Jan 2010 @ Russia, Moscow
#93
Originally Posted by Schturman View Post
Hi b666m
I have a little problem.... See this picture below:




You can see the margins of the left side wider than the right side.
What I need change in the CSS file to get the left margins like on the right side.

Code:
...
Thanks
I fink you need to set all width: 664px; to width: 652px; or some near this.
Youre divīs with width: 664px; is stretching nevertheless yor set margins.
Something like this. Hope itīs help you.
Code:
If not - attache youre css file ... and i edit it as so as you need:)
WOW Where were my eyes? You already do this


can you undestand me? sometimes i canīt undestand myself

Last edited by termi_uc; 2010-01-29 at 18:59.
 
Posts: 22 | Thanked: 8 times | Joined on Nov 2009
#94
Simple change, background static image and borders were added.

div.Message {
margin-top: 8px;
margin-left: 0px;
margin-right: 0px;
/* add border & bground pic*/
border: 1px solid;
border-color: #222;
background: url(tree.jpg) fixed 100% 100% no-repeat;
/* end of code change*/

Last edited by CrashandDie; 2010-01-30 at 02:11. Reason: Please make sure there are no inappropriate words in your screenshots; even when in a different language.
 
Schturman's Avatar
Posts: 5,339 | Thanked: 4,133 times | Joined on Jan 2010 @ Israel
#95
Originally Posted by termi_uc View Post
I fink you need to set all width: 664px; to width: 652px; or some near this.
Youre divīs with width: 664px; is stretching nevertheless yor set margins.
Something like this. Hope itīs help you.
Code:
If not - attache youre css file ... and i edit it as so as you need:)
Try on my file (see below)
I fix it by changing margins in the body:

from this:
Code:
body {
  margin-left:16px;
  margin-right: 16px;
}
to this:
Code:
body {
  margin-left: 0px;
  margin-right: 24px;
}
but I don't like this, because of now you can see wide margins on both sides.... I want to narrow margins....



Thanks
Attached Files
File Type: zip MessagingWidgetsSMSConversation.zip (1.2 KB, 159 views)

Last edited by Schturman; 2010-01-29 at 18:06.
 
Posts: 8 | Thanked: 8 times | Joined on Jan 2010 @ Russia, Moscow
#96
Originally Posted by Schturman View Post
Try on my file (see below)
I fix it by changing margins in the body:

...

Thanks
Do you did as i say? Try to replace width: 664px; to width: 640px; and you get what you need.

I check it. Itīs work.

And you can simple write this
Code:
body {
  margin:0 16px;
}
Instead of
Code:
body {
  margin-left:16px;
  margin-right: 16px;
}
 
Schturman's Avatar
Posts: 5,339 | Thanked: 4,133 times | Joined on Jan 2010 @ Israel
#97
Originally Posted by termi_uc View Post
Do you did as i say? Try to replace width: 664px; to width: 640px; and you get what you need.

I check it. Itīs work.

And you can simple write this
Code:
body {
  margin:0 16px;
}
Instead of
Code:
body {
  margin-left:16px;
  margin-right: 16px;
}
Sorry, but this not work... See this picture:
 
zerojay's Avatar
Posts: 2,669 | Thanked: 2,555 times | Joined on Apr 2007 @ Halifax, Nova Scotia, Canada
#98
Incredible stuff here. This thread is one of many many reasons to love the Maemo community.
 

The Following 2 Users Say Thank You to zerojay For This Useful Post:
Posts: 8 | Thanked: 8 times | Joined on Jan 2010 @ Russia, Moscow
#99
Originally Posted by Schturman View Post
Sorry, but this not work... See this ...
strange, it's wokr fine on me. Maybe width: 620px;, width: 600px; or alse?
proofpick in attach
Hint: Do you know that to restart youre styles in conversation window, you need to open and close youre conversation window twice?

And i don't get it: where is you avatar style in you stylesheet (MessagingWidgetsSMSConversation.css), that i see in picture ? Do you sure that you did me the tru stylesheet? Or maybe you used additional/modifies js-file for youre SMS-Conversation window?

And maybe go to pm to not to engender flood in this thread?
Attached Images
 
Attached Files
File Type: zip MessagingWidgetsSMSConversation.zip (1.2 KB, 150 views)
 

The Following User Says Thank You to termi_uc For This Useful Post:
Posts: 739 | Thanked: 114 times | Joined on Sep 2009
#100
Is there a program i can download to access these root files easily like a file manager.... instead of using Xterminal?
 
Reply

Tags
bada rox, his lunchbox


 
Forum Jump


All times are GMT. The time now is 22:40.