vBulletin Mods

The Official vBulletin Modifications Site
https://www.vbulletin.org/forum/showthread.php?t=305467

Nicer poll bars - css
by billstelling
05 Dec 2013 15:43

2 Attachment(s)
I miss adding the images for the poll bars we had before. Even then it was a pain to code in and you had to up graphics to get the job done.

I put together a little coding to make it really simple to do and only takes about a minute to do.


To use this mod, add this code to additional css.

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

Go to the stylvars for the theme, click the go button on the right and then check the box that says "Hide Variables". Pick "polls' in the list and set the "Poll Bar Height" to what you want, I used 6px and set "Poll Bar Margin" to 0.4em. Set the colors for the poll bars to the start color you set for the gradient if you changed it. I used #fd7d16.

You can set the colors for the gradient by adjusting the red code.

You can set the level of shadow by adjusting the dark orange code.

The blue is to bring them down and centered with the text for the poll item.

If you want a different one for each bar, use the same code, change to the colors you want, and remove the extra descriptors.

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

With each one just change pollbar1 to the number for that bar.

https://www.vbulletin.org/forum/external/2013/12/34.png
full size
Enjoy. ;)


Update:

Colored poll bars.

https://www.vbulletin.org/forum/external/2013/12/35.png


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


Davey-UK 05 Dec 2013 15:50

Do you have a screen shot of what to expect with this edit?
Ta

billstelling 05 Dec 2013 16:00

added.. I missed it when I wrote it up. I added it while you were posting.. :D

ckgb 14 Dec 2013 09:11

How did you get the number of votes to display in the same orange?

Thanks

billstelling 15 Dec 2013 22:12

poll #'s

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

poll %

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


ckgb 15 Dec 2013 23:24

Thank you very much

billstelling 19 Dec 2013 05:43

:)your welcome..

ckgb 11 Feb 2014 07:29

Polls having 0 votes display semitransparent looking tiny bars. Where is the option to change color of he "zero vote" bars?

Thank you.

billstelling 16 Apr 2014 02:09

in this part of the code..


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


ku-med 09 Jan 2015 14:54

Looks cool! Thanks.


All times are GMT. The time now is 13:07.

Powered by vBulletin® Version 3.8.14
Copyright © 2021, MH Sub I, LLC dba vBulletin. All Rights Reserved. vBulletin® is a registered trademark of MH Sub I, LLC
Copyright ©2001 - , vbulletin.org. All rights reserved.