Reply
Thread Tools
Posts: 17 | Thanked: 17 times | Joined on Nov 2009
#71
Originally Posted by teemui View Post
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?
 
Schturman's Avatar
Posts: 5,339 | Thanked: 4,133 times | Joined on Jan 2010 @ Israel
#72
Originally Posted by b666m View Post
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
 
Schturman's Avatar
Posts: 5,339 | Thanked: 4,133 times | Joined on Jan 2010 @ Israel
#73
Originally Posted by b666m View Post
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.
 
b666m's Avatar
Posts: 1,090 | Thanked: 476 times | Joined on Jan 2010 @ Ingolstadt, Germany
#74
Originally Posted by Schturman View Post
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)
 

The Following User Says Thank You to b666m For This Useful Post:
Schturman's Avatar
Posts: 5,339 | Thanked: 4,133 times | Joined on Jan 2010 @ Israel
#75
Thank you very much :-)
 
b666m's Avatar
Posts: 1,090 | Thanked: 476 times | Joined on Jan 2010 @ Ingolstadt, Germany
#76
Originally Posted by Schturman View Post
Thank you very much :-)
np
please feel free to make a screenshot of your work and share it here (:
 
Schturman's Avatar
Posts: 5,339 | Thanked: 4,133 times | Joined on Jan 2010 @ Israel
#77
Originally Posted by b666m View Post
np
please feel free to make a screenshot of your work and share it here (:
Yep, here:
Attached Images
 
 
Schturman's Avatar
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
 
b666m's Avatar
Posts: 1,090 | Thanked: 476 times | Joined on Jan 2010 @ Ingolstadt, Germany
#79
Originally Posted by Schturman View Post
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. ^^
 
Schturman's Avatar
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.
 
Reply

Tags
bada rox, his lunchbox


 
Forum Jump


All times are GMT. The time now is 13:09.