Background image for entire page

dear sir,
hectic day for me. I thought i am going to spend few more slieepless night. Forum releived a lot. Last doubt for a day is how to fix transparaent or glazed images as page-background or region back-ground.
yours
dr.s.raghunathan

Using CSS:
body {
background: url(/i/logo.gif) fixed no-repeat center center;
}or
#region-static-id {
background: url(/i/logo.gif) fixed no-repeat center center;
with 'center center' replaced by any other positioning required...

Similar Messages

Background Image for a Page

Hi All,
How to have a background image for a Portalpage? As Portlets are on the top of page,setting image in the Portal Style does not help.
What's the wworkaround?
Thanx

I know,I can set the background image in the Page Template but in that case Portlets do not take that image as a background.Then It looks very awkward.
How to solve this? Anybody at Oracle.
Thanx

How to use background image for a page that work in Netscape..???

Hi there
Is there anyway around to use background image for a portal page that works well with netscape.
As I have used that but in coming in Netscape.
thanks
Rakesh

1) You post questions in the wrong forum. (As you title says this is a Swing question).
2) Not once in your last 10 postings have you ever bothered to reply to a posting to thank people for the help you have received.
I seriously doubt you well ever get answers in the future.

Customizing firefox ... set my own background image for all pages I open in Internet.

The idea is in using my own *.css file as primary for all sites, i open in firefox (or just my own background image). So that this image replaces the background for all sites I open in Internet.
Maybe there is a file available in firefox 17.1 for this (maybe UserContent.css).
Thanks a lot.

