Advertise Here

Author Topic: How do you change checkboxes and radio button's images/colours?  (Read 5521 times)

0 Members and 1 Guest are viewing this topic.

Offline Segatendo

  • SMF For Free Newbie
  • *
  • Posts: 5
    • View Profile

  • Total Badges: 5
    Badges: (View All)
    Search Topic Starter Level 1 First Post Windows User
How do you change checkboxes and radio button's images/colours?
« on: October 12, 2012, 02:59:14 pm »
I looked around for this, but I couldn't find anything on it :(. My guess is that I have to add or change something in the CSS, no idea what though. Any help would be greatly appreciated! :)

Offline Andrew

  • Helpers
  • *
  • Posts: 2060
  • Andrew at your service
    • View Profile
    • Alabama Weather Prediction

  • Total Badges: 32
    Badges: (View All)
    10 Poll Votes Level 6 Eighth year Anniversary Seventh year Anniversary Sixth year Anniversary
Re: How do you change checkboxes and radio button's images/colours?
« Reply #1 on: October 12, 2012, 03:59:30 pm »
Checkbox and radio buttons where?

Offline Segatendo

  • SMF For Free Newbie
  • *
  • Posts: 5
    • View Profile

  • Total Badges: 5
    Badges: (View All)
    Search Topic Starter Level 1 First Post Windows User
Re: How do you change checkboxes and radio button's images/colours?
« Reply #2 on: October 12, 2012, 04:08:24 pm »
Well, radio buttons on polls I guess. Checkboxes for wherever they be used (only really saw them on profile editing). And for confirmation, when I say radio buttons I'm not talking about the type of radio that is streaming live, but rather that little round selection button when you can only select one option from a list of a few.

Offline Andrew

  • Helpers
  • *
  • Posts: 2060
  • Andrew at your service
    • View Profile
    • Alabama Weather Prediction

  • Total Badges: 32
    Badges: (View All)
    10 Poll Votes Level 6 Eighth year Anniversary Seventh year Anniversary Sixth year Anniversary
Re: How do you change checkboxes and radio button's images/colours?
« Reply #3 on: October 15, 2012, 09:43:14 am »
Oh yes, I'm aware of the difference between a listening radio and a selection radio.  :crazy2:

The images can be changed however I don't believe the colors can be. To change the images you will need to use the Swap Images Generator and Guide
       
Note that the generator itself to make a code for you will not work so you will have to do it manually with this code:
Code: [Select]
<script type='text/javascript'>
/*
Change Any Image On Page
Created by iFusion
*/
var img_b = new Array();

img_b[img_b.length++] = ["OLD IMAGE URL" , "NEW IMAGE URL"]

var all_images = document.getElementsByTagName('IMG');
for(i=0;i<all_images.length;i++){
for(j=0;j<img_b.length;j++){
   if(all_images[i].src == img_b[j][0]){
     all_images[i].src = img_b[j][1];
}}}
</script>

Offline Segatendo

  • SMF For Free Newbie
  • *
  • Posts: 5
    • View Profile

  • Total Badges: 5
    Badges: (View All)
    Search Topic Starter Level 1 First Post Windows User
Re: How do you change checkboxes and radio button's images/colours?
« Reply #4 on: November 06, 2012, 02:28:20 am »
Thanks a bunch! (Sorry for late response, left somewhere and forgot). It solves my problems for other images as well. The only thing I need to know now is, what are the url for the radio buttons and checkboxes?

Offline Andrew

  • Helpers
  • *
  • Posts: 2060
  • Andrew at your service
    • View Profile
    • Alabama Weather Prediction

  • Total Badges: 32
    Badges: (View All)
    10 Poll Votes Level 6 Eighth year Anniversary Seventh year Anniversary Sixth year Anniversary
Re: How do you change checkboxes and radio button's images/colours?
« Reply #5 on: November 09, 2012, 01:41:51 pm »
For the URL for the radio/checkbox images I will need your forum URL.

As far as the colors of the buttons... That will involve some CSS editing. I will again need your forum URL to search through the CSS specifically.

Offline Segatendo

  • SMF For Free Newbie
  • *
  • Posts: 5
    • View Profile

  • Total Badges: 5
    Badges: (View All)
    Search Topic Starter Level 1 First Post Windows User
Re: How do you change checkboxes and radio button's images/colours?
« Reply #6 on: November 13, 2012, 04:37:05 pm »
Forum here. The forum isn't exactly mine, but I'm a forum designer there. ;)

Offline Andrew

  • Helpers
  • *
  • Posts: 2060
  • Andrew at your service
    • View Profile
    • Alabama Weather Prediction

  • Total Badges: 32
    Badges: (View All)
    10 Poll Votes Level 6 Eighth year Anniversary Seventh year Anniversary Sixth year Anniversary
Re: How do you change checkboxes and radio button's images/colours?
« Reply #7 on: November 20, 2012, 12:19:31 pm »
At first I thought I knew what you were talking about when you said checkbox and radio buttons, but those don't have any URLs - they use HTML instead. I'm a little lost on the first question now. Perhaps you can post a screenshot showing me what you want to change exactly?

Appears as though I may have been wrong on the 2nd part as well. I couldn't find anything defining radios in the CSS. /:

Offline Segatendo

  • SMF For Free Newbie
  • *
  • Posts: 5
    • View Profile

  • Total Badges: 5
    Badges: (View All)
    Search Topic Starter Level 1 First Post Windows User
Re: How do you change checkboxes and radio button's images/colours?
« Reply #8 on: November 22, 2012, 06:17:23 am »
Well I have no idea what they use. *shurgs*
Anyway these things


2nd part: Well, they probably are images and not colors anyway...

 

Related Topics

  Subject / Started by Replies Last post
5 Replies
1141 Views
Last post September 20, 2007, 02:32:48 pm
by Kimmie
3 Replies
1319 Views
Last post August 18, 2009, 10:49:44 am
by simply sibyl
0 Replies
405 Views
Last post August 18, 2009, 09:52:31 am
by simply sibyl
6 Replies
2221 Views
Last post April 27, 2010, 11:09:30 pm
by Agent Moose
1 Replies
617 Views
Last post October 28, 2011, 11:48:07 am
by taogem