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

Similar Messages

How to change background images in s:application

hello!
i want to make a webside by flex4 as this web http://www.templatemonster.com/flash-cms-templates/29930.html
But i don't know how to make change background images by click and make sound when load page.
Can u help me ,please. sorry i write E not well.
Thanks so much
BUI THI PHUONG THANH- FROM VIETNAM

Hi,
please create a sink for your application inside that put your image.And apply that skin to your application on any click.
Below is the code.
Main Application
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/halo" xmlns:mx1="library://ns.adobe.com/flex/mx">
    <fx:Script>
        <![CDATA[
            protected function btn_click(evt:MouseEvent):void {
                this.setStyle("skinClass", MySkinClass);
        ]]>
    </fx:Script>
    <s:Button label="Change BackGroundImage" click="btn_click(event);"/>
</s:Application>
MySkinClass
<?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/mx">
    
    <fx:Metadata>
        [HostComponent("spark.components.supportClasses.SkinnableComponent")]
    </fx:Metadata>
    <s:states>
        <s:State name="normal" />
        <s:State name="disabled" />
    </s:states>
    <s:BitmapImage source="@Embed('image1.jpg')" smooth="true" left="0" right="0" top="0" bottom="0" />
</s:Skin>
with Regards,
Shardul Singh Bartwal

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

How to get the full image directory when i upload the image to web page???

hai, how to get the full image directory when i upload the image to web page???
here is the example:
<form action="uploadfile.jsp" method="post">
image<input type="file" name="image" />
<input type="submit" value="submit"/>
<%
String s=request.getParameter("image");
%>
<%=s%>
</form>
i upload the image from C:\image\center.gif. i use request.getParameter just can get the image name like "center.gif". Can anybody help me how to get the full path name. Thanks a lot..

There is no need to get the path. It is also fairly pointless as the server cannot access the client's local file system.
Carefully read this article how you can upload files the right way: http://balusc.blogspot.com/2007/11/multipartfilter.html

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 change background image in existing template?

Hi
Current website needs overall change in background image which is already set in template. Is there anyone who knows how to change background image in existing templates?

Make a friend with firebug & you could find yourself from where it is getting applied.
For the website you have given the background image it is using is [1] and it is getting set in css of body tag [2]. So Find the css at [3] and modify it OR replace [1] with other image with same file name.
[1]   www.hanwha.com/etc/designs/hanwha/images/bg-body.jpg
[2]
body {
    background: url("images/bg-body.jpg") repeat-x scroll 50% 0 #FFFFFF;
    color: #757373;
    font: 14px/18px Arial,Verdana,Helvetica,sans-serif;
    margin: 0;
    min-width: 979px;
[3]
/etc/designs/hanwha/...../*.css

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

How to place SVG image in web page?

Attempting to use an SVG image for first time, saved out of
Illustrator CS3. When I try to place it on a web page in
Dreamweaver CS3, .svg file is greyed out. Dragging it onto page in
design view just makes a text link to the image, that has to be
clicked to display the SVG. What I really want to do is use SVG
file as a background image (800 x 600 px) that scales to fill
browser window - is that possible?
System: Mac OS X 10.4.11

There is no reliable way to size an 800 x 600 background
image up or down
according to viewport size. You could center the page. Thus
your BG image
would move to center with page color appearing on either side
on wider
displays.
800 x 600 background image is quite large by web standards.
Most web
designers prefer to use small images or slices and then tile
or repeat them
horizontally and/or vertically.
Examples here:
http://alt-web.com/Backgrounds.shtml
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"driprint" <[email protected]> wrote in
message
news:fsk89k$e83$[email protected]..
> Attempting to use an SVG image for first time, saved out
of Illustrator
CS3.
> When I try to place it on a web page in Dreamweaver CS3,
.svg file is
greyed
> out. Dragging it onto page in design view just makes a
text link to the
image,
> that has to be clicked to display the SVG. What I really
want to do is use
SVG
> file as a background image (800 x 600 px) that scales to
fill browser
window -
> is that possible?
> System: Mac OS X 10.4.11
>
>
>

Changing background Image of a DIV on RO

I am trying to figure out how to change the background image of a div upn Roll-Over (RO) from the users mouse.
My search thus far has led me to javascript, but if any other ideas/method are known, i have no preference for any language.
I have a horizontal menu w/ 3 divs and a single word centered inside each div. I wish to use each of these divs as buttons w/ RO effects.
To do this i wanted to try and make it so upon roll,over the bg would be replaced with a modified version of the normal bg of the div's.
css rules did not work, and i am trying JS now.
Here are some snippets of code that i have writtin and made from sources i have found online but it still does not appear to work when i test in Firefox.
Here is the addition to the <HEAD> part of my html page.
<script src="../quirksmode.js"></script>
<script type="text/javascript">
     function mouseover(id)
     document.getElementById(id).style.background="url('/images/objects/optionsBarADark.png') no-repeat";
     function mouseout(id)
     document.getElementById(id).style.background="url('/images/objects/optionsBarA.png') no-repeat";
</script>
and here is the code in the html page which is supposed to make the rollover casue the bg to change. (note that i have not added links to the text in the center of the divs yet)
     <div id="middleWrapper">     
         <div id="contentMenu">          
             <img class="contentMenuDividers" src="images/objects/optionsBarA.png" width="4" height="28" alt="option bar" /> 
            <div class="contentMenuButtons" id="theID1" onmouseover="mouseover(theID1)" onmouseout="mouseout(theID1)">
                 <h1 class="contentMenuHeaders">projects</h1>
            </div>
            <img class="contentMenuDividers" src="images/objects/optionsBarA.png" width="4" height="28" alt="option bar" /> 
        <div class="contentMenuButtons" id="theID2" onMouseOver="changeHeader(theID2,'1');" onMouseOut="changeHeader(theID2,'2');">
                 <h1 class="contentMenuHeaders">catalog</h1>
          </div>
            <img class="contentMenuDividers" src="images/objects/optionsBarA.png" width="4" height="28" alt="option bar" /> 
            <div class="contentMenuButtons" id="theID3" onMouseOver="changeHeader(theID3,'1');" onMouseOut="changeHeader(theID3,'2');">
                 <h1 class="contentMenuHeaders">featured*</h1>
            </div>
            <img class="contentMenuDividers" src="images/objects/optionsBarA.png" width="4" height="28" alt="option bar" /> 
        </div>
and here is some css for the affected class. the a, and a:hover rules are left-over from when i had the text linked.
.contentMenuButtons {
     float: left;
     height: 28px;
     width: 308px;
     background-image: url(../images/objects/optionsBarA.png);
     background-repeat: no-repeat;
     text-align: center;
     line-height: 27px;
.contentMenuButtons a {
     color: #F9FBFB;
     text-decoration: none;
.contentMenuButtons a:hover {
     color: #F9FBFB;
     text-decoration: none;
if you need anything else from the code let me know, but this is everything i have added to try and get this to work.
Any ideas?

I agre with SnakEyez :-)
Your method seems to be the long way of doing a simple roll-over menu.
Lots of examples here as well:
Basic css menus: horizontal / vertical:
http://css.maxdesign.com.au/listamatic/index.htm

How can I restore sliced image from web page?

http://www.jimmyrea.com
This website was created several years back with Fireworks and Dreamweaver. The client wants to have some changes done, but wants to keep it pretty much as it is and they don't have much of a budget to work with. Is there any way that I could restore the FW image png file from the web page? The original png was lost. Any assistance would be greatly appreciated.

This may seem like closing the barn door after the cows have gone, but it's very important to keep your native project files on an external drive or in a zipped folder on your remote server in case you ever need them again.
If you use Firefox. Right click > Page Info > Media. You will see a list of image files used on the page. It may take some doing to reconstruct your Native Fireworks comp from these slices, though. Depending on what needs to be changed, content vs cosmetic, you might be able to squeak by just editing a few slices.
I would probably want to ditch the MM image rollover menus in favor of an easier to maintain CSS styled list menu. Too bad the client can't afford a site wide re-design.
Several FREE CSS menu systems here.
CSS Express Drop-Down Menus (tutorial)
http://www.projectseven.com/tutorials/navigation/auto_hide/
CSS Tab Designer creates 60+ CSS Styled Button and Tab Menus (download)
http://www.highdots.com/css-tab-designer/
List-O-Rama (DW Extension)
http://www.dmxzone.com/go?5618
CSS Menu Maker (On-Line Menu Generator)
http://www.cssmenumaker.com/
Pop-Menu Magic2 by PVII (DW extension purchase)
http://www.projectseven.com/products/menusystems/pmm2/index.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

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

Can't get javascript to change movie playing in web page

I'm very new to web page development and scripting, so please bear with me. This is a test page I'm trying to get to work. Eventually there will be several images of different videos, and I want the different videos to play in one player, depending on which one is clicked on. This is the page: I have tried this on both Windows 7 Home Premium at home and Windows XP Professional SP 3 at work. All the links work except the crucial one, which is supposed to change the movie. I would appreciate any help you can give, and can supply any other information that will be helpful. Thanks!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script src="script/AC_QuickTime.js" language="javascript" type="text/javascript"> </script> 
<script language="javascript" type="text/javascript">
var movie1name='video/movie1.mp4';
var movie2name='video/mei/movie2.mp4';
function playMovie2()
document.getElementById('movie1').SetURL(movie2name);
function getMovie()
mov=document.getElementById("movie1");
s=mov.GetURL();
alert("Movie URL = " + s);
</script>
</head>
<body>
<object CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab" WIDTH="640" HEIGHT="370" id="movie1">
<PARAM NAME="src" VALUE="video/mei/hiv-aidspreventiononhbcucampuses.mp4" />
<PARAM NAME="autoplay" VALUE="true" />
<PARAM name="CONTROLLER" value="true" />
<param name="enablejavascript" value="true" />
<param name="scale' value="aspect" />
<EMBED SRC="video/mei/hiv-aidspreventiononhbcucampuses.mp4" TYPE="image/x-macpaint"
PLUGINSPAGE="http://www.apple.com/quicktime/download" WIDTH="640" HEIGHT="370" AUTOPLAY="true" controller="true" id="movie1"></EMBED>
</object>
Play 2nd video
Get movie URL
Play movie
Stop movie
Rewind movie

</body>
</html>

Steps to remove iMesh as your homepage:<BR>
# In the address bar, type '''about:config''' and press Enter.
# In the '''Filter''' textbox at the top, type: '''keyword.URL'''
# You will be presented with the entry for keyword.URL
# Double-click on it, delete the string and press OK.
# Exit from Firefox.
Next, you need to set the desired website as your homepage. Open Firefox and follow the instructions given in this article: [[How to set the home page]].

Can't change background image

Hi guys
I am using NWBC for desktop 4.0 and can open transaction UI5/THEME_DESIGNER and all is great.
2 issues though
1. when i navigate top my index page (as a copy of sap corbu) i click on background image and I get the popup with the 2 squares (one for + image and one for 'No Image' I drag a gif or a jpg file to the + square and I get error "File Reader undefined"
2. I can change the background colour, text colour etc and save as draft and then publish - the publish seems to work (get green tick and sucess message) and then i enter THEME_NAME in the NAME field of table NWBC_CFG and then in the VALUE field I enter Copyofsap_corbu (which is the THEME_ID i see on the publish popup but on restarting I don't see any background colour change or anything.
Am i missing something here ???
Many thansk in advance

Dear Silvia,
That note released just 1 month before I think. And that solved my problem.
Actually there are some other notes also we implemented prior to this note.
Here I will copy paste some imp conversation from SAP Support Team. Hope it helps to you.
"we strongly recommend to implement the latest notes for the UI theme
designer, please see SAP Note 1852401.
In your system the version 1.2.0 of Theme Designer should be updated
to version 1.2.2 . Please implement the Note 2010406.
After implementation of the note, please try again to load NWBC
Previews."
"As I thought the NWBC previews pages have a small issue which was
corrected in SP09 ( your system is currently on SP08 -
SAPK-74008INSAPUI). For this reason the parameters for NWBC pages
could not be loaded in theme designer and you see quick and expert as
empty."
"please apply note 1986795 once it is released. This should fix your
issue."
"I found the weak part in the code that is responsible for truncating
the theme data and created a correection for that. SAP note: 2051350
Please import this note into your system and then rerun your scenario.
If this does not solve the scenario please feel free to reopen this
message."
" update the note 2051350 and added the manual activity of
creating a data type in transaction SE11 according to the screenshot
that you attached."
"Please download the note in its new version 2, process the manual
activity, and then import the automatic code correction of the note."
"could you please implement the note 1990723 into your system and
retest it again.
If you still should experience problems re-open this message."
"We try to find a problem and give you a solution asap, but in your
scenario are involved more as one software component ( ABAP, SAPUI5,
ThemeDesigenr, NWBC, etc.) which should coordinated and works
together. Moreover the individual setting in your system bring more
complexity what needs a time. Sorry for that.
The problem for a now is obviously somewhere in HTTP Configuration,
instead of cache token the system send in a background the logon page
(see attachment).
And I would like to ask you to implement again one note 2021480."
0001036616   Netviewer support sessions
0001852401   UI Theme Designer for SAP NetWeaver AS ABAP (main SAP Note)
0001986795   Use Company Logo in NWBC from Theme
0001990723   ABAP method call /UI5/CL_THEME_UTIL=>SEND_GET_TO_SAME_HOST() takes very long
0002010406   UI theme designer for ABAP: Version 1.2.2
0002021480   Start of Fiori Launchpad or NWBC takes very long when using a custom theme
0002051350   NWBC configuration: Theme parameter is truncated
Regards,
Namsheed.

How Can I Capture Images from Web Page

When I use Create PDF from Web Page, Acrobat downloads all the text and backgrounds and everything else except the images / photos. Instaed of the photos I only get hypertext links to those photos. I have tried every setting I could find to no avail. What am I missing?
Cheers, Murray

Hi
You can try robolab for Labview, too. Its multimedia vis will run in Lv6.1 and USB webcam
Search these forums for link.
Cheers
Alipio
"Qod natura non dat, Salmantica non praestat"

Changing background image of web-page

Similar Messages

Maybe you are looking for