Customize N900 Conversations - Page 29 - maemo.org

Active Topics

Not clickbait "NOKIA STILL MAKING PHONES, BUT FOR INDUSTRIAL USES" (0)
to Competitors by deutch1976 - 2 hrs, 10 mins ago
Phone Camera Competition April 2021: "Funny & Foolish" (34)
to General by nonsuch - 11 hrs, 32 mins ago
What's the best Handheld gnu/linux machine for 20XX? (78)
to Competitors by clort - 1 day, 10 hrs ago
Unofficial Storage for camera phone competition... (62)
to General by catbus - 1 day, 18 hrs ago
Maemo-Leste pre-alpha announcement (512)
to Maemo 7 / Leste by nonsuch - 2 days, 20 hrs ago
The Intel RealSense Smartphone prototype (0)
to Competitors by n950 - 2 days, 22 hrs ago
Maemo Leste Playground (57)
to Maemo 7 / Leste by clort - 3 days, 19 hrs ago
A Palm OS thread ... and a thank you to the community (23)
to Alternatives by bradvesp - 4 days, 19 hrs ago
more...

Page 29 of 109

Thread Tools

	Schturman	2010-02-24 , 23:08
	Posts: 5,339 \| Thanked: 4,133 times \| Joined on Jan 2010 @ Israel	#281

I have this too before.... -moz-border-radius - Should be 10px
Try this option:

Code:

 * Avatars
 */
img.MessageAvatar { 
  width: 64px;
  height: 64px;
  outline-style: solid; 
  outline-width: 4px; 
  outline-offset: -1px; 
  -moz-outline-radius: 13px; 
  padding: 1px;
  vertical-align: middle; 
}

div.MessageAvatar { 
  width: 64px;
  height: 64px;
  -moz-border-radius: 10px; 
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  vertical-align: middle;
}

__________________
Lausanne & Lyon de descente...
----------------
Schturman's home page
Schturman's repo on openrepos
RPM packaging directly on your Jolla phone.
Root & User SSH access to Jolla via WinSCP.
Root and User SSH access to Jolla via Nautilus on Linux PC.

Last edited by Schturman; 2010-02-24 at 23:11.

Quote & Reply |

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

	Schturman	2010-02-24 , 23:19
	Posts: 5,339 \| Thanked: 4,133 times \| Joined on Jan 2010 @ Israel	#282

Originally Posted by b666m

something new for you

you can use -moz-border-radius for all four corners
or
-moz-border-radius-topleft, -moz-border-radius-topright, -moz-border-radius-bottomleft, -moz-border-radius-bottomright for each single corner.

i would think of 3 things which would look very cool:
1. have 3 corners rounded, one not
2. have 2 corners rounded, best on opposed sides
3. having different radiuses (<- w00t? ^^) for each/some corners

(point 2 is my personal favorite ^^)

haven't tried this... but i hope that this works... so if feel free to test

for some previews and/or inspiration:
http://www.the-art-of-web.com/css/border-radius/

edit: take a look at the bottom of the page where the "new Firefox short-hand properties" are mentioned. maybe they'll work on the n900 too. (:

Thanks for this link, I'll try this

Quote & Reply |

	b666m	2010-02-24 , 23:21
	Posts: 1,090 \| Thanked: 476 times \| Joined on Jan 2010 @ Ingolstadt, Germany	#283

Originally Posted by Schturman

Thanks for this link, I'll try this

please post if it works... and make a screenshots if it does ^^

Quote & Reply |

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

	qole	2010-02-24 , 23:57
	Moderator \| Posts: 7,109 \| Thanked: 8,820 times \| Joined on Oct 2007 @ Vancouver, BC, Canada	#284

Originally Posted by Schturman

I have this too before.... -moz-border-radius - Should be 10px

Aha, I had just copied -moz-outline-radius instead of -moz-border-radius, thanks!

__________________
qole.org --- twitter --- Easy Debian wiki page
Please don't send me a private message, post to the appropriate thread.
Thank you all for your donations!

Quote & Reply |

ddwwf1	2010-02-25 , 00:16
Posts: 237 \| Thanked: 44 times \| Joined on Nov 2009	#285

does anyone know how i can take a whole sms convosation and copy it and paste it into a word document so it can be printed or emailed

Quote & Reply |

	Schturman	2010-02-25 , 00:36
	Posts: 5,339 \| Thanked: 4,133 times \| Joined on Jan 2010 @ Israel	#286

Originally Posted by b666m

np

please post if it works... and make a screenshots if it does ^^

Ok, I tried this code, not good...

Code:

img.MessageAvatar { 
  width: 64px;
  height: 64px;
  outline-style: solid; 
  outline-width: 4px; 
  outline-offset: -1px; 
  -moz-outline-radius: 20px;
  padding: 1px;
  vertical-align: middle; 
}

div.MessageAvatar { 
  width: 64px;
  height: 64px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomright: 4px
  -moz-border-radius-bottomleft: 20px
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  vertical-align: middle;
}

Off question....
Look at this picture, I don't know why, but only this IM conversation not jumping to the top of the page when I open it and all other IM conversations is jumping.... Why, I don't know...

Quote & Reply |

	b666m	2010-02-25 , 00:49
	Posts: 1,090 \| Thanked: 476 times \| Joined on Jan 2010 @ Ingolstadt, Germany	#287

Originally Posted by Schturman

Ok, I tried this code, not good...

Code:

img.MessageAvatar { 
  width: 64px;
  height: 64px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomright: 4px
  -moz-border-radius-bottomleft: 20px
  border-width: 1px;
  border-style: solid;
  padding: 1px;
  vertical-align: middle; 
}

div.MessageAvatar { 
  width: 64px;
  height: 64px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomright: 4px
  -moz-border-radius-bottomleft: 20px
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  vertical-align: middle;
}

try adding the red code

Off question....
Look at this picture, I don't know why, but only this IM conversation not jumping to the top of the page when I open it and all other IM conversations is jumping.... Why, I don't know...

mhm... as i said... i don't know why this is happening... the conversations getting loaded by the js-file... and there's only the avatar-mod done.. :/

Quote & Reply |

The Following 2 Users Say Thank You to b666m For This Useful Post:
Schturman, SR90

	Schturman	2010-02-25 , 11:05
	Posts: 5,339 \| Thanked: 4,133 times \| Joined on Jan 2010 @ Israel	#288

I tried this too, not good

Quote & Reply |

	b666m	2010-02-25 , 15:49
	Posts: 1,090 \| Thanked: 476 times \| Joined on Jan 2010 @ Ingolstadt, Germany	#289

Originally Posted by Schturman

I tried this too, not good

maybe i'll have to sit my lazy a** in front of this and try to get it work

Quote & Reply |

	b666m	2010-02-25 , 16:06
	Posts: 1,090 \| Thanked: 476 times \| Joined on Jan 2010 @ Ingolstadt, Germany	#290

ehm.... first attempt... strike: ^^

Code:

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

.MessageAvatar {
  width: 60px;
  height:60px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomright: 15px;
  /*-moz-border-radius-bottomleft: 20px;*/
  border-width: 2px;
  border-style: solid;

edit: as you can see.... bottomleft no corner... topleft 5px... topright 10px... bottomright 15px... all with a 2px border... for your orientation when planning the border-radius

Last edited by b666m; 2010-02-25 at 16:09.

Quote & Reply |

Page 29 of 109