Active Topics
-
The N900 is now 15 years old! (8)
to Nokia N900 by whayong - 3 hrs, 22 mins ago -
Sailfish OS for the Motorola Moto G7 Power (XT1955-5) - (ocean) (4)
to SailfishOS by Maemish - 4 days, 23 hrs ago - more...
| The Following User Says Thank You to b666m For This Useful Post: | ||
 |
|
2010-04-01
, 14:00
|
|
Posts: 104 |
Thanked: 37 times |
Joined on Feb 2010
@ Toulouse, France
|
#472
|
Originally Posted by b666m
yeah i shoudl have deleted the "2" ^^
hehe, that's why i changed inline-block to block only and introduced the z-index
the higher the z-index the higher the layer of the content will be...
so changing the z-index of the bubble to 1 and of the avatar to 2 would be the solution.
if you use z-index 2 for each element they may get de-arranged. please use two different values.
(or three or four... if you want to have more layers ^^)
i am using mutliples on 10 on my side, so i can always put stuff in between without changing the rest ^^
 |
|
2010-04-01
, 14:37
|
|
Posts: 422 |
Thanked: 320 times |
Joined on Oct 2009
@ Israel
|
#473
|
Originally Posted by byte_76
Hey man, just wanted to thank you again, the link color is - how surprising - called a.link
In color.css file at the following link. That is where the colors are originally defined.
/etc/hildon/theme/css/colors.css
Make a backup before editing anything.
Sorry I don't know exactly which attribute it is but it's probably one of those with the color #3d9cff
like:
Code:
a:link {
color: #74c6fa;
}
| The Following User Says Thank You to efekt For This Useful Post: | ||
 |
|
2010-04-01
, 15:14
|
|
Posts: 474 |
Thanked: 368 times |
Joined on Jan 2010
|
#474
|
Originally Posted by efekt
yup thats it, youve got it
Hey man, just wanted to thank you again, the link color is - how surprising - called a.link
like:
Thanks again!Code:a:link { color: #74c6fa; }
| The Following User Says Thank You to niqbal For This Useful Post: | ||
|
|
2010-04-01
, 15:30
|
|
Posts: 120 |
Thanked: 33 times |
Joined on Jan 2010
|
#475
|
Originally Posted by efekt
You're welcome and thanks for sharing the solution.
Hey man, just wanted to thank you again, the link color is - how surprising - called a.link
like:
Thanks again!Code:a:link { color: #74c6fa; }
 |
|
2010-04-01
, 16:48
|
|
Posts: 5,339 |
Thanked: 4,133 times |
Joined on Jan 2010
@ Israel
|
#476
|
Originally Posted by b666m
Thank you !
hehe, that's why i changed inline-block to block only and introduced the z-index
the higher the z-index the higher the layer of the content will be...
so changing the z-index of the bubble to 1 and of the avatar to 2 would be the solution.
if you use z-index 2 for each element they may get de-arranged. please use two different values.
(or three or four... if you want to have more layers ^^)
__________________
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.
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.
|
|
2010-04-01
, 20:12
|
|
Posts: 474 |
Thanked: 368 times |
Joined on Jan 2010
|
#477
|
Originally Posted by byte_76
this can be a clever representation, kindda gives you a feeling of complete speech bubble and who's saying it. Instead of using -moz-box-shadow (cause it makes it slow), i used border colors to tweak the same style. what do u think?
Have you tried shadows for your bubbles?
-moz-box-shadow: black 8px 4px 4px;
I tried this but my scrolling becomes too slow, however you mentioned that yours is fast so maybe it will be ok with shadows.
Downside is there is only enough you can create with it. Upside is, its still very smooth and fluent to navigate around the page
Last edited by niqbal; 2010-04-01 at 20:21.
| The Following User Says Thank You to niqbal For This Useful Post: | ||
|
|
2010-04-02
, 08:47
|
|
Posts: 120 |
Thanked: 33 times |
Joined on Jan 2010
|
#478
|
Originally Posted by niqbal
It actually looks good. I had the same idea of changing only the text colors in the bubbles and leaving everything else white but the difference is, I was using -moz-box-shadow and everything became unacceptably slow.
this can be a clever representation, kindda gives you a feeling of complete speech bubble and who's saying it. Instead of using -moz-box-shadow (cause it makes it slow), i used border colors to tweak the same style. what do u think?
Downside is there is only enough you can create with it. Upside is, its still very smooth and fluent to navigate around the page
I'll try your suggestion.
I think having some kind of shadow effect in white looks better than flat bubbles with colors.
 |
|
2010-04-02
, 11:30
|
|
Posts: 1,090 |
Thanked: 476 times |
Joined on Jan 2010
@ Ingolstadt, Germany
|
#479
|
something doesn't do like i want it to do xD
anyhow... white, grey, black is just looking good even the layout isn't how i thought it would be after writing down the code xD
anyhow... white, grey, black is just looking good even the layout isn't how i thought it would be after writing down the code xD
|
|
2010-04-02
, 17:24
|
|
Posts: 1,090 |
Thanked: 476 times |
Joined on Jan 2010
@ Ingolstadt, Germany
|
#480
|
after hours of troubleshooting the only thing that doesn't work is the other's avatar on the right side... i didn't even change anything to the alignment of it.. it suddenly was there xD
"float: right;" and "text-align: right;" don't work at all... -.-
i can indent the bubbles left/right and put/remove gaps between the bubbles... but i'll show the default layout:
Last edited by b666m; 2010-04-02 at 17:26.
"float: right;" and "text-align: right;" don't work at all... -.-
i can indent the bubbles left/right and put/remove gaps between the bubbles... but i'll show the default layout:
Last edited by b666m; 2010-04-02 at 17:26.
 |
| Tags |
| bada rox, his lunchbox |
«
Previous Thread
|
Next Thread
»
| Thread Tools | |
|
All times are GMT. The time now is 04:53.
the higher the z-index the higher the layer of the content will be...
so changing the z-index of the bubble to 1 and of the avatar to 2 would be the solution.
if you use z-index 2 for each element they may get de-arranged. please use two different values.
(or three or four... if you want to have more layers ^^)