• myFAV.ES
  • Help Center
  • Tutorials
  • Extensions
  • Blogs

  

  • Logos
  • Logo Requests
  • Themes
  • Backgrounds
  • Forums
  • Contact
Home » Fdtheme » Lamj » 08132010 » Opera Speed Dial Theme, FF3.6

Opera Speed Dial Theme, FF3.6

LAMj —Fri, 08/13/2010 - 01:25

Preview: 
2010-08-12_221817_1.jpg

I like the look of Opera's Speed Dial so I wanted to emulate it Firefox. It's all done in CSS3 with no additional image files. It took me awhile to trick-out that rounded-border to the img tag. Try it out and comment if you like it.

*If you have Stylish installed and want to use that instead of importing the zip file, you and install the theme here: http://userstyles.org/styles/35433?r=1281726605

*Note*
-Make sure you check the "Fixed" option in the FD preference if you like it how Opera fixed their speed dial too.
-Don't make any changes in the Fast Dial Appearance setting because it tend to reset all the "unintended" css3 value to default. Edit the CSS file instead.
-I didn't change the box-shadow value when hovering like Opera does because FF3.6 doesn't handle CSS3 transition effect quite well and will increase your CPU cycle madly.

Enjoy.

Theme (.zip): 
Package icon fastdial_opera_speed_dial.zip
  • Log in or register to post comments or vote.
  • +2
  • 2 votes

Comments

chiaroscuro's picture

Re: Opera Speed Dial Theme, FF3.6

Submitted by chiaroscuro on Fri, 08/13/2010 - 13:19

Would you be so kind as to post in this thread the css information here, just for interest.

This could then be made into a Stylish Style perhaps.

There are Styles listed on this site regarding the rounding of the cell corners if that is what you are referring to.

Please see in the Styles section
http://userlogos.org/extensions/fastdial/styles

  • log in or register to post comments
LAMj's picture

Re: Opera Speed Dial Theme, FF3.6

Submitted by LAMj on Fri, 08/13/2010 - 15:55

You can use the install Stylish script here (http://userstyles.org/styles/35433?r=1281726605).

As for the rounded corner, I used the outline and -moz-outline-radius property to have it render ontop of the element. But if you use the border and -moz-border-radius on an element, it'll be render around it.

Here's the visuals:

Border around element:

Image and video hosting by TinyPic
.image {
border:5px solid lime!important;
-moz-border-radius:9px !important;
}

Versus outline on top of element,

Image and video hosting by TinyPic
.image {
outline:5px solid lime!important;
-moz-outline-radius:9px !important;
outline-offset:-9px !important;
}

To make the effect, just use the same outline color as the parent background, in this case I use white. And using the outline-offset to cover the edge properly:

Image and video hosting by TinyPic

.image {
outline:3px solid white !important;
-moz-outline-radius:7px !important;
outline-offset:-1px !important;
}

  • log in or register to post comments
chiaroscuro's picture

Re: Opera Speed Dial Theme, FF3.6

Submitted by chiaroscuro on Fri, 08/13/2010 - 17:21

Wow !

The Style..
Exceptionally well put together.
Seems rock s0lid.
Good work !


Thanks too for your detailed description and pictures.
I can see now why it took you some time to work out.
This all works very well..


Please feel free to upload your Style here as well on this site

Please post here:
http://userlogos.org/forum/7284

Many thanks

  • log in or register to post comments

Search logos

Search site

Navigation

  • Blogs
  • Forums
  • Online users
  • Recent content

User login

  • Create new account
  • Request new password
 
  • Changelog
  • Latest releases
  • Important links
 
 
  • Changelog
  • Latest releases
  • Important links
  • Support Forum
 

Top Rated

  • google.com
  • youtube.com
  • fast dial folder
  • wikipedia.org
  • Firefox Black
  • fd folders, folders, folder
  • generic gaming logos
  • mail.google.com, gmail.com, googlemail.com
  • Carbon Fiber
  • iphone app style icon template
more

Recent Polls

  • What are you resolution of screen use
  • Which version of Fast Dial do you run?
  • How often do you visit Userlogos?
  • Which FD iPhone logo format do you find preferable
  • How many themes do you run in Fast Dial ?
more

Online users

There are currently 0 users online.
Active - 15 mins:
No registered users :(
  • Last 24 hours

Recent comments

  • SMS verification is a common
    by: Stewart44
    3 hours 47 min ago
  • Load Bank Equipment Manuf
    by: DakotaHanton
    14 hours 54 min ago
  • Benefits of Hiring a Legal Specialist for Your EU Citizenship Ap
    by: Stewart44
    1 day 4 hours ago
  • How to Maximize Your Viewing Experience with Kemo IPTV
    by: Jordan64
    1 day 6 hours ago
  • Step Into the Future of Smart Online Lottery Play
    by: DakotaHanton
    3 days 6 hours ago
  • What Makes a Leading Casino Website Stand Out Today
    by: DakotaHanton
    3 days 10 hours ago
  • How Online Lottery Sites Handle Security and Privacy
    by: DakotaHanton
    4 days 6 hours ago
  • Business
    by: DakotaHanton
    5 days 8 hours ago
more

Recent topics

  • Discover the Best UAE Casino Bonuses
  • Discover Exciting Promotions at Yay Casino
  • How to Use AiPPT: A Step-by-Step Guide for Beginners
  • Get Started with the Zula Casino Promo Code!
  • Explore the Excitement of Top Social Casino Games! Looking for an entertaining way to enjoy gaming? Check out the top social cas
  • Unexpected Slot Discovery
  • Discover the Best Arabic Casinos
  • seo
more

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
more

2008-2017 userlogos.org. All logos/images belong to their respective owners. Contact administrator.

  • Logos
  • Logo Requests
  • Themes
  • Backgrounds
  • Forums
  • Contact