Header of the apex and the background of custom colors

Hi all

Thanks for any help.

I tried for days to change the color of the header of reactive blue without success. I went in firefox and was not able to find the properties of the header. I wanted to just change to a grey color, can you please point me in the right direction.

In another application I was working on I used centered blue and wanted to change the background to green however when I save my code as below in the css file and reference it in the model it changes only half of the page to the color I want, and the other half stays the same... I'm not good with css, so I'm lost.

<!DOCTYPE html>
<html lang="&BROWSER_LANGUAGE." xmlns="http://www.w3.org/1999/xhtml" xmlns:htmldb="http://htmldb.oracle.com" xmlns:apex="http://apex.oracle.com">
<head>
  <title>#TITLE#</title>
  #APEX_CSS#
#TEMPLATE_CSS#
#THEME_CSS#
#PAGE_CSS#
#APEX_JAVASCRIPT#
#TEMPLATE_JAVASCRIPT#
#APPLICATION_JAVASCRIPT#
#PAGE_JAVASCRIPT#
#HEAD#
  <link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_6/css/theme_4_0.css" type="text/css" />
<link rel="stylesheet" href="#WORKSPACE_IMAGES#blackbg.css" type="text/css">
  <!--[if IE]><link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_6/css/theme_4_0_ie.css" type="text/css" /><![endif]-->
  <!--[if IE 6]><link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_6/css/theme_4_0_ie6.css" type="text/css" /><![endif]-->
  <!--[if IE 7]><link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_6/css/theme_4_0_ie7.css" type="text/css" /><![endif]-->
</head>
<body #ONLOAD#>
#FORM_OPEN#

code in the CSS file

div#uBodyContainer {
background-color:black;
}


body {
    background-color: black;
    color: #CCCCCC;
    font-family: Arial,Helvetica,Geneva,sans-serif;
    font-size: 12px;
    margin: 0 0 24px;
    max-width: 1920px;
    min-width: 980px;
    padding: 0;
}

I have an example on apexoracle.com

https://Apex.Oracle.com/pls/Apex/f?p=83557:LOGIN_DESKTOP:4769551920681

Username and password is Test

workspace is Pinedo

Thanks again for any help.

Hello

I developed 86027 application in your workspace. Please see if it's the thing you want to achieve

Thank you

Sunil Bhatia

Tags: Database

