MyBB Community Forums

Full Version: How can I put this effect when selecting something?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2 3
Hi guys, i wanted to know how making this effect, when you are not selecting something, there appears the normal colour, but when you select it there appears a naranja colour and so, but i don't want it with underline, i just want it with that colour after select it, like this forum have it, Example:

[Image: U1r3ovw.png]

[Image: 7t3Tb6J.png]
By using the :hover selector.

http://www.w3schools.com/cssref/sel_hover.asp

You will then need to edit global.css (from ACP) and add something like:
a:hover {
    color: orange;
 }
Hi mate, sorry for my ignorance, but i have to add that here: 
Quote:a:hover,
a:active {
color: #0072BC;
text-decoration: none;
}
here
Quote:.postbit_buttons > a:hover {
border-color: #bbb;
}
or here
Quote:.pagination a:hover {
background: #0072BC;
color: #fff;
border-color: #263c30;
text-decoration: bold;
}
Do you want to change it for the whole site or just for the username hover?
For the whole site
^ change it in the first given code - you can replace color: #0072BC; with color: orange;

remember to hard refresh your browser after changing the css style code and saving the style sheet
(eg. press CTRL + F5 on a topic page / index page)
Mate, i already did it, but doesnt work yet, i did it so:
Quote:a:hover,
a:active {
color: orange;
text-decoration: none;
}
Make sure you have flushed your browser's cache and your reverse proxy's cache (if you use a solution such as CloudFlare).

Have you replaced/removed the other occurance for "a" in your global.css?
(03-21-2016, 11:55 PM)JordanMussi Wrote: [ -> ]Have you replaced/removed the other occurance for "a" in your global.css?
What do you mean? i did not understand that, sorry.
Have you removed other bits of CSS code for the "a" tag e.g. removing something like this:
a {
...
}
Pages: 1 2 3