Response to Rounder Fast Dial Boxes Tutorial
chiaroscuro —Wed, 07/09/2008 - 15:20
@Mafi0z
Thanks for your great Tutorial
I saw today a suggestion of Lain_13 on page 58 of the Russian Forum (in English) Russian Forum (in Russian) to make a file in Stylish to modify the Radius setting value in Fast Dial.
I put the following code together (see below)
Seems to work fine in Version 1.89.
Has the advantage of allowing one to keep the Radius setting when changing Versions of Fast Dial.(up to and including 1.90)
Please let me know if this works in Fast Dial Ver 2 ?
I have decided to post the Fast Dial Ver 1.90 of this Style to Userstyles for easy download into Stylish
To download this Style please click here
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("about:blank") {
}
div.cell
{
-moz-border-radius: 15px !important;
}
(code modified July 16 2008)
Re: Response to Rounder Fast Dial Boxes Tutorial
Submitted by gumanov on Wed, 07/09/2008 - 16:24great idea! it will be much easier for the stylish users..
but..does not work for FastDial 2 =[
FD2 uses "thumbnail" property instead of "cell", so this would be the code:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(chrome://fastdial/content/) {
.thumbnail { -moz-border-radius: 20px !important }
}
Should i put this information into the tutorial?
Re: Response to Rounder Fast Dial Boxes Tutorial
Submitted by chiaroscuro on Sat, 07/19/2008 - 00:31@Mafi0z
Great.
Thanks for you quick reply.
And thanks for the update regarding the functioning in Version 2.
That's just what I needed.
(That explains why the code on Mozilla Russia was different !)
Regarding your:
>Should i put this information into the tutorial?<
Yes, sure, sounds like a good idea.
(Unless you want to make two different Tutorials for the two Versions of Fast Dial.)
I could put a link to your Tutorial(s) in the Style on the Userstyles site.
A Style is in many ways quite handy to use.
I have discovered that Lain_13 is already registered with Userstyles, so he may choose to post his own Fast Dial 2.0 Version himself
Re: Response to Rounder Fast Dial Boxes Tutorial
Submitted by chiaroscuro on Sat, 07/19/2008 - 19:37@Mafi0z
I am running into some sort of problem here.
Basically I find myself quite unable, by changing the value of -moz-border-radius-, to reproduce this:
Yes, changing the -moz-border-radius value does change the shape of the corners of the fine line that surrounds a cell.
But if a logo is loaded into a cell, the logo remains resolutely rectangular inspite of the round corners of the cell border which then pass underneath.
So as a result i am not able to reproduce your picture.
Please could you help clarify this.
Thanks
Logo
Re: Response to Rounder Fast Dial Boxes Tutorial
Submitted by gumanov on Thu, 07/10/2008 - 16:05the issue there is the logos...
they are transparent png, right?
which version r u using? 1.9 or v2?
Re: Response to Rounder Fast Dial Boxes Tutorial
Submitted by chiaroscuro on Thu, 07/10/2008 - 16:22To answer your question fully I am using Ver 1.90 but in Firefox 2.
(So I do not have transparency supported in the Cell/Properties/Custom Image/Background setting).
Re: Response to Rounder Fast Dial Boxes Tutorial
Submitted by gumanov on Thu, 07/10/2008 - 16:25oh i see. well that is the issue..
to have the rounder corners, transparency must be supported
this is because firefox 2 colors in the transparent pixels with a chosen color, and corners cannot be "forced" to round, only the borders of the table border
Re: Response to Rounder Fast Dial Boxes Tutorial
Submitted by chiaroscuro on Sat, 07/12/2008 - 22:37Thanks.
I realise now that I had not fully understood that your original image was of a selected cell.
You can get for a selected cell in FF2:
(note cursor)
or
So it seems that all transparent cells where an image has not been previously loaded are able to benefit from the radius setting in this way.
Obviously this benefit is somewhat limited in comparison to the fuller use possible where transparency is fully functional as in FF3.
Re: Response to Rounder Fast Dial Boxes Tutorial
Submitted by telega on Fri, 07/11/2008 - 13:10@chiaroscuro,
I'm not sure, but you can try to play with cell padding css setting to have a distance between image(which can't have round corners) and cell border (which can).
Re: Response to Rounder Fast Dial Boxes Tutorial
Submitted by gumanov on Fri, 07/11/2008 - 13:12ye that is true.
it can work for non selected cells too (only in firefox 3 though)
what i have to wonder is..if you're using firefox 2, how is the arrow in that first cell transparent? lol..
Re: Response to Rounder Fast Dial Boxes Tutorial
Submitted by chiaroscuro on Fri, 07/11/2008 - 14:33@telega
Thanks for your tip regarding cell padding. I will look into that.
Pages