[Snippet] CSS3 effect on buttons

Mods, snippets and styles postet and supported by the users
Forum rules
As the forum title says this is for User Contributions
Post a support request in this forum and you will be banned!
Locked
User avatar
FTH
BBCoder III
BBCoder III
Posts: 124
Joined: 25 Nov 2011, 23:28
BBCodes: 10
Contact:

[Snippet] CSS3 effect on buttons

Post by FTH »

Author : FTH
Compatibility : Firefox 4+, Internet Explorer 10, Chrome 10, Opera 11.1, Safari 5
Description : Add on rollover an effect made with CSS3

Open file styles/prosilver/theme/buttons.css

Find :

Code: Select all

.reply-icon span   { background: transparent none 0 0 no-repeat; }
.post-icon span      { background: transparent none 0 0 no-repeat; }
.locked-icon span   { background: transparent none 0 0 no-repeat; }
.pmreply-icon span   { background: none 0 0 no-repeat; }
.newpm-icon span    { background: none 0 0 no-repeat; }
.forwardpm-icon span    { background: none 0 0 no-repeat; }
Replace with :

Code: Select all

.reply-icon span   {
   background: transparent none 0 0 no-repeat;
   -webkit-transition:all 250ms linear;
   -moz-transition:all 250ms linear;
   -o-transition:all 250ms linear;
}
.post-icon span      {
   background: transparent none 0 0 no-repeat;
   -webkit-transition:all 250ms linear;
   -moz-transition:all 250ms linear;
   -o-transition:all 250ms linear;
}
.locked-icon span   {
   background: transparent none 0 0 no-repeat;
   -webkit-transition:all 250ms linear;
   -moz-transition:all 250ms linear;
   -o-transition:all 250ms linear;
}
.pmreply-icon span   {
   background: none 0 0 no-repeat;
   -webkit-transition:all 250ms linear;
   -moz-transition:all 250ms linear;
   -o-transition:all 250ms linear;
}
.newpm-icon span    {
   background: none 0 0 no-repeat;
   -webkit-transition:all 250ms linear;
   -moz-transition:all 250ms linear;
   -o-transition:all 250ms linear;
}
.forwardpm-icon span    {
   background: none 0 0 no-repeat;
   -webkit-transition:all 250ms linear;
   -moz-transition:all 250ms linear;
   -o-transition:all 250ms linear;
}
User avatar
Mii
BBCoder II
BBCoder II
Posts: 47
Joined: 28 Nov 2011, 23:16
BBCodes: 14

[Snippet] CSS3 effect on buttons

Post by Mii »

Can we preview it somewhere? thx.
User avatar
FTH
BBCoder III
BBCoder III
Posts: 124
Joined: 25 Nov 2011, 23:28
BBCodes: 10
Contact:

[Snippet] CSS3 effect on buttons

Post by FTH »

http://www.graphogames.fr/demo/viewforum.php?f=2

past your mouse on button "newtopic" ;)
User avatar
Stoker
Site Admin
Site Admin
Posts: 3521
Joined: 12 May 2008, 23:26
BBCodes: 239
Favourite BBCode: Anipro
Favourite MOD: PrettyPhoto
Location: Denmark
Contact:

[Snippet] CSS3 effect on buttons

Post by Stoker »

Cool, I have installed it on the "prosilver" theme here.
Board rules! No PM support
User avatar
Arnevb
BBCoder III
BBCoder III
Posts: 98
Joined: 08 Oct 2011, 18:23
BBCodes: 8
Location: Belgium
Contact:

[Snippet] CSS3 effect on buttons

Post by Arnevb »

Thanks! Looks awesome!
User avatar
Vox Populi
BBCoder III
BBCoder III
Posts: 135
Joined: 27 Jul 2011, 15:44
BBCodes: 51
Favourite BBCode: YouTube
Favourite MOD: mChat, Welcome on Index
Location: Index,WA
Contact:

[Snippet] CSS3 effect on buttons

Post by Vox Populi »

I like!!! Great work.
Be who you are and say what you feel.
Those who mind don't matter.
Those who matter don't mind.
- Dr. Seuss
User avatar
Mii
BBCoder II
BBCoder II
Posts: 47
Joined: 28 Nov 2011, 23:16
BBCodes: 14

[Snippet] CSS3 effect on buttons

Post by Mii »

Looks cool.
User avatar
Terr0r
BBCoder V
BBCoder V
Posts: 339
Joined: 04 May 2011, 00:47
BBCodes: 100
Location: The Netherlands
Contact:

[Snippet] CSS3 effect on buttons

Post by Terr0r »

Looks cool but for me very annoying I had it on another forum
If you can't fix it with ducktape you ain't using enough
For my MODS and BBCodes or other things that I have made take a look here
User avatar
darkonia
BBCoder II
BBCoder II
Posts: 57
Joined: 23 May 2011, 19:40
BBCodes: 35
Favourite BBCode: hs bbcode
Favourite MOD: dm video
Location: Munich

[Snippet] CSS3 effect on buttons

Post by darkonia »

amazing
Von Spielern für Spieler bietet Dir MMOG-Heaven genau das, was ein Spieler braucht. Bleibe ständig informiert, finde die neuesten MMORPGs, oder suche die frischesten News aus der Welt des Online Gamings auf MMOG-Heaven.
User avatar
Blackwolf
BBCoder IV
BBCoder IV
Posts: 272
Joined: 04 Dec 2010, 12:36
BBCodes: 101
Favourite BBCode: Dropcap
Favourite MOD: mchat
Location: Melbourne Australia

[Snippet] CSS3 effect on buttons

Post by Blackwolf »

Nice. I use it but by KukY Not as much code.
Last edited by Stoker on 04 Dec 2011, 10:09, edited 1 time in total.
Reason: Link removed. Please dont post links to boards where you need to be registered to view
Ultimate Edition, Ultimate Edition Oz, Oz Unity

“We are Anonymous. We are Legion. We do not forgive. We do not forget. Expect us.”
Locked