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.

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

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

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

Changing background image of web-page

I'm having problems changing the background image on the web-page. I want to use a custom image (one which I own.) But when I use the Page Inspector function to change it - it only changes the bottom half of the page with my custom image. The top half is the original iWeb template. I've tried adjusting the page size numbers, but the image simply does not move up! What's up with that? How can I change the entire background of the page to use my custom image? I feel like it should be a lot easier than it seems.

The Darkroom is one theme that can't be user modified. You would be best served to create a blank page in the Darkroom theme, make a screenshot of the background w/o the spotlight in the center (a slice about 800 x 50 pixels would work well) and use it for the browser background in the Black theme so you get the white/light color navbar text.
Happy New Year

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

Safari doens't show background Image when sliding page left

I display a web page with a large-width photo (say 2000 pixels jpg file) & a repeat small background image in mobile Safari & the right part of photo is beyond the screen.
I touch & slide the page left to see right part but found there's no background image below the right part but only white blank background.
Does anyone know how to make Safari display the background image below the right part?

I display a web page with a large-width photo (say 2000 pixels jpg file) & a repeat small background image
Does this mean that the large photo IS the background and set to repeat via CSS or HTML? In this case Safari might cut off the image that is not within the viewable bounds of the web page for memory reasons. Just a thought.
Jason

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.

Color of background for comments in Pages

In Pages 09, the default color for all comments is a yellow background. Is it possible to change that? Could one have multiple comments that use different colors for backgrounds, so that it is easier to mach the comment in the side box with the marked words in the text of the document? If not, I think this would be a nice addition.

Found it by using the search function in this forum.
http://discussions.apple.com/thread.jspa?messageID=8848477

Background-image in login-page

Hi,
Can anyone tell me why I can't use relative path like "background-image: url(\css\images\pagehdr_bg.jpg)" in background image url in my login.jspx-form? Absolute path works, but as everyone knows, it's not good idea to use it. User authentication is handled by pluggable LoginModule and authentication is form-based (configured in web.xml). Is this some protection issue? How is it written url that is not absolute and works?
Thanks in advance
user457932

Hi,
did you set authorization to protect the root ? If in teh web.xml file you set the protected pattern to "/" then css is blocked until user is authorized. If you use *.jsp or *.jspx then CSS will work
Frank

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...

Adding a background image to every page.

Problem: I am attempting to add a company logo (.jpg) file to a multipage PDF document. I know I can add the logo as a stamp but I need the logo to be on every page in the same position and with the same size. I was hoping that using it as a watermark would be the answer but I can't seem to get it to work. It would be great to be able to add it in the header section but it is not an option either (so I think). Please let me know if there is any tricks I can learn to accomplish what I am seeking to do. I would be willing to upgrade to Acrobat Pro X if needed.
Background: I am running Mac OS X (10.6.7) and Adobe Pro 9. The issue I am running into involves a file in Microsoft Excel 2008 that contains multiple pages of spread sheets and charts/graphs. In Excel, I add the company logo to the header section and it shows up on all pages. When I go to print out the document some of the pages need to "Shrink to fit" and when they shrink so does the logo. Ok, take the logo out of those pages, done. Next, on the pages that have graphs and visual charts the logo appears on the computer but is hidden behind the visual graphic when you save as a PDF.
That said, I have a well functioning PDF but after saving from Excel only some of the pages have the company logo on them while the others do not. I need to have the logo on all pages in order to send as a digital version (company requires it). My only solution right now is to print out the pages (not containing company logo) on pre-printed paper containing the logo and then scan those pages back in digitally and add them back into my PDF document. Not only is this method time consuming but it also cuts up the PDF into a on OCRed type of PDF.
Can't wait to hear your replies on this one!
I really appreciate your help. Feel free to contact me directly or via the forum with any questions.
Best,
Brent
[email protected]

