Customize N900 Conversations - Page 8 - maemo.org

Active Topics

Camera phone competition March 2023 "Endless" (35)
to General by Maemish - 19 hrs, 50 mins ago
TLS 1.2 for N9 is ready (28)
to MeeGo / Harmattan by smartblu9 - 21 hrs, 5 mins ago
Maemo repository (3)
to Community by torsen - 1 day, 12 hrs ago
Error after installing Leste on sdcard (11)
to Maemo 7 / Leste by Maemish - 2 days, 10 hrs ago
Introducing ubiboot N9 (multiboot OS loader) (1,393)
to Alternatives by smatkovi - 3 days, 16 hrs ago
more...

Page 8 of 110

Thread Tools

manjingo	2010-01-26 , 05:09
Posts: 17 \| Thanked: 17 times \| Joined on Nov 2009	#71

Originally Posted by teemui

Finally got it to work the way i like
It took a while but, better late than never... here's what i did.
and thank you: b666m couldn't done this without u

How did you get the text to align vertically in the middle for the yellow blocks?

Quote & Reply |

	Schturman	2010-01-26 , 13:43
	Posts: 5,339 \| Thanked: 4,133 times \| Joined on Jan 2010 @ Israel	#72

Originally Posted by b666m

just realized in my second sms-mod (with the bubbles lined up one below the other) that if you click on your contact's bubble it will move to the left side (which could be considered as special feature *lol*)
but for those who want the bubble to stay in place - here's the css-fix:

A little movie please

Quote & Reply |

	Schturman	2010-01-26 , 21:52
	Posts: 5,339 \| Thanked: 4,133 times \| Joined on Jan 2010 @ Israel	#73

Originally Posted by b666m

as i said... i could do that later... but it's the same as in the SMS-css... so you only have to open the sms-css and the im-css next to each other and look at the names and values .... and change them. ^^

btw: bringing color in the sms-conversation
(you can use the whole color-range of the n900... colors can be changed by editing the value behind "background:" in the bubbles-block (in css-file))
short color-table here: http://www.w3schools.com/CSS/css_colors.asp
bubble-borders to use: http://de.selfhtml.org/css/eigenscha...rder_style.htm
(as you see bubble-color can be defined as well - for every edge: http://de.selfhtml.org/css/eigenscha...rder_color.htm)
you can change the font to every installed font-type (don't know which types these are) http://de.selfhtml.org/css/eigenscha...ont_family.htm - it's possible to edit color and add shadow too: http://de.selfhtml.org/css/eigenscha...ext_shadow.htm

edit: second screenshot with borderstyles groove and ridge (too bad the second border color is always so dark - maybe can't tell dark-color and black apart)

Sorry, I don't understand.. can you explain me where exactly I need add the color line and what I need write ? Can you write example on this code please ?

Code:

div.BubbleSelf {
  -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 */

Thanks

Last edited by Schturman; 2010-01-26 at 21:57.

Quote & Reply |

	b666m	2010-01-26 , 21:57
	Posts: 1,090 \| Thanked: 476 times \| Joined on Jan 2010 @ Ingolstadt, Germany	#74

Originally Posted by Schturman

Sorry, I don't understand.. can you explain me where exactly I need add the color line and what I need write ?

Thanks

Code:

div.BubbleSelf {
  background: #000000;

  -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 */

just look at any color table to find your favorite one and edit the value of #000000 (right now it's black xD) ^^
and color: #FFFFFF; (white) is for the font

(don't forget the ; at the end of each line)

Quote & Reply |

The Following User Says Thank You to b666m For This Useful Post:
Schturman

	Schturman	2010-01-26 , 21:59
	Posts: 5,339 \| Thanked: 4,133 times \| Joined on Jan 2010 @ Israel	#75

Thank you very much :-)

Quote & Reply |

	b666m	2010-01-26 , 22:03
	Posts: 1,090 \| Thanked: 476 times \| Joined on Jan 2010 @ Ingolstadt, Germany	#76

Originally Posted by Schturman

Thank you very much :-)

please feel free to make a screenshot of your work and share it here (:

Quote & Reply |

	Schturman	2010-01-26 , 23:21
	Posts: 5,339 \| Thanked: 4,133 times \| Joined on Jan 2010 @ Israel	#77

Originally Posted by b666m

np
please feel free to make a screenshot of your work and share it here (:

Yep, here:

Attached Images

Quote & Reply |

	Schturman	2010-01-26 , 23:22
	Posts: 5,339 \| Thanked: 4,133 times \| Joined on Jan 2010 @ Israel	#78

Can you explain how to add the shadow affect to text ? What I need write ?
Thanks

Quote & Reply |

	b666m	2010-01-26 , 23:34
	Posts: 1,090 \| Thanked: 476 times \| Joined on Jan 2010 @ Ingolstadt, Germany	#79

Originally Posted by Schturman

Can you explain how to add the shadow affect to text ? What I need write ?
Thanks

nice colors. like the combination.

Code:

text-shadow:black 3px 2px;
text-shadow:black 3px 2px 4px;
text-shadow:black 0 0 5px, red 5px 5px 3px;

don't know if that one's working (opacity doesn't ^^) but just try it.
you can write the color-names (black, red, yellow, etc) or just use the #059ACF-notification

3px 2px = right below
the third value seems to be the radius of the corners.
if you use a , between to colors the shadow should be bicolored. ^^

Quote & Reply |

	Schturman	2010-01-27 , 10:48
	Posts: 5,339 \| Thanked: 4,133 times \| Joined on Jan 2010 @ Israel	#80

Thanks

I need write something like this (for bicolored shadow) ?:

Code:

div.BubbleSelf {
  background: #000000;
  text-shadow: black 3px 2px;
  text-shadow: black 3px 2px 4px;

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

or like this:

Code:

div.BubbleSelf {
  background: #000000;
  text-shadow: black;
  shadow: 3px 2px;
  text-shadow: black;
  shadow: 3px 2px 4px;

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

Last edited by Schturman; 2010-01-27 at 10:56.