vb.org Archive - Where to change Remember Me? check box color?

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)

- - Where to change Remember Me? check box color? (https://vborg.vbsupport.ru/showthread.php?t=301518)

durruti

08-23-2013 10:09 AM

Where to change Remember Me? check box color?

https://vborg.vbsupport.ru/external/2013/08/24.png

Where can I look to in order to change the Remember Me? check box; border color, background color and the V check color?

RickyH

08-23-2013 10:54 AM

Looks like some css work on that one!

This may help, i'm not sure.

http://www.paulund.co.uk/style-checkboxes-with-css

durruti

08-23-2013 11:30 AM

That's nice but unfortunately it is too complicated for me. For now, I just wish to change the coloring but don't know which template I must look for and which lines.

tbworld

08-24-2013 12:26 AM

Quote:

Originally Posted by durruti (Post 2440517)

That's nice but unfortunately it is too complicated for me. For now, I just wish to change the coloring but don't know which template I must look for and which lines.

The square checkbox you have limited control on the coloring. Depends on the browser, but if you are talking about the background and the foregound color you can modify that quite easily.

Add this to the bottom of your additional.css template

Code:

   

.toplinks .remember {

     color: yellow;

     background: black;

     border: 1px solid orange;

     margin: -3.33333px 0 0 20px;  /* Changes current position and width */

}

You will have to fool around with the CSS for your style.

If you want more advance topics:
Search:
-moz-appearance
webkit-appearance
input[type="checkbox"]

durruti

08-24-2013 01:17 AM

@tbworld

https://vborg.vbsupport.ru/external/2013/08/22.png

Tried it on default skin, see above.
Apology if the OP is not clear enough (I just realize that I didn't red circle the part that I wish to change on the OP image).

I wish to change the color for the border, background and the V check.

Edit:

https://vborg.vbsupport.ru/external/2013/08/23.png <- this is what I wish to change (only color).

tbworld

08-24-2013 02:14 AM

Quote:

Originally Posted by durruti (Post 2440612)

@tbworld

https://vborg.vbsupport.ru/external/2013/08/22.png

https://vborg.vbsupport.ru/external/2013/08/23.png <- this is what I wish to change (only color).

That is tricky, on my last post I gave you some search topics. You need to start there and understand that the appearance of the checkbox is browser and browser version related. That doesn't mean you cannot change some attributes. Every browser handles it differently.

Do a bit a of searching and learning and then if you need a hand, yell back.

Example of changing the scale of the checkbox. It is not perfect. but it works in
most browsers.

Code:

input[type=checkbox] {

    -ms-transform:  scale(2); 

    -moz-transform: scale(2);

    -webkit-transform: scale(2);

    -o-transform: scale(2);

        padding: 10px;

  }

There are all sorts of methods for creating new check-boxes and radio-buttons from using images, CSS transforms, canvas... but none of these are super simple methods.

All times are GMT. The time now is 04:53 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01218 seconds Memory Usage 1,725KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_code_printable (2)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (6)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: