inherit
kathleen99@hotmail.com
199658
0
Jul 10, 2020 7:03:22 GMT -8
alleyesonme
45
September 2013
alleyesonme
|
Post by alleyesonme on Jun 20, 2015 13:52:12 GMT -8
Hey there
I was just wondering if it would be possible to have different colours/images for the highlight?
So I was wondering like if I hover over one board an image appears and then when I hover over another, a different image appears and so on.
Hope that makes sense!
Thank you
|
|
inherit
kathleen99@hotmail.com
199658
0
Jul 10, 2020 7:03:22 GMT -8
alleyesonme
45
September 2013
alleyesonme
|
Post by alleyesonme on Jun 20, 2015 13:53:08 GMT -8
I would like the images to appear with like 50% opacity or whatever
|
|
inherit
kathleen99@hotmail.com
199658
0
Jul 10, 2020 7:03:22 GMT -8
alleyesonme
45
September 2013
alleyesonme
|
Post by alleyesonme on Jun 22, 2015 1:15:41 GMT -8
Sorry to bump but would anyone be able to please tell me if this is possible?
|
|
inherit
151674
0
Jun 27, 2015 17:26:44 GMT -8
TornadoGTS
90
February 2010
tornadogts
|
Post by TornadoGTS on Jun 22, 2015 17:39:53 GMT -8
You can add this to the bottom of your CSS/Styles, just change the board number for the board you want to apply it to (can find the board number simply by hovering over the board and looking at the link), and insert the image url inside the quotes, then just copy the code for each board....
tr#board-87.board.item:hover {background-image: url(""); opacity:0.5;}
|
|
inherit
kathleen99@hotmail.com
199658
0
Jul 10, 2020 7:03:22 GMT -8
alleyesonme
45
September 2013
alleyesonme
|
Post by alleyesonme on Jun 23, 2015 4:04:15 GMT -8
Wow thanks!! It works
|
|
inherit
kathleen99@hotmail.com
199658
0
Jul 10, 2020 7:03:22 GMT -8
alleyesonme
45
September 2013
alleyesonme
|
Post by alleyesonme on Jun 23, 2015 4:12:42 GMT -8
Another question tho; Is it possible that the image doesn't repeat like
|
|
inherit
151674
0
Jun 27, 2015 17:26:44 GMT -8
TornadoGTS
90
February 2010
tornadogts
|
Post by TornadoGTS on Jun 23, 2015 5:55:31 GMT -8
If you want it to repeat just horizontally, just add repeat: repeat-x; before the ending bracket }
If dont want it to repeat at all, do repeat: none;
So it should look like this tr#board-87.board.item:hover {background-image: url(""); opacity:0.5; repeat: repeat-x;}
|
|