Yes, you can use userContent.css for this, but it's simpler to use the Stylish extension instead.
* http://kb.mozillazine.org/UserContent.css
* https://addons.mozilla.org/firefox/addon/stylish/
You would then use something like this:
<pre><nowiki>@-moz-document url-prefix("http://"), url-prefix("https://") {
body {
background: url("file:///C:/My%20Pictures/Wallpaper/image.jpg") !important;
color: black !important;
*:not(body):not(input):not(textarea):not(button) {
background: transparent !important;
color: inherit !important;
/* Unvisited link */
a:link {
color: blueviolet !important;
/* Visited link */
a:visited {
color: indigo !important;
/* Link with the mouse cursor over it */
a:hover {
color: lightblue !important;
/* Clicked link */
a:active {
color: red !important;
}</nowiki></pre>
* To get the path of the image to use as the background, open it in Firefox and copy the URL from the address bar. Otherwise, keep in mind the protocol is file:/// that spaces must be replaced with %20 and that forward slashes must be used instead of backslashes (the latter is what Windows Explorer uses).
* Remember to define appropriate colors for text and links, otherwise they will end up unreadable against your background image.
* Even so, you can expect uneven results. Take this page for instance. “Post reply” isn't an actual button, but a link element styled to look like a button. There's no way to change these on all sites; they must be styled on a case-by-case basis. Another issue are images (e.g. the [https://support.cdn.mozilla.net/media/img/mozilla-support.png mozilla support] graphic here), which might end up unviewable against your background image.
* If you need help writing CSS, see https://developer.mozilla.org/en-US/learn/css or http://forum.userstyles.org

Color or background image of a page

Hi all.
We want to have multiple pages with different color or background image in our portal.
Via the theme editor it is possible to assign either a color or an image on the background of the portal body but that only gives us one look to choose from.
We have tried creating our own page layout with a specific background image but it does not work through the portal (it works fine doing a preview of the page though).
Has any of you had the same challenge wanting different backgrounds on the portal pages and found a usable solution?
PS!
Portal version is EP6 NW04 SP12.
Thanks in advance.
Søren

I think what you want is a nice clean strip that runs the width of the page that you can place tabs on top of. To give it a really professional look. We wanted the same effect but there is no easy way. I ended up making a background image for the page with a small stripe about an 1" from the top of the page that ran the width of the page. Then when the page is rendered, the tabs appear on top of the strip. That was our workaround.

How to change background image for each individual page in a template?

I've been working for hours to try to figure out how to change the background image for each individual page in a template. I have tried making a div in the body and adding a CSS and setting a background picture. Unfortunately even after I made it editable all templated webpages changed. I tried looking at different forum results which didn't really help me out. http://forums.adobe.com/message/2670005#2670005#2670005. I've also tried embeding a CSS style on the webpage instead of the external CSS which again didn't work. I'm not sure where to go from here. Is there a good video that explains this clearly. Please help. Thanks.

Adjust inline styles to suit your needs.
<li><a tabindex="-1" href="giving/index.html" class="MenuBarItemSubmenu" style="background:none; color:#FFF; background: #000;">GIVING</a>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Background image for PanelDashboard

Hi ,
I am using Jdeveloper 11.1.1.7.
I have one PanelDashboard in my page I need show one background image for that Dash Board.
The image is very small so It showing multiple times entirely occupy the page.So I I try with below CSS codes but now the image is not showing.
I want to show the image only once and the also exact place.
+.backgroundImage+
+{+
position: absolute;
background-image: url("../img/sampleImage.png");
background-repeat: no-repeat;
z-index: 1;
margin: 0.0pt ;
+}+
Thanks,
Arun D.

Hi,
actually I would use skinning for this and reference the panel dashboard skin selector. You also need to set the panelBoxes contained in the dash board to have opaque background as otherwise they will overlay your background image
Frank

How to create a background image for each item in a List object

Hello.
I am trying to create a background image that displays whenever a user posts something to a list. For example when a user posts text it would appear in a list. The new item in the list would contain a specific background image with the users text appearing on top of the background image. I do not want a background image for the entire list, rather each item within the list.
I am not sure how clear this is so I added an image below. When a user enters text in and clicks the "post-it" button their text would appear below with the sticky note background.
I am not sure which list type would be best for this problem or how to create insert the image, so I am open to suggestions.
Thank you for your help. Any advice or guidance will be greatly appreciated!

Hi
the easiest way would be with itemRenderer.
You have to do two things:
1. In your list declaration use a item renderer: <mx:List itemRenderer="myRenderer"/>
2. create a flex component myRenderer that will be the single item. This can be a canvas with a background image and a text field on it.
When you add a new item to the list, a new myRenderer item will be created and the data property will be passed to it. So you have to put "data" in your textField.
If you need more help try looking at Tour de Flex samples, they're pretty easy.
Andrei

How to put a background image in coldfusion page?

Hi all,
I have created number of coldfusion pages,i would like to have a background image for them either unique or different images.
So i have created a style.css and added a line for background image like
                    background-image: url(/images/nature.jpg);
But it doesn't works.
Even i tried this by giving in head section of all my cfm pages but it doesn't work.
Also i have used
<head>
     <style type="text/css">
          html {overflow-y:hidden;}
          body {overflow-y:auto;}
          #page-background {position:absolute; z-index:-1;}
          #content {position:static;padding:10px;}
     </style>
</head>
<body>
     <div id="page-background"><img src="images/sri.jpg" alt="Smile"></div>
         <div id="content">
              This is body content
         </div>
</body>
but the alt value 'smile' only appearing not the image.
I'm working on CFBuilder.
Both firefox and IE not displaying the image
Any help appreciated,
Chandru P

The fact that this is in a CF template is neither here nor there (other than the caveat about # as the other person said).
All CF does is generate mark-up. The mark-up is sent to the browser, and the browser renders it. So if your browser isn't rendering your image assets, it's because it can't find them.
I suspect your URLs are wrong. Are you getting 404s for the image URLs?
One thing to bear in mind is that URLs to resources are not relative to the CFM template they're in, they're relative to the URL the client requested, which are not necessarily (indeed very infrequently ~) the same.
Adam

Setting background image for repeating frame in .pdf report

Is it possible to set a background image for a repeating frame, and more specifically for a repeating frame rendered in .pdf?
I do not see any standard property in the navigator for images of any sort and the documentation touches only on setting background images for graphs, which is not the intent in my case. I -did- add an HTML table property background="myimage.jpg" but the report is ultimately generated in .pdf format and I was not surprised to see that the image was not rendered.
Does anyone know if setting a background image as described is even possible, and if so, how? A second but less optimum solution would be setting the image as the background for all report pages, again in .pdf.
Many thanks.

Hi Raj,
Yes you can have an image in the background. Thats possible if you are using XML forms as an iview or ivew dev in WebDynpro...
Also check this [link|regarding background color change in iview]
Regards,
Piyush
Reward points if this helps!!!

Background image for my portlet.

i have set a image for page background .
but i want the same image for all portlets is it possible to do?
if yes how to achive this?
and where shud i keep all my images?
i mean what is the path for images in portal.
really need help.
waiting
chaitali

Create a template.
Set that Image as background image for that template.
Use this template.
Keep the image in some shared dictory
e.g.
/image

Background images for a portlet

Hi,
Is it possble to have a background image for a portlet only, In particular I need to include the login portlet in a region but have the background of the portlet based on an image file.
Thanks in advance,
Brandon

Hello Benny,
The portal layout is done in portalcontent.jsp and portlet.jsp. The
homepage for exampleportal is portal.jsp, which does a dynamic include of
the portalcontent.jsp page. The portalcontent.jsp page loops through an
array of Portlets and includes them with an HTML table that uses a dynamic
include for each portlet by doing a <jsp:include> with portlet.jsp. There
is another HTML table in portlet.jsp.
All of this is just HTML, so it should not be difficult to customize
it. You could use WLPS to create a "backgroundImage" property for each
user or group and then use the <um:getproperty> tag to get the value when
displaying the portal. Maybe you could set "backgroundImage" to
images/wallpaper.gif for your user's group and then you could use the
<um:getproperty> tag to get this value in your JSP page. Then you could do
something like this in your HTML table in a JSP page that extends JspBase
(or PortalJspBase):
<%
String backgroundURL = fixupRelativeURL(backgroundImageValue);
%>
<table background="<%= backgroundURL %>" ...
Ture Hoefner
BEA Systems, Inc.
2590 Pearl St.
Suite 110
Boulder, CO 80302
www.bea.com

Trying to put a background Image to a Page no-repeat top left failed.

Trying to take advantage of the great work at CSS Zen Garden [ http://www.csszengarden.com/ ] yes is more than 1000 CSS Templates that can be used in a very good looking sites, my first attemt was to put a simple background Image in the page.
On Page Atributes: Page HTML Body Attribute.
<b> style="background-image:url(http://csszengarden.com//001/zen-bg.jpg);" </b>
Works great. repeat the image all over the page, now just need to do it once.
<b> style="background-image:url(http://csszengarden.com//001/zen-bg.jpg) no-repeat top left;" </b>
That did not work =( - Any advise !!!
I realize later that APEX build Tables / Regions. That means we can take advantage of the CSS Zen Garden templates to build rich website, we must stick with the Default Themes or create a new ones. That is ok, perhaps is a good opportunity for launch some project to create APEX Themes usable to change quickly the look & feel of our pages.
Regards Dino.
www.htmldbhosting.com

Hello, Dino
Does this happen with Firefox ??
With FF you have to write that :
style="background-image:url(http://csszengarden.com//001/zen-bg.jpg); background-position: top left; background-repeat:no-repeat;"
And it will work (with FF)
Mike

Need to create a background image for Joomla

I need to create a custom background image for a Joomla site.
Can anyone offer a simple tutorial on the steps I need to take to create the image?
Thanks

Okay. The image has a gold gradient from top to bottom, but the text repeats in smaller blocks.
First, you need a tiling image of some text, on a transparent background. Then, this image needs to be added as a pattern in Fireworks.
Next, you get to use your new pattern. In your document, create a tall rectangle with a vertical gradient. Make this image the same width as your tiling pattern, so that your resulting background image will also tile. Over that you put a rectangle with no color fill, but fill it with the text pattern. Save this working Fireworks document, then export to use on the Web.
I don't understand the phrase "I need to know how to size the image, possibly with CSS." Background images are the size they are. When this image is set to be the background, then it should be specified to repeat in the horizontal direction (repeat-x).
Here's some info on making a seamless tile:
http://forums.adobe.com/message/2384441
Using patterns:
http://www.entheosweb.com/fireworks/patterns.asp
There have been some recent threads on using gradients, just flip back a page or two (unless my mind's playing tricks on me and they're older).
Hmm... Possibly helpful:
http://spectrum.troy.edu/~techtip/classes/tutorials/fireworks/fw2004/gradient/gradient.htm

How can I use a JPEG file as a background image for my vi in 8.5

Im working on a vi that I plan on using as part of an alarm system. I would like to use a JPEG file of my house as a background image for the vi, or possibly to just be displayed in a window on the control panel. I have seen people use their own images before, but never looked at what this involved.
Im trying to use the "read JPEG file" vi and the "draw flattened pixmap" vi to accomplish this. The vi does run, but nothing shows on the front panel. If I try to create an indicator from the "new picture" output of the "draw flattened pixmap" vi, I get an empty white window on the front panel.
Any advice?
Thanks
Solved!
Go to Solution.

Guruthilak wrote:
the earlier vi (using the JPEG) works fine. just increase the size of the picture control
I figured this was the problem. And to the OP, I'm glad a bitmap worked, but no I didn't mean use any sort of LabVIEW programming at all. I meant open your image in Microsoft Paint, Press ctrl+A to select the whole thing. Then copy the image to the clipboard. Now select your front panel and press ctrl + v to paste it. No programming needed and the image is there. However, if you want to programmatically change it, you will need a picture control.
CLA, LabVIEW Versions 2010-2013

Background image for entire page

Similar Messages

Maybe you are looking for