News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

Changing colours

Started by swerveq, March 28, 2015, 05:47:12 PM

Previous topic - Next topic

Deaks

to do kindreds way just need to add teh code he gave to your index.css
~~~~
Former SMF Project Manager
Former SMF Customizer

"For as lang as hunner o us is in life, in nae wey
will we thole the Soothron tae owergang us. In truth it isna for glory, or wealth, or
honours that we fecht, but for freedom alane, that nae honest cheil gies up but wi life
itsel."

swerveq

Quote from: Kindred on March 30, 2015, 09:39:28 AM
shouldn't take too much more work... -- in theory, the hover argument can apply to more than just links

. topic_table td.subject:hover {
background: #<newcolorhex>;
}

I'd like to try this. Can you be alittle more specific please i.e. like I'm a dummie sort of thing.  :)

Deaks

open index.css as I told you before

at the end of the file add

.topic_table td.subject:hover {
background: #FFF;
}


replacing #FFF with the color code you want to change to.
~~~~
Former SMF Project Manager
Former SMF Customizer

"For as lang as hunner o us is in life, in nae wey
will we thole the Soothron tae owergang us. In truth it isna for glory, or wealth, or
honours that we fecht, but for freedom alane, that nae honest cheil gies up but wi life
itsel."

swerveq

It works!

Thank you guys so much. Can I call myself a programmer now?  :D

Deaks

you can call yourself what you want wont make it true :P
~~~~
Former SMF Project Manager
Former SMF Customizer

"For as lang as hunner o us is in life, in nae wey
will we thole the Soothron tae owergang us. In truth it isna for glory, or wealth, or
honours that we fecht, but for freedom alane, that nae honest cheil gies up but wi life
itsel."

Gwenwyfar

#25
You can do alternating on messageindex by using nth selectors. I have it on mine.


/* To reset default colors */
#messageindex tbody td {
background-color: transparent; }

#messageindex tbody tr:nth-child(even) {
background-color: #ECF3F7; }

#messageindex tbody tr:nth-child(odd) {
background-color: #dfecf3; }

/* This one is for hover, it needs to be after the above, it will highlight the entire row */
#messageindex tbody tr:hover {
background-color: #c5d6e0; }


Now I don't remember if that worked on default because I changed sticky, etc colors as well either way, but in any case, you can use those afterwards (and it needs to be after the above in the code):

#messageindex tbody tr.stickybg {
background-color: #5eaeec; }

#messageindex tbody tr.stickybg:hover {
background-color: #379ae6; }

#messageindex tbody tr.lockedbg {
background-color: #dce1e4; }

#messageindex tbody tr.lockedbg:hover {
background-color: #d3d8db; }


You can just change the colors to the ones you want. (I copied those from mine, but that's just a part of the code so that's not the color that shows, I think it should look ok for blue curve in any case :P)

If you want to keep the darker color in every row its going to need more code than that, though, that will change the entire row.

Quote from: Kindred on March 30, 2015, 09:39:28 AM
shouldn't take too much more work... -- in theory, the hover argument can apply to more than just links
Yes, :hover works for pretty much every element.
"It is impossible to communicate with one that does not wish to communicate"

Advertisement: