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)

Fast Dial

Log in or register to post comments or vote.
-1
1 vote

Re: Response to Rounder Fast Dial Boxes Tutorial

Submitted by gumanov on Wed, 07/09/2008 - 16:24

great 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:05

the 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:22

To 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:25

oh 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:37

Thanks.
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:12

ye 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.

Online users

There are currently 0 users online.
Active - 15 mins:

No registered users :(

Top contributors

User	Total user points
Mafia_Penguin	912
Deva	552
gumanov	490
jumpordie	471
Karmody	457
macleod.mac	402
ingalls	354
spaljeni	310
zigzag	290
Rog	265
Sastre	256
famecky	160
x-b	152
danger83	147
1air2philou	143