Similar Questions

  • Why is my head in the background?

    Why is my head in the background? When I scroll my site a page rather than passing under the header, the content goes in the header, so I can't go to my menu buttons? Help!

    Hello

    Please, create a new layer in the layers panel and move the header in the top layer. This should fix the problem for you.

    Please, take a look at the link below to see how to work with layers.

    Working with layers in Adobe Muse | Adobe Muse CC tutorials

    Concerning

    Vivek

  • How to make the background like no color

    Hello

    I'm sorry if my question is beginner...

    I appriciate if someone help me findout how the backgrond (which by default is white) as "no color"?

    Thank you

    You can make transparent Flash - there must be a white color by default.  If the file is displayed in a web page, then control you whether or not the background shows by setting the wmode property in the integrating HTML code.  You can configure in the section of the publication html settings, or you can just set it on the web page.  When you set wmode = "transparent" background is not displayed.

  • How to change the background color of the window?

    I would like to change the background color for all applications to pale gray,

    such as Notepad and IE.

    Anyone have any suggestions on how to do it?
    Thanks in advance for your suggestions

    Right-click on a zone empty of your desktop and choose personalize. When customization of the control panel applet opens, choose the color of the window (on the axis, below the pane). When the pane of the window color and appearance opens, click Advanced appearance settings (lower left corner of the pane).

    Now... with the Windows color and appearance of dialog box open, click on the white space of the Window Active (do not click the text in the window) or choose the command window of the point: in the drop-down list. Choose a color for 1 color:, e.g. Gray. Click apply at the bottom right and wait Windows 7 resets the graphic properties.

    If you now open Notepad, you'll have a gray window active. My IE follows suit, but only on a white page. Web designers in general choose the background image or color they want to view, and you will have to go into the options of the browser to replace those.

  • How to change the background color in photoshop CS6?

    Hello

    I tried to change the background color of Adobe photoshop cs6
    by default, I was on a black background, canany one help me.

    Thanks in advance

    You can use one of the fill methods to change the background color. (SHIFT + F5 is the fill command) The most common method is to use two shades just below the toolbar on the left side of the screen. Take a look at your keyboard to the right of the SPACEBAR are alt modifier two keys option and ctrl or command photo button left to sample on the left and right as the right nuance. Keep this button pressed and at the same time press the back button back. Your document or selection fill with this color swatch. Double click on each sample will bring up the color picker to choose a different color.

    If there are other objects on top of the background, and they are merged with the background, it will be necessary to select the background using the Selection tool in the toolbar before you fill the background with a color.

    I hope this helps, if not post a picture of your screen, then we can see what you're trying to do, and we can then give more advice.

  • How do I set the background of a JToggleButton using synth L &amp; F

    I can't paint the background of solid color.

    I can't find any documentation on this subject either.

    I managed to get an icon as the backdrop, but that's all.
    <style id="jToggleButtonIcons">
        <state>
            <color value="WHITE" type="TEXT_FOREGROUND" />
            <imageIcon id="playIcon" path="/etc/images/play-icon.png" />
            <property key="ToggleButton.icon" type="idref" value="playIcon" />
        </state>
        <state value="PRESSED">
            <imageIcon id="playIconPressed" path="/etc/images/play-icon-pressed.png" />
            <property key="ToggleButton.icon" type="idref" value="playIconPressed" />
            <property key="Button.textShiftOffset" type="integer" value="1" />
        </state>
        <state value="SELECTED">
            <imageIcon id="playIconSelected" path="/etc/images/play-icon-pressed.png" />
            <property key="ToggleButton.icon" type="idref" value="playIconSelected" />
            <property key="Button.textShiftOffset" type="integer" value="1" />
        </state>
    </style>
    <bind style="jToggleButtonIcons" type="name" key="MyToggleButton" />
    Any help would be appreciated.
    Thank you

    HM, I don't know what you're doing really - but a guess is to make the background opaque?

    If your case is analogous to consider

    JLabel someLabel = new JLabel("Text");
    someLabel.setBackground(Color.GREEN);
    someLabel.setOpaque(true);
    
  • flattened draw without border and transparent background pixmap

    Dear members of the Forum,

    I am completely new to LabVIEW and use especially for graphic animations.  I want to build a multimedia graphic where parts are dynamic (i.e. they change from red to green to indicate stopped execution of State respectively).  Some graphics that I found that is a tank with level controls and I intend to use these but I need to draw my own graphics and make them animated.  Most will be two binary States (i.e. red green) simple changes.

    I found the 'Pixmap.vi flattened draw' and have used it to make a simple graphical change of two States (see attached vi).  The problem I have is that I don't want the border to be shown in the graphic image and I want to make the background transparent.  I've saved the file .jpg with transparent backgrounds but they come out with a white background.

    Can anyone provide some simple explanations and advice please.

    Concerning

    Bunnykins,

    Use the tool Palette. Go to the color tool. Click on the squares of color in the palette, and then assign the Foregraound and the background of transparent colors (white box with T top left when the color window is visible). Click the tool both on substance and on the border. Sometimes you may need to try several times on the border ge the exact position for the click.

    Note that this makes it difficult to find the control, so make sure it's in the position you want and as you like before you make it transparent size.

    Lynn

  • Change the background color of the banner in the theme of the APEX 25

    Hi guys,.

    I'm changing the background color of the banner in the theme of the APEX 25 (in white).

    Oracle.apex.com: Application Express 4.2.5.00.08

    Theme/UI: 25. Reactive blue

    Page template: A level Tabs - no side bar

    Using Internet Explorer 8
    I have created a sample in oracle.apex.com too, see below for credentials

    What I've done so far:

    1. create a file named orange.css with a single line:


    hgroup {background: white ;}}


    Downloaded this css file via:

    Components shared = > Cascading Style sheets

    2 then reference this CSS via the shared components = > templates = > edit the template Page = > a level Tabs - No. Sidebar = > definition = > header

    Added this line before the < / head > tag:

    < link rel = "stylesheet" href = "" #WORKSPACE_IMAGES #orange.css "type =" text/css">"

    Then changed:

    < h1 > < a href = "" #HOME_LINK # "id ="uLogo"> #LOGO # < /a > < / h1 >"

    VOX

    < hgroup > < a href = "" #HOME_LINK # "id ="uLogo"> #LOGO # < /a > < / hgroup >"

    Although the CSS works well, I have two questions:

    1. the sides of the banner are blue instead of white

    2. the disconnect next to the user name button is hidden and only appears when you browse on

    Does anyone know how to solve these problems?

    Here is a link with the model of the application:

    https://Apex.Oracle.com/pls/Apex/f?p=4500:1000:115959518208631

    Workspace: ORANGE

    User: guest

    Password: 01range

    My email: [email protected]

    Much appreciated!

    Jeroen van Meenen wrote:

    Then changed:

    VOX

    You should not use hgroup here. Leave that as a h1 element.

    • hgrouphas been removed from the W3C HTML specification.
    • With the help of hgroup of this way is non-compliant because it does not contain at least one child h1-h6 element.

    Although the CSS works well, I have two questions:

    1. the sides of the banner are blue instead of white

    The original blue background of the theme is actually applied to the containing header element, not the h1 (or hgroup in your example), it is the rule that must be overridden:

    header#uHeader {
      background: #fff;
    }
    

    2. the disconnect next to the user name button is hidden and only appears when you browse on

    The link to logout of the theme is white to contrast with the original blue background. What should be replaced by a dark to be visible on the new white foreground color, and a contrasting hover appearance applied:

    div.userBlock a:link,
    div.userBlock a:visited {
      color: #004F7C;
    }
    div.userBlock a:hover {
      background-color: #b6ceed;
      color: #fff;
    }
    
  • addition of the background color or image to apex application

    Dear friends

    I'm developing an apex 4.1 application that has 4 pages.

    Now, I want to add the background or a background image on my pages.

    Is it possible to do this if so please tell me

    Concerning
    Paul

    When you change the definition template > header locate the line that looks like

    
    
    

    You put the background / bgclor in the body, before or after the #ONLOAD tag #, don't forget to leave a space before and after your code.

    If you want to put the color/image specific to a page then you the bgcolor or background =... =... in the field attribute Page HTML Body of the Page.

    However, it depends on the model you use as well. You may need to use the CSS Style for this, e.g.

    
    

    The above will make the green background color. In addition, your regions can block the color/image of a large part of the page...

    Kind regards

    Published by: Dominique 3 may 2012 10:30

  • Need help to change the background and more

    Hey everybody! This is my first post on this forum so excuse me if its not very good.

    Now, at school, we experience a realization project and I and my group want to impress the teacher really a lot of movies. We decided that our film will be defined on a boat on the way to the sink, and before it sinks you get to know the different families/people on the boat and how all this turns out to these families when the boat begins to sink. But the problem is that we don't have a boat. But I have after effects, and a normal size sheet that is completely blue, which can be used as a blue screen!

    I know how to chroma key easily, but some scenes are in need of a big blue screen we have
    So I spent a few hours now looking for a tutorial on how maybe change the background without anything like a blue screen , but I can't seem to find a good tutorial that helps me with what I want help with.

    E.g. one of our scenes are cars climbing on the boat and the blue screen is not big enough to cover the entire car and the Earth under our car is gravel, and I can't have that. So is there anyone here who knows a few videos on the internet that could help me, or a kind soul who could write me a text tutorial on how to do this?
    / Friendly, Axel.
    (btw I'm Swedish so excuse for bad spelling/grammar)

    There are many times when a green screen is not wide enough to cover all the material. You end up using a combination of green screen and Rotoscoping. In your car drive you to the boat example would position the blue screen before the blue screen was behind the windows of the car because that would be the most difficult parts of the car for Rotoscoping in hand. It would be easy enough to rotoscope the wheels and underside of the car.

    Take a look at this video from Lynda.com - a really great source after effects training. It will show you how the various masks are used to clean up a green screen when it does cover the whole.

    There was a lot of publicity for Singapore Airlines called Across the World who had an actress works continuously with a shot that she moved seamlessly from San Francisco to Paris to Venice and across transitions, she walked in front of a green screen that was just big enough to cover here head and shoulders because it is very difficult to rotoscoping hair and hands when they move. I took a quick glance for the behind the scenes video that was produced when they initially released the commercial but couldn't find the exact. If you look closely in this video, you will see people moving green screens around as she walks.

    This technique is still used on hit movies. Note here the green screen that does not hide the bottom of everything, just the parts that would be very difficult if not impossible to Rotoscoping.

  • How do you change the background color of an email header/footer page/set while creating an email template?

    See the topic. Thanks in advance!

    Hello

    Change the background color of the background of the browser:

    In the e-mail or the model, click on the Tools icon. Go the the last before icon (shown highlighted in light blue), and then click the fill color color to evoke the color wheel. Select your color it.

    You can also go to the (last) piece of Page tools icon and enter the background color.

    To change the background of the footer:

    Asset > library > Email Footer > Footer you want to change and use the same principles. You can do this in rich format or you can click on the Src button to switch to the source code and enter your color values here.

    Headers, well that would be everything depends on how you create your header. For me, they are all the graphics then I'd go to my source photoshop file, edit and re-upload a new jpg file.

    Hope this helps

  • Hello, I want to download a portrait on a TSHIRT. I selected the selected area appears on a mask. The of to jpeg when I download this TSHIRT, I have the white border and white background that appears. What I don't want I v

    Hi all

    I want to download a portrait on a TSHIRT. I selected the selected area that appears on a layer 1.

    I recorded this layer in jpeg

    But when I download this jpeg on the TSHIRT (site of the seller), I have the white border and white background that appears on my Tshirt.

    What I don't want, I want only the selected head... How do I do, please? Thanks for your help!

    JPEG does not allow for transparency and provides white where it appears in the saved file.

    Save a file which allows transparency (PSD, PNG. etc.)

  • looking answer why only the background image is visiable in preview and publish

    looking answer why only the background image is visiable in preview and publish

    Screen Shot 2015-07-07 at 10.22.03 AM.pngScreen Shot 2015-07-07 at 10.22.17 AM.png

    design                                                                                                                                                                           publish

    What is this code above the head? Appear to interfere with the rest of the code below.

  • Virtual directory in the background header image region does not

    I created a region of the head of the region that needs the background image to repeat vertical as horizontal, so that the class has been changed to include repeat them instead of horizontally.

    So I replaced class t20RegionHeader with this:

    {.t20RegionHeader}
    vertical-align: center;
    make-weight: normal;
    do-size: 9pt;
    make-weight: bold;
    color: #343434;
    background-image: url(/i/hdingBar-BG.gif);
    background-repeat: repeat;
    text-align: left;
    padding: 1px 8px;
    white-space: nowrap;
    border: 1px solid #a3bed8
    }

    I put "/ i /" in the url of the background image bacause I am referencing an image in the virtual directory, but it did not work. Help, please!

    I have it on APEX. ORACLE.COM:

    Workspace: RGWORK
    User: TESTER
    Password: test123
    Application: CreativeTest 41237
    Page: 11

    APEX: Application Express 4.0.2.00.07
    DB: Oracle 10.2.0.4

    Robert
    http://apexjscss.blogspot.com

    sect55 wrote:
    VC,

    Because the image itself does not exist on the specified path, this is the url that apex is trying to download the image http://apex.oracle.com/i/hdingBar-BG.gif
    
    Please make sure you specify the correct image path
    

    hdingBar-BG is an Oracle supplied image located in the folder of Oracle home\http10g\Apache\Apache\images\themes\theme_20 is why I reference with the image according to the Oracle documentation prefix determines the virtual path, the Web server uses to point to the images directory distributed with Application Builder.) -- /i/

    If your path should be present

    /i/themes/theme_20/hdingBar-BG.gif
    

    Check your application now

  • How to log on automatically to the apex and run a specific page / application

    Hi all.

    I would like to know if there is a way to connect automatically to the apex and run a specific page / application. I mean, invoke browser and necessary information for you connect (non-public user) and run a specific application (secure ina in if possible).

    Thanks in advance...!

    Hello

    Well, as a very crude test, you can set your authentication scheme being request Express authentication define specific users to Apex. Then, create one before the login process of header on the page of connection (101) to automatically open a session that contains:

    apex_authentication.login(
        p_username => :P101_USERNAME,
        p_password => :P101_PASSWORD );
    :P101_PASSWORD := NULL;
    

    conditional on P101_PASSWORD is not null.

    Then you can login using your username and password in the URL, for example

    f? p = YOURAPP:LOGIN:P101_USERNAME, P101_PASSWORD:username, password

    Rod West

Maybe you are looking for