Page 48 of 109 « First 384647 48 495058 Last »
Reply
Thread Tools
b666m's Avatar
b666m is offline b666m
2010-04-01 , 13:44
Posts: 1,090 | Thanked: 476 times | Joined on Jan 2010 @ Ingolstadt, Germany
#471
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 ^^)
 

The Following User Says Thank You to b666m For This Useful Post:
jesuska's Avatar
jesuska is offline jesuska
2010-04-01 , 14:00
Posts: 104 | Thanked: 37 times | Joined on Feb 2010 @ Toulouse, France
#472
Originally Posted by b666m View Post
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 ^^)
yeah i shoudl have deleted the "2" ^^
i am using mutliples on 10 on my side, so i can always put stuff in between without changing the rest ^^
 
efekt's Avatar
efekt is offline efekt
2010-04-01 , 14:37
Posts: 422 | Thanked: 320 times | Joined on Oct 2009 @ Israel
#473
Originally Posted by byte_76 View Post
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
Hey man, just wanted to thank you again, the link color is - how surprising - called a.link
like:
Code:
a:link {
  color: #74c6fa;
}
Thanks again!
 

The Following User Says Thank You to efekt For This Useful Post:
niqbal's Avatar
niqbal is offline niqbal
2010-04-01 , 15:14
Posts: 474 | Thanked: 368 times | Joined on Jan 2010
#474
Originally Posted by efekt View Post
Hey man, just wanted to thank you again, the link color is - how surprising - called a.link
like:
Code:
a:link {
  color: #74c6fa;
}
Thanks again!
yup thats it, youve got it
 

The Following User Says Thank You to niqbal For This Useful Post:
byte_76 is offline byte_76
2010-04-01 , 15:30
Posts: 119 | Thanked: 32 times | Joined on Jan 2010
#475
Originally Posted by efekt View Post
Hey man, just wanted to thank you again, the link color is - how surprising - called a.link
like:
Code:
a:link {
  color: #74c6fa;
}
Thanks again!
You're welcome and thanks for sharing the solution.
 
Schturman's Avatar
Schturman is offline Schturman
2010-04-01 , 16:48
Posts: 5,339 | Thanked: 4,133 times | Joined on Jan 2010 @ Israel
#476
Originally Posted by b666m View Post
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 ^^)
Thank you !
__________________
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.
 
niqbal's Avatar
niqbal is offline niqbal
2010-04-01 , 20:12
Posts: 474 | Thanked: 368 times | Joined on Jan 2010
#477
Originally Posted by byte_76 View Post
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.
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
Attached Images
 
Last edited by niqbal; 2010-04-01 at 20:21.
 

The Following User Says Thank You to niqbal For This Useful Post:
byte_76 is offline byte_76
2010-04-02 , 08:47
Posts: 119 | Thanked: 32 times | Joined on Jan 2010
#478
Originally Posted by niqbal View Post
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
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.

I'll try your suggestion.

I think having some kind of shadow effect in white looks better than flat bubbles with colors.
 
b666m's Avatar
b666m is offline b666m
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
 
b666m's Avatar
b666m is offline b666m
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.
 
Reply
Page 48 of 109 « First 384647 48 495058 Last »

Tags
bada rox, his lunchbox

« Previous Thread | Next Thread »
Thread Tools

 
Forum Jump


All times are GMT. The time now is 15:25.

Contact Us - Home - Archive - Top