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

  

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

Error message

  • Warning: count(): Parameter must be an array or an object that implements Countable in antispam_user_load() (line 1555 of /home/ul/public_html/userlogos/sites/all/modules/antispam/antispam.module).
  • Warning: count(): Parameter must be an array or an object that implements Countable in antispam_user_load() (line 1555 of /home/ul/public_html/userlogos/sites/all/modules/antispam/antispam.module).
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

  • How Authority Signals Work in ChatGPT-Like Platforms
    by: DakotaHanton
    2 hours 40 min ago
  • Royaledle has quickly
    by: Stewart44
    5 hours 15 min ago
  • Royaledle has quickly gained
    by: Stewart44
    21 hours 55 min ago
  • Cigaronne | Exclusive Cigaronne Cigarettes for Discerning Smoker
    by: Jordan64
    22 hours 43 min ago
  • Predicting mortgage rates
    by: DakotaHanton
    1 day 2 hours ago
  • SMS verification is a common
    by: Stewart44
    3 days 20 hours ago
  • Load Bank Equipment Manuf
    by: DakotaHanton
    4 days 7 hours ago
  • Benefits of Hiring a Legal Specialist for Your EU Citizenship Ap
    by: Stewart44
    4 days 21 hours ago
more

Recent topics

  • Feel Every Arrow, Control Every Moment
  • Making Informed Choices in the Indian Casino Market
  • Door Lock Repair Service I Can Honestly Recommend
  • A Credit Union I Actually Trust
  • Simple Navigation, Thoughtful Design
  • Nyugodt játékélmény a Fairspin casino oldalán Magyarországon
  • Why Fairspin Casino Became a Trusted Option for Me in Canada
  • Discover the Best UAE Casino Bonuses
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