SMF For Free Support Forum

SMF For Free Support => Stylesheet Requests and Support => Topic started by: Segatendo on October 12, 2012, 02:59:14 pm

Title: How do you change checkboxes and radio button's images/colours?
Post by: Segatendo 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! :)

Title: Re: How do you change checkboxes and radio button's images/colours?
Post by: Andrew on October 12, 2012, 03:59:30 pm

Checkbox and radio buttons where?

Title: Re: How do you change checkboxes and radio button's images/colours?
Post by: Segatendo 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.

Title: Re: How do you change checkboxes and radio button's images/colours?
Post by: Andrew 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 (http://www.smfsupport.com/support/smf_for_free_codes/code_swap_images_on_page-t2017.0.html;msg12805#msg12805)
       
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>


Title: Re: How do you change checkboxes and radio button's images/colours?
Post by: Segatendo 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?

Title: Re: How do you change checkboxes and radio button's images/colours?
Post by: Andrew 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.

Title: Re: How do you change checkboxes and radio button's images/colours?
Post by: Segatendo on November 13, 2012, 04:37:05 pm

Forum here (http://www.smf4free.com/forums/supermariobrosonline/). The forum isn't exactly mine, but I'm a forum designer there. ;)

Title: Re: How do you change checkboxes and radio button's images/colours?
Post by: Andrew 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. /:

Title: Re: How do you change checkboxes and radio button's images/colours?
Post by: Segatendo on November 22, 2012, 06:17:23 am

Well I have no idea what they use. *shurgs*
Anyway these things
(https://www.smfsupport.com/support/proxy.php?request=http%3A%2F%2Fimg515.imageshack.us%2Fimg515%2F6499%2Fthesethings.png&hash=a7faeb0223e88830bb81d05415eab958f46a8381)

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