Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
[DMC]CSS Button Hover for All vB Default Button Details »
[DMC]CSS Button Hover for All vB Default Button
Mod Version: 1.00, by kawe (Member) kawe is offline
Developer Last Online: May 2014 I like it Show Printable Version Email this Page

vB Version: 3.8.4 Rating: (0 vote - 0 average) Installs: 16
Released: 18 Oct 2009 Last Update: Never Downloads: 3
Not Supported Template Edits Re-usable Code  

Reply Post Button


Postbit Edit Post


New Thread


ok
how to add it ?

add this code to additional CSS ur template


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

then you can search a button code on template
then replace with
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

example :
this is a default code for NEW THREAD BUTTON

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

then, i change to CSS Button with this code


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Done ...


for add Image on CSS Button u can use this code on CSS Adittional

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Download Now

Only licensed members can download files, Click Here for more information.

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
New Posting Features Add Pm Button, Find Post By User Button, And User To Contacts Button, To Postbit technom8t vBulletin 3.7 Template Modifications 9 21 Aug 2013 05:18
Default button Emrah Kaya vBulletin Button Sets 6 21 Feb 2012 20:38

Comments
  #2  
Old 18 Oct 2009, 23:51
BSMedia BSMedia is offline
 
Join Date: Feb 2009
Nice mod, this is a decent little change for a lot of themes.
Reply With Quote
  #3  
Old 24 Oct 2009, 00:08
masterweb's Avatar
masterweb masterweb is offline
 
Join Date: Aug 2007
Real name: Arteaga
Exactly what i was looking for my new skin, thanks a lot dude
Reply With Quote
  #4  
Old 25 Oct 2009, 00:00
abouahmed's Avatar
abouahmed abouahmed is offline
 
Join Date: Sep 2008
Real name: mohamed
nice work

i like Css codes
__________________
Web Design
Reply With Quote
  #5  
Old 02 Nov 2009, 04:23
Trescom's Avatar
Trescom Trescom is offline
 
Join Date: Sep 2008
Real name: Tom
Yes, it looks nice. But what about Multiquoting:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


I would also advise to add outline:none; and text-decoration:none; to the CSS code to get rid of that annoying outline that is making after clicking a button, and to remove the underline.

Last edited by Trescom; 02 Nov 2009 at 04:30.
Reply With Quote
  #6  
Old 03 Nov 2009, 20:09
masterweb's Avatar
masterweb masterweb is offline
 
Join Date: Aug 2007
Real name: Arteaga
Looks great but... how to change font's colors???
Reply With Quote
  #7  
Old 03 Nov 2009, 21:49
Trescom's Avatar
Trescom Trescom is offline
 
Join Date: Sep 2008
Real name: Tom
Just change the value of underlined and red text in the CSS code:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

to whatever you need.
Reply With Quote
  #8  
Old 04 Nov 2009, 22:19
masterweb's Avatar
masterweb masterweb is offline
 
Join Date: Aug 2007
Real name: Arteaga
I tried it but i feel that the code into the main CSS is having any conflict with it due doesn't matters the color i insert it the text into buttons is always blue, any idea?
Reply With Quote
  #9  
Old 04 Nov 2009, 23:16
Trescom's Avatar
Trescom Trescom is offline
 
Join Date: Sep 2008
Real name: Tom
Ahh my bad. In order to play with links color (button links in this example) you need to add another code to the CSS:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

So the whole code should look like this:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

.button a { - is for a color of a normal tekst that you type, but not links
.button a:link { - is to show the color of links
.button a:hover { - is to show the color of links with the mouse over them

There is also a:active state, that show the links after you press them. But it has no use in this example.
I hope this will help you

Last edited by Trescom; 04 Nov 2009 at 23:24.
Reply With Quote
  #10  
Old 05 Nov 2009, 00:04
Trip's Avatar
Trip Trip is offline
 
Join Date: Mar 2008
Real name: Troy
Originally Posted by Trescom View Post
Yes, it looks nice. But what about Multiquoting:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


Did you ever get the position for the CSS button code sorted for the multi-quote string?
Reply With Quote
  #11  
Old 05 Nov 2009, 06:11
kawe kawe is offline
 
Join Date: Aug 2008
Originally Posted by Trescom View Post
Yes, it looks nice. But what about Multiquoting:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

I would also advise to add outline:none; and text-decoration:none; to the CSS code to get rid of that annoying outline that is making after clicking a button, and to remove the underline.

for MultiQuote u must using
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

if you just using Color not use image, multiquote doesn't work
Reply With Quote
  #12  
Old 05 Nov 2009, 06:14
kawe kawe is offline
 
Join Date: Aug 2008
Originally Posted by masterweb View Post
I tried it but i feel that the code into the main CSS is having any conflict with it due doesn't matters the color i insert it the text into buttons is always blue, any idea?
in this button have 4 element

1. background non hover
2. font color non hover
3. background with hover
4. font color with hover

you must change all HEX CODE color for setting what u want
Reply With Quote
  #13  
Old 27 Dec 2009, 16:19
AMG021 AMG021 is offline
 
Join Date: Sep 2006
this doesn't seem to work in Internet explorer
Reply With Quote
  #14  
Old 28 Dec 2009, 06:13
grey_goose grey_goose is offline
 
Join Date: Jun 2009
This is probably a noob question, but how can I get these to align to the RIGHT ?
Reply With Quote
  #15  
Old 29 Dec 2009, 02:35
grey_goose grey_goose is offline
 
Join Date: Jun 2009
figured it out... btw... lovin' this, it gives the board a very understated, sophisticated look, and blends into my colored styles well...
Attached Images
File Type: jpg buttons.jpg (51.3 KB, 69 views)

Last edited by grey_goose; 29 Dec 2009 at 02:43.
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 21:11.

Layout Options | Width: Wide Color: