Table content hover, background color change

How can I achieve this background color hover effect? Like the table on this page:
http://uconn.edu/holiday/teams.html

jr4292 wrote:
How can I achieve this background color hover effect? Like the table on this page:
http://uconn.edu/holiday/teams.html
If you want all your links to have the same effect then put this code in your style sheet:
a:hover {
background:#73D5FC;
border:1px solid #DDDDDD;
Good luck.

Similar Messages

Af:table rollup row background color change

Hi All
i got below sql view object
SELECT DEPARTMENT_ID,JOB_ID,COUNT(*) FROM EMPLOYEES GROUP BY DEPARTMENT_ID,ROLLUP(JOB_ID)
By using this i will get each department_id, jobid's and total employes count in each department
and i will get rollup for each departments ie i will get total employees.
So i want to change the back ground of the total row.
DepartmentId     JobId     Count1
SA_REP      1
1
10     AD_ASST     1
10          1 < this row in RED back ground in JSF page
20     MK_MAN     1
20     MK_REP     1
20          2 < this row in RED back ground in JSF page
30     PU_MAN     1
30     PU_CLERK     5
30          6< this row in RED back ground in JSF page
40     HR_REP     1
40          1< this row in RED back ground in JSF page
50     ST_MAN     5
50     SH_CLERK     20
50     ST_CLERK     20
50          45< this row in RED back ground in JSF page
any kind of help is welcome...
thanks
Ravi

Ravi,
I think I answered the same question on the JDeveloper forum. The way it goes is that you use the inlineStyle property on the outputText component(s) of the total row. If you hard code the color then all backgrounds are identical, if you use EL to reference a managed bean method to return the color then you can have conditional color rendering
Frank

CS6 #nav links change hover background color based on its position in series

First post from a complete DW CS 6 novice on Win7. Not knowing JavaScript or JQuery, I thought I would add simplest animation to a website navigation based on the two col fixed header footer design. The navigation links on the left <sidebar1> have been increased to 24, with a common link background in the default state. When the cursor is passed over the links they would change background color to one of five given in the image placed in the jpeg image loaded as the 1st list item. The image itself only acts as a color key to the five catagories of links directly below it, and is not hyperlinked. The idea is that someone looking for new tools would need to hover down the nav links and only be concerned with the Yellow background ones, even if they appear in any random position down the list. To give each link a color to start with would make <sidebar1> appear too colorful.
I have David Powers' two dvd titles and was thinking of using a nth-of-type() . It does not work. Perhaps there are two sets of colons required ( a:hover:nth-of-type(4), a:active:nth-of-type(4) {background-color:#f00;} ). There is surely a way that would work but I do not know enough of DW and CSS at present to figure this out.
Many thanks.

I don't what menu system you're using, but you might be able to create some CSS classes to use in your menu like so:
<ul>
<li>a href="some-link.html" class="about">about link</a></li>
<li>a href="some-link.html" class="new">new link</a></li>
<li>a href="some-link.html" class="new_proc">new procedures link</a></li>
<ul>
CSS:
li a.about:hover {background-color:gray}
li a:new:hover {background-color:forestgreen}
li a:new_proc:hover {background-color:lawngreen}
and so on...
Nancy O.

Linked Image with CSS Hover background Color Jerks in IE8

Please see http://www.rrmuseumpa.org/about/musviews/index.shtml and hover over any of the five slideshow images, using IE8. Note that the hover causes a jerk when the assigned background color for hover kicks in, apparently by adding some vertical margin at botton. It's fine in all other browsers.
What I want is for any image that serves as a link to not have a border and to not pick up the default hover background color, and to not cause the "jerk" in IE8.
CSS file is at http://www.rrmuseumpa.org/css/main.css . Specific css would be most appreciated.
Thanks.
Jim

The very last style rule states
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;
color: #FFF;
This is a white backgorund and white text. Simply change the background colour to #2565B2
Gramps

Cell/Background color changes when copying to other Excel 2010 document

When you copy and paste report cells (e.g. CO report outputted in Office integration, MS Excel) to a new Excel file, the background color changed dramatically (to bright red).
SAP Theme: SAP Signature Theme
Excel 2010
We tried paste option > match destination formatting but does not help.
Anyone has similiar problems? Appreciate any help.

dear friend,
you would do:
1. search SAP Notes;
2. check out the updates/patches for your MS Office;
3. replicate it on another computer/another sap user (make sure it is a local issue)
good luck!

Background color changed from white to yellow and =25% changed to %% on email

I type =25% on my email and sent out, background color changed from white to yellow and =25% changed to %%.

Try leaving a space after the =
Thus: = 25%
Where and when did it change? Did it change inside Thunderbird? Did it change in the Sent folder? Or in a reply to you?
= and % are used in certain types of email encoding; =20% often appears, meaning character 0x20 which is 32 denary or the space character. It is often used where an explicit space would be illegal, and this is common in URLs and other links. I'm thinking that =25% similarly has a special meaning. It ''shouldn't'' get decoded, but software is buggy.
I can't reproduce it here, which is why I'm asking about how and when it changes. Where does the Microsoft software come into it?

[svn:fx-trunk] 5313: Application, WindowedApplication, and Window background color changed to white.

Revision: 5313
Author: [email protected]
Date: 2009-03-13 19:10:24 -0700 (Fri, 13 Mar 2009)
Log Message:
Application, WindowedApplication, and Window background color changed to white.
QE Notes: None
Doc Notes: None
Bugs: sdk-16721
Reviewer: Ryan
tests: checkintests, cyclone build tested
Ticket Links:
http://bugs.adobe.com/jira/browse/sdk-16721
Modified Paths:
flex/sdk/trunk/frameworks/projects/airframework/defaults.css
flex/sdk/trunk/frameworks/projects/framework/defaults.css
flex/sdk/trunk/frameworks/tests/checkinapp/checkinapp.css

Hi,
When system is in a sleep mode or hibernate mode, it will save the data ans settings in memory or hard disk, so I suggest you run a memory check and a harddisk check and see if it can detect any errors.
Memory check (instruction is similiar to windows 8\8.1, type "memory" in the search charm bar)
http://windows.microsoft.com/en-in/windows7/diagnosing-memory-problems-on-your-computer
Hard disk check
http://technet.microsoft.com/en-us/magazine/ee872425.aspx
Meanwhile, please check event viewer to find more information, useful path: event viewer\Windows logs or event viewer\Applications and Services Logs\Kernel-power
Yolanda Zhu
TechNet Community Support

Background color change of a column in Advance table

Hi,
We have requirement to change the background color of column in advance table based on some condition. We tried putting code to change background color in Custom.xss using background-color property and setting newly created css dynamically based on condition but it seems it only changes the background color of text not the complete cell. We want to change the color of complete cell in an advance table.
Please let me know if there is any other way I can achieve this requirement. Any help would be highly appreciated.
Thanks

<FONT FACE="Arial" size=2 color="2D0000">
Pls look into "Alter Table"section.
LOB_storage_clause
This might help
-SK
</FONT>

ADF Table row background color change ???

Hi All
i got below sql view object
SELECT DEPARTMENT_ID,JOB_ID,COUNT(*) FROM EMPLOYEES GROUP BY DEPARTMENT_ID,ROLLUP(JOB_ID)
By using this i will get each department_id, jobid's and total employes count in each department
and i will get rollup for each departments ie i will get total employees.
So i want to change the back ground of the total row.
DepartmentId     JobId     Count1
SA_REP 1
1
10     AD_ASST     1
10     1 < this row in RED back ground in JSF page
20     MK_MAN     1
20     MK_REP     1
20     2 < this row in RED back ground in JSF page
30     PU_MAN     1
30     PU_CLERK     5
30     6< this row in RED back ground in JSF page
40     HR_REP     1
40     1< this row in RED back ground in JSF page
50     ST_MAN     5
50     SH_CLERK     20
50     ST_CLERK     20
50     45< this row in RED back ground in JSF page
any kind of help is welcome...
thanks
Ravi

Hi,
you can do this by setting the background color of the outputText component that is the cell component e.g. in a read only table. Use the inlineStyle property to set the background-color but get the string from a managed bean. For each row you get a call to the managed bean and you can use JSF value binding
FacesContext.getCurrentInstance().getApplication().createValueBinding()
to access #{row} so that you can determine the value of a row column. Based on this you return a color
Frank

Why does JButton background color change when clicking ?

Hello,
I have defined :
JButton mybutton = new JButton(Icon xxx) ;
with no associated text and I set both foreground and background colors to black, and an empty border.
This is because the background color of the container which contents this button is also black and I want to see only the button icon.
When I click on the icon , the button background color becomes grey. How can I change this to make it remains black ?
Thanks a lot.
Gege

Well, the color changes because that is how the look and feel is defined,
presumably to give better feedback to the user that she has clicked the
button.
If you don't want this, you could try using a different L&F which doesn't do this.
Alternatively, If you've only got the one button, you could just do
    UIManager.put( "Button.select", Color.BLACK );If you have multiple buttons, and you want the other buttons to behave
normally, you can extend the one button and have it change the color
while it is pressed, e.g.,
import java.awt.*;
import java.io.IOException;
import java.net.URL;
import javax.swing.*;
public class ButtonSelect extends JFrame {
     public ButtonSelect() throws IOException {
          super();
          setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
          JPanel panel = new JPanel();
          panel.add( new JButton( "Normal" ) );
          Image img = Toolkit.getDefaultToolkit().getImage( new URL("http://www.google.com/intl/en/images/logo.gif" ) );
          ImageIcon ii = new ImageIcon( img );
          JButton b = new JButton( ii ) {
               static final private String KEY = "Button.select";
               public void paint( Graphics g ) {
                    Color save = null;
                    if ( getModel().isArmed() && getModel().isPressed() ) {
                         save = UIManager.getColor( KEY );
                         UIManager.put( KEY, Color.WHITE );
                    super.paint( g );
                    if ( save != null )
                         UIManager.put( KEY, save );
          b.setForeground( Color.WHITE );
          b.setBackground( Color.WHITE );
          b.setFocusPainted( false );
          panel.add( b );
          getContentPane().add( panel );
          pack();
          setVisible( true );
     public static void main( String[] a ) throws IOException {
          new ButtonSelect();
}

Axis Legend Background Color Change?

Is it possible to change the background color for the axis legend text? Numbers displays the chart (in this case a line chart) on the spreadsheet with the x and y legend values on a transparent background. The transparency makes the values very difficult to see, and I'm hoping there's some way to change the background or fill of the legend area to plain old white. Or even better, just change the background of the entire chart to white. Darned if I can figure out how to do such a simple thing, though.
TIA,
Scot

My workaround:
insert a rectangular rectangle whose stroke and background are white and put it behind the chart
Yvan KOENIG (from FRANCE dimanche 12 octobre 2008 18:21:00)

Combo Box Background Color Change

I have a drop down combo box with Good, Fair, Poor as the selection options. I would like to change the background color based on each slection. That is change the color to Green when Good is selected, Yellow for Fair and Red for Poor.
Any help is geatly appreciated.

Hi;
This isn't something FormsCentral supports.
Thanks,
Josh

Background color change of detail pop up

Hi,
Please let me know the solution on how to change the detail pop up backgrond color.
For more clarity on picture, path is, click on context menu--> details

I am changing the lightblue background (#F5F7F9) of the portal by downloading the theme
and the unzip the portal.zip and then the default.properties:
parPrtlBodyBackground=\#F5F7F9
parDocumentBackgroundColor=\#F5F7F9
Change the values to the required background color.
Regards,
Kai

Background color change option for box in screen painter

have created a box in screen painter . is there any option to change the back ground color of this box.
please help

No, you can not change the background color of your screen painter box.

Background color change question - only selecting the footer

I use the darkroom theme and was curious about changing the page background color. Right now my settings use the darkroom theme 'right out of the box' which is 'image fill' on both the page and browser background. That is the textured look.
When I try to change the color, selecting 'color fill' instead of 'image fill', it only changes the footer - not the entire page background.
I'm guessing it's not possible to change a color using the 'image fill.' You get 'image fill' in black or gray as shown and that is it, except should you decide to use your own image, which I do not.
Any way to be able to have a change apply to the entire page and not just the footer?
Suggestions welcome.

I tried to do the same just see what the problem was and failed. It is probably 'cos the top layer is independant of the page background or browser background. Even when I had page background none and altered the browser background it made no difference. If you want anything different try using a blank black or white theme and putting your own graphics on there. You can make quite nice backgrounds if you have a decent paint or photo program.
Message was edited by: Hazell

Table content hover, background color change

Similar Messages

Maybe you are looking for