Dragapult Well-known member Aug 10, 2010 #1 When you mouseover a hyperlink within the content of the posted message, the background is highlighted with a color. What is the CSS to do this? a:hover = ???
When you mouseover a hyperlink within the content of the posted message, the background is highlighted with a color. What is the CSS to do this? a:hover = ???
Dragapult Well-known member Aug 10, 2010 #2 I should note that I know how to apply a background color to links, but not a drop shadow and rounded corners.
I should note that I know how to apply a background color to links, but not a drop shadow and rounded corners.
Onimua Well-known member Aug 10, 2010 #3 Quillz said: I should note that I know how to apply a background color to links, but not a drop shadow and rounded corners. Click to expand... I believe that bit is controlled here: Code: box-shadow: 5px 5px 7px #CCCCCC; -webkit-box-shadow:5px 5px 7px #CCCCCC; -moz-box-shadow:5px 5px 7px #CCCCCC; -khtml-box-shadow:5px 5px 7px #CCCCCC; The rounded corners uses a simple border-radius, such as: Code: border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;
Quillz said: I should note that I know how to apply a background color to links, but not a drop shadow and rounded corners. Click to expand... I believe that bit is controlled here: Code: box-shadow: 5px 5px 7px #CCCCCC; -webkit-box-shadow:5px 5px 7px #CCCCCC; -moz-box-shadow:5px 5px 7px #CCCCCC; -khtml-box-shadow:5px 5px 7px #CCCCCC; The rounded corners uses a simple border-radius, such as: Code: border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;
F Floris Guest Aug 10, 2010 #5 a - default how it looks, whatever state, unless exception a:hover - hovering mouse over the link a:active - pressing the link a:visited - after pressing the link, coming back .. you've visited it.
a - default how it looks, whatever state, unless exception a:hover - hovering mouse over the link a:active - pressing the link a:visited - after pressing the link, coming back .. you've visited it.
Anthony Parsons Well-known member Aug 10, 2010 #6 The specific one showing is: HTML: .ugc a:hover, .ugc a:focus { background: #FFF4E5 url(http://xenforo.com/community/styles/default/xenforo/gradients/category-23px-light.png) repeat-x 50% 0%; color: #6D3F03; }
The specific one showing is: HTML: .ugc a:hover, .ugc a:focus { background: #FFF4E5 url(http://xenforo.com/community/styles/default/xenforo/gradients/category-23px-light.png) repeat-x 50% 0%; color: #6D3F03; }