Boy that makes a lot of sense. There must be something up with my file in regards to adding a watermark. When I have my document open in Adobe Acrobat 9 and I try to add a watermark I receive the following error.
"An error was encountered while retrieving page content."
I open a different document that I don't care to add the watermark to and it opens fine. I think your answer to use watermarks is spot on. I need to see if Adobe Acrobat X will allow me to add a watermark to my file.
- Brent

Spry vertical menu button shows background color instead of image in preview

Hello All, I'm a newbie (to the forum and Dreamweaver) so my apologies if my question is not in good form. I've searched for this issue but cannot seem to find the exact problem I have.
I've created a website (my first) and used the spry menu bar. It works well using the default blue and grey colors for button and hover. However, I decided I want to spruce it up a little and change the buttons to use a background image (rainbow pattern) instead of background color. I internet researched this for some time and watched all the youtube videos people have posted for this process and editing the spry vertical menu bar CSS. Using the .a and hover lines from the CSS, I was able to add my background .jpg image file. In the design view, the button look exactly how I want them to. However, when I attempt to preview in IE, Chrome, or FF, the buttons still have the default colors and no image. I've gone back and deleted the default blue and grey, but then the preview just shows dark grey and white for the buttoms. is there something that I am overlooking that would cause the background color to show instead of the image I have attached to the buttons. I can't figure out why it looks right in DW but not in preview.
BTW, I'm editing a template file and all the pages are updated with the new image buttons, but none of the pages show correctly in preview.
Thanks

Point taken :-)
This is my spry vertical css code. No sub-menus.
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
border: 1px solid #CCC;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;
font-weight: bold;
background-image: url(/Images/Rainbow_Button.jpg);
background-color: ;
background-repeat: no-repeat;
background-position: center;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
background-color: #666666;
color: #333333;
background-image: url(/Images/Rainbow_Button_Hover.jpg);
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
background-color: #0000FF;
color: #FFF;

Creating business cards in Pages with background image

I am trying to use the Pages business card template and background image function of pages to create a business card that has an image on every business card on the sheet. I can't seem to find out how to do that. Can anyone help?
Thanks,
Jim

Here is the basic method of having white text on a colored background: Insert a shape. While selected go to the Graphic Inspector and select a Fill color. Re-proportion the shape as needed. Insert a text box (or boxes) and type your text. Drag it (them) over the shape and change the color of the text to white (or any other color you desire). Select all and group. Duplicate as needed. Apply this procedure to your business cards or anywhere else.
Another method for applying a colored background to a text box: select the text box and Fill it from the Graphics Inspector and adjust the Inset Margin in the Text Inspector.
Wal

CSS for background image not transfering from template to new page

I have a gradient .gif in my templates which suddenly no longer transfers from the template to a new page created from the template. Everything else about the template transfers. I'm using Dreamweaver CS5 on a Mac running OS 10.6. I've pasted the CSS from the template and the new page below. I've tried the usual voodoo--restart program, restart computer, repair permissions, delete preference file, delete personal configuration file.
CSS from Template:
.container {
    background-color: #ececec;
    background-image: url(../images/faux_column.png);
    background-repeat: repeat-y;
    height: 650px;
    width: 650px;
CSS from page created from Template looks to be the same, but is greyed out in the code, and the background-image entry is not present in the CSS styles inspector:
.container {
    background-color: #ececec;
    background-image: url(../images/faux_column.png);
    background-repeat: repeat-y;
    height: 650px;
    width: 650px;
Any suggestions greatly appreciated.

Unfortunately, I don't yet have a site where I can post the page. I'm new to this, and doing everything locally for now.
After careful rechecking, I found that the links for the template and the child were not the same, as you suspected. So I carefully changed the links to site root relative, which worked for the background CSS in my test image. I then did the same for all of the links to pages on my site, and checked that all were OK with Link Checker in DW. I guess that was a mistake, because now most of them don't work when tested in Firefox--I get the message File not found. Must be doing something wrong.

Color or background image of a page

Similar Messages

Maybe you are looking for