Replace the background image of the disc Menus

Hello

My current project is set to PAL HD 1920 x 1080.

As a base, I used the slideshow HD disc menu template.

In the main menu, I've traveled to a still image to replace the background and selected a picture size 1920 x 1080 pixels.

The new background appears but does NOT fill the frame (on the left and right side bars). Looking at the picture, it appears that the image was squashed horizontally (not as wide as it should). Items I cannot enlarge the picture.

I tried to create DVDs and HD content, all menus have bars on the side.

Why?

I see the behavior that you're talking about here. Not sure of the exact cause immediately, be we study in it. For now, your method to open the PSD file which is the basis for the menu and add your picture as background should work just fine. Just make sure you're not add all the layers and maintain structures and layer names. That means that copying using merge down from the menu and your new image, which will be in its own layer, move this layer just above the layer "background" layer (Command / Ctrl + E).

Tags: Premiere

Similar Questions

Using tracing image, and then replacing with background image

I am very new to Dreamweaver and am trying to put together a very simple site.
I use image tracing for the mode of disposal table - and it am followed exactly. However, when I put it off to test it in my browser,
nothing aligns how it shows in my work environment.
Am I missing something obvious 'very '? Thank you.

(1) never use the mode table layout. It's a terrible way to build web pages.

(2) no matter how hard you try, you can't make things stick to a large background image. It's like trying to nail Jell-o to a wall.

Have a look at the following tutorials. These will get on the right track.

Tables to CSS Web Design part 1-
http://www.Adobe.com/devnet/Dreamweaver/articles/table_to_css_pt1.html

Tables to CSS Web Design part 2-
http://www.Adobe.com/devnet/Dreamweaver/articles/table_to_css_pt2.html

Post back if you have problems.

Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
http://ALT-Web.com/
http://Twitter.com/ALTWEB
http://ALT-Web.blogspot.com

If Lightroom import parameters of the disc or replace the disc of the catalog settings

When the 'up' arrow key appears in a thumbnail and comes up with the message:
The metadata for one or more of these photos has been changed by another application. Lightroom import settings from disk or replace drive with the catalog settings?
What exactly means? This seems to happen every time I have to export an image in PS (CS5) and back to LR. What has changed exactly? Which settings are imported if I choose "import settings from disk."

I think it would be best to not think in terms of what LR 'applies' changes. Because LR stores the changes made in the catalog, the changes are "applied" to the image on export. I think that it would be preferable to use the term 'view' instead of 'apply '.

Then: when LR, you open a RAW image in PS the LR-changes made until then are displayed in PS and then "apply" when you save a PS (don't forget PS CS5 opens the RAW image).

If you do more edits in PS and save these, LR will display these changes - you will then notice on back of the PS, LR will be re - load the image. On 'Save' PS applies (and here the term 'applicable' is correct) the changes by writing them in the image file. LR reads the saved file and displays it with PS-changes.

But the LR catalog settings are still in the State of the point in time before you open the image in PS. It is so because PS writes the changes to the image file and not in the LR catalog. So now you have a set of changes in the LR catalog and another set of changes in the image file.

To describe it as ' a little 'too top' with the PS applied, changes but it really has not applied the "isn't making the case because LR 'applies' only to export. LR doing at this stage is read the image with PS-changes file and display the image accordingly.

But LR "feels" that what is displayed is not what is in the catalog online.

This is the conflict that Lr wants to solve by popping the message.

You say "if so, then you really would like to import settings from disk so that the file will be PS changes, right? "

Yes, if you wish that your changes-PS to replace your previous changes LR.

Now, I came to where I do not fixtures in PS that I can do in LR - and I do not fixtures in LR that PS is preferable to a workflow.

In practice: in PS, I do the cloning and also noise reduction when the LR - NR is not enough (for example in the noisy analyses).

I don't do any tonal or color adjustments to the PS because it is easier in Lr and gives me better results.

When the message appears, select 'Replace disk settings' - it keeps all Lr changes and does not overwrite the cloning.

WW

context menu overlaps the context menus of google apps

Since my update of 32.0.3 whenever I am in a web application, and I right click on the context menu of Firefox now overlaps in the application menu. I already tried making settings for disable and replace the contextual menus javascript is activated. When you restart what is the same thing. This setting on or off, made no difference. I disabled and deleted all the other modules. Cleared caches. I tried to remove Firefox and all the profiles, and then re - install and double check 'disable or replace context menu settings' associates. I installed FF in a new location after removing the FF and all profiles and associated modules. Nothing works. Applications in the browser with context menus are now useless because the lands of context FF on top of each menu menu. It drives me crazy. Will try to downgrade then.

Hmm, why isn't your job?

The only way I could get the context menu of Firefox to display front menu Google (with dom.event.contextmenu.enabled = true) had to click a second time after the Google menu appeared, or double-click-right the first time.

Autour experimentation, I discovered that I could erase the context menu of Firefox press and release the ALT key. As a temporary workaround works for you?

Replace the HARD drive in the new Pavilion Elite HPE-180 t.

I'm not a professional computer, but after 30 years of use, the upgrade and repair PC home and the office, I'm embarrassed to post this thread - but here goes. I took delivery of a few days ago the new highest indicated HP computer model in the topic of this thread. The new computer is beautiful and everything worked perfectly from the start. I decided after a few days to check, everything was fine and proceeded to a few pieces of hardware to transfer from my old Dell (a fairly new 1 t WD SATA HDD on which coied got a lot of data from the former count and a new BD/DVD ROM SATA optical drive). Everything was fine once I figured out how to get these two drives in the enclosure waterproof on the new computer, but all reconnecting the SATA cable on the main came with the computer HARD disk, I broke up some pins on the HARD drive that made it of course useless SATA port. I of course take full responsibility and do not wish to get involved with HP technical support to replace the disc - and frankly, I prefer not to put another HDD Seagate support because I prefer a 1 t Cavier Black SATA WD which I believe is one of the most reliable RESEARCH on the market right now, and I can buy it for around $200 instead of the $400 I uknderstand fresh HP for the same size of Seagate replacement.

Here's my question, can I just buy a new HDD WD and install it with my own final Win 7 x 64 without the HP recovery disks (they did not come with the new computer, and I had not yet created my own recovery disc). Frankly I'd rather have a completely clean install of my Win 7 OS without the HP partition and other HP software on the HARD disk. Is this possible or HP has some sort of identity with their software which must correspond with the BIOS or something like this? REALLY, I don't want to return the computer to HP to get called into service because I just started a small business that involves a lot of video editing and I can't be without the computer for weeks, while HP is concerned with him (I've read the horror stories about the high cost of the repairs and the long repair time but I do not wish to keep my warranty if possible).

HP Pavilion Elite HPE-180 t; 2.8 Ghz quad-core Intel i7 CPU; Intel x 58 chip; Win 7 64 bit ultimate OS. 12 G RAM;
1.8 NVIDIA GeForce GTX-260 G graphics card; HP w2338h HD widescreen LCD monitor

I have the same PC, only the model number has been changed. Yes, you can use your own license W7 and install it on another drive or a replacement drive. You can get the drivers from the HP site web support HPE-180 tfor your PC or other sources.

Some software manufacturers third HP is very useful, so you might want to consider ordering the HP recovery discs and make a full recovery to factory.

Impossible to get background images is displayed in the bar of menus spry published

I worked on this all day the problem started with the bullets, showing instead of the menu, once that was solved (thanks to awesome posters). the menus are now show, but are not the background images that I attached to it. Here's the URl and an image of what the rear images should look like. I appreciate your help
http://eappromotions.healthandperformancesolutions.NET

This is where your file SpryHorizontal12.css is looking for this image. It's 404 not found at this place (note the path):

http://eappromotions.healthandperformancesolutions.NET/eappromotions/EAP%20Promo%20Kit/htm l/images/top_nav_button.gif

In addition, don't not use spaces in file names and folder. It creates problems when the spaces are converted to % 20.

Nancy O.

replace the background color swatch images and logos...

Hiccups starting #2...
I am strugling to find a way to replace the white background of logos and images, leaving me with a white box around them instead of the background color. Is there a way to do this?
Thank you very much.

Easy, just use a clipping path, select your logo/image and go object > Clipping Path > edge detection!

Yes, don't work well?

Sorry, the best way is to make sure that your links have a transparent background in the first place. If they are Illustrator files or PDF make options appear when you place them, select transparent background. If the bitmaps be sure to use a clipping path is checked. If none of those who work, you'll probably make the background transparent yourself. I might try and tell you how to do for the most common file types, but if you say that the format of logos and images you place first it will speed up the whole lot...

Apex 42 5 theme image files in the list of the Navigation menus

Environment: Apex 5 / 12 c/Linux
Theme 42 - Menu Navigation
I'm trying to configure the Navigation Menu to use images in the directory of the East (or #WORKSPACE_IMAGE #) rather than the css fontawsome images. The help in the Navigation Menu panel shows that the option to use fontawsome css images or images of file system is controlled in the list template. However, I can find no documentation on how the template must be configured to control this option.
I copied the side Menu of Navigation list model with a new model (picture Menu in the side Navigation) and the Navigation Menu to use this new list (under User Interfaces). I tried various constructions in the new model based on the construction of li JQuery for example replace the HTML for the list template in the sense of: -.
"< li characteristics-current ="true"data-id =" "#A01 #" unable to read the data = "#A02 #" data-icon = "false" >
"< a href =" "#LINK #" title = "#A04 #" > < img src = "#IMAGE #" / > #TEXT_ESC_SC # < /a > < /li >
However this is made with a fake fontawesome class and the img tag is removed.
Various other html constructs fail, which suggests that a flag is somewhere that is needed to indicate to the Apex renderer to use images of filesystem rather than fontawesome classes. It doesn't seem to be a global setting or the option to configure this.
Any ideas? Or the development team would provide advice?
Thank you.

HI Paul,.

Have understood you things by yourself very well.

You are right that change the markup for the list to be used by widget tree side navigation will not affect the markup generated client side. It is similarly of the menu widget. The tree and the menu widgets are JavaScript data-driven. The markup simple list is just a way to let the models list APEX to create menus or trees. The markup simple list gets transformed into a JavaScript data which are then used to create widgets. The treeView widget and the widget menu cannot use the img tags to display icons.

Say that 5 APEX uses FontAwesome icons or even the icons of fonts is a little too specific. APEX 5 uses CSS to specify icons. This includes using images and CSS sprite images as long as they are specified in the CSS. Based on the options you give, I think that you understand the situation. In addition to background images 64 Basic, you can use other background images as well. For example, an image of the CSS sprite comes with jQuery UI, and is at your disposal. Or you can use a single image. You can create your own images to sprite.

Take a look at this simple demo application where I used some of the icons of the sprite CSS UI jQuery as well as some images from the APEX.

https://Apex.Oracle.com/pls/Apex/f?p=81996:1

I created a file called my_sprites.css and transferred as a static application file. Then I added it to the user interface of office under CSS files:

#APP_IMAGES #my_sprites.css

Here are its contents:
```
body .a-TreeView .ui-icon.fa,
body .a-TreeView .mi-icon.fa {
    display: inline-block;
    margin: 0 12px;
    vertical-align: middle;
    padding: 0;
    height: 16px;
    width: 16px;
}

body .a-TreeView .mi-icon.fa {
    height: 20px;
    width: 20px;
}

.t-TreeNav .a-TreeView-node--topLevel > .a-TreeView-content .ui-icon.fa,
.t-TreeNav .a-TreeView-node--topLevel > .a-TreeView-content .mi-icon.fa {
    display: inline-block;
    margin: 0 12px;
    vertical-align: middle;
    padding: 0;
    height: 16px;
    width: 16px;
}

.t-TreeNav .a-TreeView-node--topLevel > .a-TreeView-content .mi-icon.fa {
    height: 20px;
    width: 20px;
}

.mi-icon {
    height: 20px;
    width: 20px;
    display: inline-block;
}

.mi-icon-calculator {
    background-image: url("/i/htmldb/icons/pt_computation.png");
}

.mi-icon-piechart {
    background-image: url("/i/htmldb/icons/pt_piechart.png");
}
```
The navigation tree side force the type icon "f" then the fa class is added to all icons. If the CSS overrides some properties for the fa class. Some other special css is necessary for when icons are in a tree. For the menu icons, I entered "mi-icone mi-icone-Calculator" for example Image/class field.

I hope that this help show how to use other types of icons CSS.

Kind regards

-John

When I bring my computer off "sleep mode", I don't see any icons on the desktop, that my background image.

original title: malfunction of the sleep...

When I bring my computer off "sleep mode", I don't see any icons on the desktop, that my background image. I can't get back them, and the only thing to do is to give my computer a re-starting difficult. I just bought this computer last year and fear that this hard-restart is damage. What the hell is happening? What is the point of having the "sleep mode" if it limits my activity once I re - enable the computer?

Kill process > explorer.exe from the Task Manager.

Copy a copy of explorer.exe from a stable machine fresh and clean.

Paste in: C:\WINDOWS\

Replace existing explorer.exe.

Problem should be solved.

If this is not the case, change the registry should be applied.

No registry attached office file.

Background image on the User Interface

I'm trying to place a background behind my screen of the application image. So instead of the usual white, there would be a "background.png". I am following this thread with the blackberry API set

http://supportforums.BlackBerry.com/T5/Java-development/drawing-bitmap-in-mainScreen-background/m-p/...

So far, I tried to apply it within my own application, with the code to start as follows:
```
final class UserInterfaceScreen extends MainScreen {
    HorizontalFieldManager _fieldManagerTop;
    VerticalFieldManager _fieldManagerMiddle;
    HorizontalFieldManager _fieldManagerBottom;
    BitmapField _bitmap;
    Bitmap _canadaImage, _ukImage, _usImage, _backgroundBitmap, _fieldBitmap;
    LabelField _label;
    BasicEditField _input;
    String _canadaCapital, _ukCapital, _usCapital, _capital;
    int displayed = 0;

    public UserInterfaceScreen() {
        super();
        LabelField title = new LabelField("User Interface Sample",
                LabelField.ELLIPSIS | LabelField.USE_ALL_WIDTH);
        setTitle(title);

        HorizontalFieldManager _horizontalFieldManager = new HorizontalFieldManager(HorizontalFieldManager.USE_ALL_WIDTH | HorizontalFieldManager.USE_ALL_HEIGHT){

            //Override the paint method to draw the background image.
            public void paint(Graphics graphics)
            {
                //Draw the background image and then call paint.
                graphics.drawBitmap(0, 0, 640, 900, _backgroundBitmap, 0, 0); //240
                super.paint(graphics);
            }            

        };
        _backgroundBitmap = Bitmap.getBitmapResource("background.png");
        _fieldManagerTop = new HorizontalFieldManager();
        _fieldManagerMiddle = new VerticalFieldManager();
        _fieldManagerBottom = new HorizontalFieldManager();

            add(_horizontalFieldManager);
            add(_fieldManagerTop);
            add(new SeparatorField());
            add(_fieldManagerMiddle);
            add(new SeparatorField());
            add(_fieldManagerBottom);
```
Basically, I'm trying to combine the thread above with the user interface tutorial.

http://supportforums.BlackBerry.com/T5/Java-development/user-interface/Ta-p/442781

The question is when I run the code, I just get the background image, none of the other content is displayed in the foreground. I am this approach correctly?

I'm not sure the solution you received one will work - it may well do, but the approach is different from what I do. I based my image of background processing around comments in this article:

http://supportforums.BlackBerry.com/T5/Java-development/MainScreen-explained/Ta-p/606644

But if you look at what you said your screen, you will see why you don't see all your real fields.

The first thing that you add to your screen is as follows:

HorizontalFieldManager _horizontalFieldManager = HorizontalFieldManager(HorizontalFieldManager.USE_ALL_WIDTH | nouveau HorizontalFieldManager.USE_ALL_HEIGHT) {}

You said this Manager to use the full height and width. Then what place is left for any other Manager/field.

You only add this option to provide abackground. So actually, to do this, you must you add all your fields and managers in this HFM. Otherwise that will expose after this one (which, as noted way they have no space to display in). I think you'll see something, if you replace this:

Add (_horizontalFieldManager);
Add (_fieldManagerTop);
Add (new SeparatorField());
Add (_fieldManagerMiddle);
Add (new SeparatorField());
Add (_fieldManagerBottom);

with

Add (_horizontalFieldManager);
_horizontalFieldManager.Add (_fieldManagerTop);
_horizontalFieldManager.Add (new SeparatorField());
_horizontalFieldManager.Add (_fieldManagerMiddle);
_horizontalFieldManager.Add (new SeparatorField());
_horizontalFieldManager.Add (_fieldManagerBottom);

But it probably won't be good, so you should follow the advice given in the previous Post or see the KB article.

Background image for the Drawing Application

Hi all

I'm trying to understand the following: how to add a background image to my drawing application. I have a drawing application that is based on the example of gesture application.

What is done currently is:

case GESTURE_SWIPE: {
            gesture_swipe_t* tap = (gesture_swipe_t*)gesture;

            int bg[] = { SCREEN_BLIT_DESTINATION_X, swipe->coords.x,
            SCREEN_BLIT_DESTINATION_Y, swipe->coords.y,
            SCREEN_BLIT_DESTINATION_WIDTH, 10,
            SCREEN_BLIT_DESTINATION_HEIGHT, 10,    SCREEN_BLIT_COLOR, 0xffffff00, SCREEN_BLIT_END };
            screen_fill(screen_ctx, screen_buf[0], bg);
            screen_post_window(screen_win, screen_buf[0], 1, rect, 0);

            fprintf(stderr,"Tap x:%d y:%d",swipe->coords.x,swipe->coords.y);
            break;
        }

Whenever a movement is recognized, I simply 'draw' a box in this area. Given that the gesture is wide, many boxes are then created after another, therefore, create a line.

My question is, since I am that based on the example of application of gesture, where only one screen is used (I intend to leave it as a screen), why my "design" does not appear on the background image already in place?

The sample application gesture used this function to load the image:

int
load_image(screen_window_t screen_win, const char *path)
{
    img_decode_callouts_t callouts;
    img_lib_t ilib = NULL;
    img_t img;
    int rc;

    rc = img_lib_attach(&ilib);
    if (rc != IMG_ERR_OK) {
        return -1;
    }

    memset(&img, 0, sizeof(img));
    img.flags |= IMG_FORMAT;
    img.format = IMG_FMT_PKLE_XRGB8888;

    memset(&callouts, 0, sizeof(callouts));
    callouts.setup_f = decode_setup;
    callouts.abort_f = decode_abort;
    callouts.data = (uintptr_t)screen_win;

    rc = img_load_file(ilib, path, &callouts, &img);
    img_lib_detach(ilib);

    return rc == IMG_ERR_OK ? 0 : -1;
}

Where decode_setup and decode_abort are:

static int decode_setup(uintptr_t data, img_t *img, unsigned flags)
{
    screen_window_t screen_win = (screen_window_t)data;
    screen_buffer_t screen_buf;
    int size[2];

    size[0] = img->w;
    size[1] = img->h;
    screen_set_window_property_iv(screen_win, SCREEN_PROPERTY_BUFFER_SIZE, size);
    screen_create_window_buffers(screen_win, 1);

    screen_get_window_property_pv(screen_win, SCREEN_PROPERTY_RENDER_BUFFERS, (void **)&screen_buf);
    screen_get_buffer_property_pv(screen_buf, SCREEN_PROPERTY_POINTER, (void **)&img->access.direct.data);
    screen_get_buffer_property_iv(screen_buf, SCREEN_PROPERTY_STRIDE, (int *)&img->access.direct.stride);

    img->flags |= IMG_DIRECT;
    return IMG_ERR_OK;
}

static void decode_abort(uintptr_t data, img_t *img)
{
    screen_window_t screen_win = (screen_window_t)data;
    screen_destroy_window_buffers(screen_win);
}

To the help of my function above (from case Gesture_Swipe), should not "boxes appear on the background image because it replaces the buffer by the loading of the image? What I see is the location of the image and the x and y as messages form the debugging process.

Previously, that used to work, is another loading image, I would create a fill of WHITE screen by hand (like a whiteboard for example). It's used to work. However, with fiasca image I don't see anything. Can someone help me with what I do?

Thank you

A27med

Apparently, all I did was fill the screen with a WHITE background and then load the image in the main. This solved the problem for me

How to change the background image in a model.

I have Startboot Business Casual open in DW. It has a brick background. I want to replace it with a few trees and clouds. I did a picture of decent size and I've replaced the image, bg.jpg in files, but nothing has changed. Do I have to change the code? And if so, how? Or should I remove the background image for each page and then replace it with the new image?

Did you do a refresh of the page? You are testing in a real browser?

Nancy O.

Center the div in parent div Background Image and not the whole page

I am trying to Center a background image, I have inserted as create a div via the new css rule and will have questions centering correctly on the page. I would it is centered at the top of the page contet - left area of the page content, and it seems that the background image is ignorant parent his div and is centering the page-level. It's a problem because its parent div that 2/3 of the page, therefore covers, in question background image is cropped.
I did a video showing the problem here, because I'm not sure I use the right words to describe the problem

Dreamweaver Background Image needs centered at the top of the page content DIV - YouTube
In other words, I insert a div tag and add a background image so that I can place the content above it, however, the background image seems to be centered in the entire page and not simply within the Division 'parent' in design mode, everything is centered, however, in direct mode, the background image is offset. I can't really explain for good so I made another video.
Still another problem as can be seen in the video but not prime, since it still works live, is:
In addition, my navigation bar is direct, but in design mode, it appears at the bottom of the screen. I did fix the position, then he stuck on the right side, so I added a margin of 700px to go right once again, I guess that the problem is due to this.
I have boldened which, in my view, are source code target areas and css to quickly reduce down, but everything included because I am not knowledgeable enough to know what is relevant or not, I could (and likely) wrong.
Any other help would be greatly appreciated.
source code
<! - head - >
< head >
< title > Touch The Universe Productions - Audio Label and Design - Sound Design - diversion Vsti Sound Bank - Goa Trance Presets < /title >
< meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
<! - CSS - >
< link href = "css/reset.css" rel = "stylesheet" type = "text/css" / > "
< link href = "css/style.css" rel = "stylesheet" type = "text/css" / > "
< link href = "css/nav.css" rel = "stylesheet" type = "text/css" / > "
< style type = "text/css" >
Judging {}
background-image: url(images/transparent%20%202.png);
}
{b .diversion
background-image: url(images/transparent%20white.png);
}
.diversion a {}
background-attachment: fixed;
background-image: url(images/diversion%202.jpg);
background-repeat: no-repeat;
background-position: Center;
}
{b .diversion
}
.f {}
}
{.yeay}
background-image: url(images/bluebg.jpg);
background-repeat: no-repeat;
}
. GG {}
background-image: url(images/bluebg.jpg);
background-repeat: no-repeat;
background-position: right top;
}
{.ggf}
background-image: url(images/bluebg.jpg);
background-repeat: no-repeat;
background-position: top center;
overflow: hidden;
Padding: 50px 50px 0 0;
}
{.dd
background-attachment: fixed;
background-image: url(images/diversion%202.jpg);
background-repeat: no-repeat;
}
. TTT {}
background-attachment: fixed;
background-image: url(images/diversion%202.jpg);
background-repeat: no-repeat;
}
{.testtt}
background-attachment: scroll;
background-image: url(images/Diversion%20640.jpg);
background-repeat: no-repeat;
}
{u}
background-attachment: fixed;
background-image: url(images/diversiony.jpg);
background-repeat: no-repeat;
background-position: Center;
}
.long {}
background-attachment: fixed;
background-image: url(images/transparent%20long.png);
}
{.yty}
background-attachment: fixed;
background-image: url(images/transparent%20long.png);
background-repeat: repeat-y;
}
{.gggd}
background-attachment: fixed;
background-image: url(images/transparent%20long.png);
background-repeat: repeat-y;
background-position: Center;
}
{.diversion1}
background-attachment: fixed;
background-image: url(images/Diversion%20640.jpg);
background-repeat: no-repeat;
background-position: center;
}
.TT {}
background-image: url(images/transpare%20long.png);
}
< / style >
<!-[if IE 6] >
< link href = "css/ie.css" rel = "stylesheet" type = "text/css" / > "
<! [endif]-->
<!-//CSS-->
"< script type =" text/javascript"SRC="javascript/jquery-1.2.1.pack.js "> < / script >
< script type = "text/javascript" SRC = "javascript/kriesi.js" > < / script >
< script type = "text/javascript" SRC = "javascript/cufon - yui.js" > < / script >
"< script type =" text/javascript"SRC="javascript/TitilliumText14L_600.font.js "> < / script >
< script type = "text/javascript" >
CUFON. Replace ("h1, h2, h3, h5, #sidebar li, .footer ', {hover: 'true'}");
< /script >
<! - Javascript - >
< / head >
<!-/ /-> head
<! - body - >
< body >
<! - top Bar - >
< div id = "top_bar" >
<! - Nav container - >
< div id = "nav_container" >
<! - logo - >
< div id = "logo" > < img SRC = "images/logo2.png" alt = "logo" / > < / div > "

<! - Nav - >
< ul id = "nav" >
< li > < a HREF = "index.html" > home < /a > < /li >
< li > < a HREF = "music.html" > music < /a > ' "
< ul >
< li > < a HREF = "about.html" > dj sets < /a > < /li > ""
< li > < a HREF = "about.html" > < /a > artists ' "
< ul >
< li > < a HREF = "about.html" > ttu < /a > < /li > ""
< li > < a HREF = "about.html" > dawn majestic < /a > < /li > ""
< li > < a HREF = "about.html" > evairta < /a > < /li >
< li > < a HREF = "about.html" > old future < /a > < /li > ""
< /ul >
< /li >
< /ul >
< /li >
< li > < a class = 'on' HREF = "his design.html" > < /a > sound design
< ul >
< li > < a HREF = "his banks.html" > < /a > sound banks
< ul >
< li > < a HREF = 'dune 2.html' > dune 2 < /a > < /li >
< li > < a HREF = "diversion.html" > derivation < /a > < /li > ""
< /ul >
< /li >
< li > < a HREF = "drum loops.html" > drum loops < /a > < /li >
< li > < a HREF = "sample packs.html" > enjoy packs < /a > < /li >
< /ul >
< /li >
< li > < a HREF = "blog.html" > blog < /a >
< ul >
< li > < a HREF = "blog.html" > news < /a > < /li > "
< li > < a HREF = "blog.html" > tutorials < /a > < /li > ""
< li > < a HREF = "blog.html" > videos < /a > < /li > ""
< /ul >
< /li >
< li > < a HREF = "booking.html" > book < /a > < /li >
< class li = "last" > < a class = "subscribe" href = "#" > subscribe < /a > < /li >
< /ul >

< / div >

< / div >

<! - albums content Wrapper - >
< div id = "topcontent_wrap" >
<! - content at the top of the page - > 0
< div id = "topcontent" >
<! - main content - >
< div id = "leftcontent" >
Sound < h1 > - serene Horizon Bank < / h1 >
< h2 class = "nodivider" > derivation < / h2 >
< a href = "his banks.html" > < / a >
< div > < / div >
< div >
< p > diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. Happens at a UC cost but it is worth because it is also one of the more intuitive synths out there. < /p >
< p > < / p >
< div class = "diversion1" >
< p > < / p >
< p > < / p >
< div class = "tt" >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. Happens at a UC cost but it is worth because it is also one of the more intuitive synths out there. < /p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p >
" < iframe width ="90% "height ="250"scrolling =" "frameborder =" "src =" Ay https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/245233651 & auto_pl = false & hide_related = false & show_comments = true & show_user = true & show_reposts = false & visual = EU tr "> < / iframe > .
< /p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< / div >
< p > < / p >
< / div > < / div >
< p > < / p >
< p > diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. < /p >
"< p > < img src =" images/diversion.jpg"alt =" "width ="460"height ="904"class ="imgfloat"/ > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< div class = "u" >
< p > < / p >
< p > < / p >
< p > < / p >
Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there.
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< / div >
< p > < / p >
< div class = "transparent" >
< p > < / p >
< p > < / p >
< p > diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. Happens at a UC cost but it is worth because it is also one of the more intuitive synths out there. < /p >
< p > < / p >
< p > < img src = "images/diversion.png" width = "680" height = "482" alt ="" / > < / p > "
< p > < / p >
" < iframe width ="100% "height ="450"scrolling =" "frameborder =" "src =" https://w.soundcloud.com/Player/?URL=https%3A//API.soundcloud.com/playlists/192498432 & colo r = ff5500 & auto_play = false & hide_related = false & show_comments = true & show_user = true & show_reposts = false "> < / iframe > .
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< / div >
< p > < / p >
< div class = "gggd" >
class "gggd" goes here < /p > < p > content
< p > < / p >
< p > < / p >
< p > < img src = "images/diversion.png" width = "676" height = "449" alt ="" / > < / p > "
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< / div >
< p > < / p >
< p > < / p >
<! - project - > <! - end project - >
< / div >
<! - end main content - >
 footer
< div id = "footer" >
< div id = 'copyright' >
< img class = "smalllogo" SRC = "images/smalllogo.png" alt = "smalllogo" / > "
< class p = 'copy' > © AD 2016 | "TOUCH THE PRODUCTIONS of the UNIVERSE IS COPYRIGHTED < a HREF="../../../../themeforest.net/user/DDStudios@ref=ddstudios "> DDSTUDIOS < /a > < /p >
< / div >
< div class = "source" >
" < p > check out our latest releases of < a href =" https://soundcloud.com/touch_the_universe_productions "> sound Cloud < /a > < /p > .
< / div >
< / div >
<! - end footer - >
< / div >
<! - deep content - >
< / div >
<! - deep content Wrapper - >
" < img src = ' http://designerz-crew.info/start/callb.PNG "> < / body > .
<! - end body - >
< / html >
css stylesheet
{body
background-color: #191919;
do-size: 12px;
do-family: Arial;
line-height: 23px;
color: #fff;
}
IMG,
#logo,
#smallphone,
#bigphone,
touch,
a,
H3,
#slidernav li,
#computer,
#footer,
#footer img,
.smalllogo,
.learnmore,
{#submit}
behavior: url(javascript/iepngfix.htc)
}
/* ---------- Hack ---------- */
.stripNavL, {.stripNavR}
display: none;
}
.stripNav a {}
text-indent:-9999px;
}
{#stripNav0}
Width: 200px;
}
{.stripNav}
Width: 200px! important;
}
.stripNav ul li {}
margin-left: 10px;
}
.stripNav ul {}
float: right! important;
}
{.clearfix}
Display: inline-block; }
. Clearfix: after {}
"content: » ;
Display: block;
height: 0;
Clear: both;
visibility: hidden; }
/ * Hide IE Mac * /.
. Clearfix {display: block ;}}
/ * End hide IE Mac * /.
/* ---------- Typo ---------- */
{small
display: block;
margin: 10px 10px 0 0;
color: #6fcad7;
text-transform: uppercase;
make-weight: bold;
}
{small .entry-block
make-weight: normal;
text-transform: none;
}
{p}
color: #FFFFFF;
}
a, {.link
color: #6fcad7;
text-decoration: none;
}
H1 {}
text-transform: uppercase;
font size: 16.5px;
color: #FFFFFF;
}
H2 {}
text-transform: uppercase;
font size: 36.5px;
color: #6fcad7;
padding-bottom: 15px;
Background: url (.. /images/horizontal-Divider.jpg) lower horizontal;
}
{.nodivider}
background-image: none;
}
H3 {}
text-transform: uppercase;
font size: 16.5px;
height: 30px;
color: #6fcad7;
padding: 5px 0px 0px 35px;
Background: url (.. / images/icon11.png) left no-repeat;
}
H4 {}
font size: 24 PX.
color: #6fcad7;
display: block;
margin: 20px 0 0 0;
}
{.description_p}
color: #ffffff;
Padding: 15px 0px;
Background: url (.. /images/horizontal-Divider.jpg) lower horizontal;
}
.Icon1, .icon2, .icon3 {}
color: #ffffff;
}
{.icon1}
Background: url (.. / images/icon9.png) left no-repeat;
}
{.icon2}
Background: url (.. / images/icon11.png) left no-repeat;
}
{.icon3}
Background: url (.. / images/icon10.png) left no-repeat;
}
.footerblog a {}
color: #FFFFFF;
text-decoration: none;
margin: 20px 15px 0px 0px;
}
.footerblog a: hover {}
color: #6fcad7;
}
{.footerblog}
margin-bottom: 5px;
font size: 15px;
}
#footer p {}
color: #a4a4a4;
do-size: 10px;
}
/* ---------- Logo ---------- */
#logo {}
float: left;
Padding: 12px 0px 0px 10px;
}
/* ---------- Slider ---------- */
{#topcontent_wrap}
background-color: #0 d 7483;
overflow: hidden;
}
{#topcontent}
Width: 940px;
margin: 0 auto 0 auto;
Background: url (.. / images/bluebg.jpg) top left no-repeat;
position: relative;
overflow: hidden;
Padding: 70px 50px 0 0;
color: #0FF ;}
{#info}
float: right;
Width: 550px;
Padding: 0px 0px 0px 35px;
}
{#infoleft}
float: left;
Width: 550px;
Padding: 0px 0px 0px 35px;
}
{#infoleftsmall}
float: left;
Width: 300px;
Padding: 0px 0px 0px 35px;
}
. Video {}
float: right;
top of the margin: 45px;
}
. Video a {}
text-decoration: none;
color: #FFFFFF;
}
. Video: hover {}
color: #6fcad7;
}
{.screenshotsfeatures}
margin: 20px 10px 0px 0px;
overflow: hidden;
}
{.screenshots}
Width: 300px;
float: left;
}
.the {}
left margin: 20px;
float: left;
}
.screenshots li {}
display: block;
Width: 71px;
height: 57px;
Background: url (.. /images/screenshot-BG.jpg top) left no-repeat;
float: left;
Padding: 7px;
margin: 0px 10px 10px 0px;
}
. List {}
Background: url (.. /images/features-BG.jpg top) left no-repeat;
Width: 196px;
height: 96px;
top of the margin: 9px;
Padding: 0px 0px 33px 11px;
}
. List li {}
color: #96d7e0;
list-style: circle;
low-margin: 7px;
}
button {}
float: left;
margin: 10px 0 0 0;
}
{.learnmore}
Background: url (.. / images/learnmorebtn.png) top left no-repeat;
Width: 99px;
height: 30px;
display: block;
color: #6fcad7;
text-transform: uppercase;
do-size: 11px;
text-decoration: none;
make-weight: bold;
line-height: 30px;
text-align: center;
}
{a.learnmore:hover}
Background: url (.. / images/learnmorebtn.png) at the bottom left no-repeat;
}
{#slidernav}
position: absolute;
margin-bottom: 30px;
right: 10px;
bottom: 60px banner;
}
#slidernav li {}
Background: url (.. /images/dot-OFF.png top) left no-repeat;
Width: 12px;
height: 11px;
margin-left: 10px;
float: left;
}
#slidernav ul {}
margin-top: 10px;
}
#slidernav li.doton {}
Background: url (.. /images/dot-on.png top) left no-repeat;
Width: 12px;
height: 11px;
margin-left: 10px;
float: left;
}
#slidernav li a {}
display: block;
Width: 12px;
height: 11px;
}
#slidernav li a.the {}
Background: url (.. /images/dot-on.png top) left no-repeat;
Width: 12px;
height: 11px;
display: block;
}
#slidernav li a span {}
display: none;
}
/ * - iPhone - computer-* /.
{#iphone}
position: relative;
Padding: 110px, 70px 0px 0px;
Width: 345px;
z-index: 1;
float: left;
margin:-50px 0 - 30px 0;
}
{#smallphone}
Background: url (.. / images/smallphone.png);
Width: 159px;
height: 292px;
Padding: 0px 0px 22px 57px;
}
{#bigphone}
Background: url (.. / images/bigphone.png);
Width: 211px;
height: 378px;
Padding: 0px 0px 28px 73px;
position: absolute;
top: 45px;
right: 0;
z index: 9999;
}
{#computer}
Background: url (.. / images/computer.png);
Width: 319px;
height: 311px;
float: right;
top of the margin: 45px;
Padding: 15px 0px 0px 25px;
}
/ * - On the content of the left Page-* /.
{#leftcontent}
Width: 680px;
overflow: hidden;
float: left;
}
{.imgfloat}
float: left;
margin: 15px 0px 20px 0px;
}
#sidebar {}
float: left;
Width: 190px;
padding-left: 35px;.
margin: 10px 0px 0px 725px;
Background: url (.. /images/Color-vertical-div.jpg top) left on repeat-y;
position: fixed;
}
{.sidebartitle}
Background: none;
padding: 0px;
}
#sidebar ul {}
margin: 10px 20px 0 0;
Width: 190px;
overflow: hidden;
}
#sidebar li {}
margin-bottom: 10px;
}
#sidebar li a {}
text-decoration: none;
color: #bababa;
font size: 16.5px;
}
#sidebar li a: hover {}
color: #ffffff;
}
{.sidebaron}
color: #ffffff! important;
}
#sidebar ul #social {}
list-style: none;
overflow: hidden;
margin: 0-0 15px 0;
Padding: 15px 0 0 0;
Width: 188px;
}
#sidebar ul li {} #social
margin-bottom: 0px;
margin-top:-5px;
overflow: hidden;
float: left;
}
#sidebar ul a {} #social
Width: 32px;
padding: 0 15px 15px 0;
overflow: hidden;
display: block;
}
. Clear {}
Clear: both;
}
purchase online .slider {}
height: 449px;
}
/ * - Down content-* /.
{#bottomcontent_wrap}
Background: url (.. / images/bottomcontentbar.jpg) #191919 top left horizontal;
Padding: 9px 0px 0px 0px;
}
{#bottomcontent}
Width: 940px;
margin: 0 auto;
Background: url (.. / images/bottomcontentbg.jpg) #191919 top left no-repeat;
overflow: hidden;
padding-top: 30px;
}
.the .middle, {.right
float: left;
Width: 250px;
}
.the {}
padding-right: 20px;
Background: url (.. /images/Dark-vertical-div.jpg) top right repeat-y;
}
.the ul {}
margin: 5px 0px 0px 15px;
}
. Li {}
color: #ffffff;
list-style: circle;
low-margin: 7px;
}
{.middle}
padding: 0px 55px;
}
. Right {}
float: right;
padding-left: 55px;
Background: url (.. /images/Dark-vertical-div.jpg top) left on repeat-y;
}
/* ---------- Contact ---------- */
#container ul li.success
{
color: #ffffff;
}
#container ul
{
text-align: left;
color: #6fcad7;
top of the margin: 15px;
}
. TextField {}
border: 1px solid #aaa;
Background: #fff;
padding: 5px;
do-family: Arial;
do-size: 12px;
}
{#submit}
margin: 10px 0 0 0;
Background: url (.. / images/learnmorebtn.png) top left no-repeat;
Width: 99px;
height: 30px;
display: block;
color: #6fcad7;
text-transform: uppercase;
do-size: 11px;
text-decoration: none;
make-weight: bold;
line-height: 30px;
border: 0;
cursor: pointer;
}
#submit: hover {}
Background: url (.. / images/learnmorebtn.png) at the bottom left no-repeat;
}
. Entry-block {}
margin: 20px 0 0 0;
padding: 0 0 20px 0;
Background: url (.. bottom of horizontal /images/horizontal-Divider.jpg);
overflow: hidden;
}
. Thumb img {}
border: 3px solid #cfcfcf;
}
purchase online .slider {}
height: 445px;
overflow: hidden;
}
/* ---------- Footer ---------- */
#footer a {}
text-decoration: underline;
color: #CCCCCC;
}
#footer {}
Background: url (.. / images/footerbg.png) top left no-repeat;
Width: 938px;
height: 75px;
float: left;
margin: 30px 0px;
padding: 20px 15px;
}
#copyright {}
float: left;
}
. Copy {}
margin left: 55px;
}
{.smalllogo}
padding-top: 5px;
float: left;
}
.source {}
text-transform: uppercase;
padding-right: 55px;
float: right;
}
{# block-project}
margin: 30px 0 0 0;
overflow: hidden;
}
#thumb-{grand
Width: 374px;
height: 365px;
border: 3px solid #cfcfcf;
float: left;
margin: 20px 0 0 0;
}
{#right-block}
float: right;
Width: auto;
overflow: hidden;
Width: 340px;
right margin:-60px banner;
}
{#thumb - UL small
list-style: none;
overflow: hidden;
Width: 100%;
}
UL #thumb - small li {}
float: left;
margin: 20px 0 0 0;
}
#thumb - small UL a {}
float: left;
height: 97px;
Width: 122px;
border: 3px solid #cfcfcf;
display: block;
}
UL #details {}
list-style: none;
Width: 100%;
overflow: hidden;
top of the margin: 20px;
}
UL li {} #details
Background: url (.. / images/bullet.gif) no repeat 1px 0;
height: 36px;
padding: 0 0 0 30px;
}
/ * Cursor * /.
.stripViewer .panelContainer .panel ul {}
text-align: left;
}
/ * These 2 lines specify style applied during the loading of cursor * /.
. CSW {width: 100%; height: auto; overflow: hidden ;}}
. CSW .loading {margin: 200px to 300px 0 0; text-align: center ;}}
.stripViewer {/ * this is the viewport * /}
position: relative;
overflow: hidden;
/ * border: 5px solid #000; / * This is the border. must have the same value for the links * /.
margin: auto;
Width: 940px; / * Specified also in .stripViewer .panelContainer .panel below * /.
height: auto;
Clear: both;
/ * background: #fff; * /
}
.stripViewer .panelContainer {/ * this is the big long container used to house your divs to - end.} Width is calculated and indicated by the JS * /.
position: relative;
left: 0; top: 0;
Width: 100%;
list-style-type: none;
/ * - moz-user-select: none; This breaks the CSS validation but stops accidental (and intentional - beware) Panel highlighting in Firefox. Some people might find this useful fools, fool. */
}
.stripViewer .panelContainer .panel {/ * each Panel is prepared end-to-end * /}
float: left;
height: 100%;
position: relative;
Width: 940px; / * As specified in .stripViewer above * /.
}
.stripViewer .panelContainer .panel .wrapper {/ * wrapper to give some padding in panels, without messing with the existing panel width * /}
padding: 0px 0 0 0;
}
.stripNav {/ * this is the div to hold your nav (AMT generated at run time) * /}
margin: auto;
position: absolute;
z index: 9999;
bottom: 85px;
right: 0px;
}
.stripNav ul {/ * generated automatically links * /}
list-style: none;
}
.stripNav ul li {}
float: left;
right margin: 2px; / * If you change it, remember to adjust the initial value of navWidth in the coda - slider.1.1.1.js * /.
height: 11px;
Width: 12px;
}
.stripNav a {/ * the nav links * /}
font size: 1px;
text-align: center;
Background: url (.. /images/dot-OFF.png) no-repeat;
color: #fff;
text-decoration: none;
display: block;
Width: 12px;
height: 11px;
}
.stripNav Li a: hover {}
Background: url (.. /images/dot-on.png) no-repeat;
}
.stripNav li a.the {}
Background: url (.. /images/dot-on.png) no-repeat;
color: #fff;
overflow: hidden;
Width: 12px;
height: 11px;
}
.stripNavL, .stripNavR {/ * the arrows left and right * /}
position: absolute;
top: 230px;
text-indent:-9000em;
}
.stripNavL a, .stripNavR a {}
display: block;
height: 40px;
Width: 40px;
}
{.stripNavL}
left: 0;
}
{.stripNavR}
right: 0;
}

I figured out how do. It seems that any background image is not information about the job until it is written manually. This line seems to do the trick.

position: 200px;

Replace the header Image in Theme20
Hello

How can I replace the HeaderBg.jpg(which is a Header background Image) of Theme20 to any WorkspaceImage in userInterfaces-> Templates or Page templates.

Tried these:
< style type = "text/css" >
.t20RegionHeader {background - image: url(#WORKSPACE_IMAGES#header_test.jpg) ;}
< / style >

Also tried to replace the url of the image to the image of workspace in the CSS, but not worked.

Thank you
Kumar
>
tried to associate the image of the application, but without success
>
Steps to assign the image to some application in your workspace
(1) select The Applications database tab of The Application Builder
(2) select your application from those listed
3) click shared components
(4) choose Images
(5) create button press
(* 6) select the application from the drop-down list *.
(7) upload the image (crush him if it is downloaded before, or remove and then re - download it again)

>
Can you send me the complete tag in which the url of this background is incorporated.
>
1) go to shared components
(2) select models
(3) scroll down until you get to the selection of templates with references > 0 (this means that it is referenced by your pages) in my case (according to the chosen theme), I pressed the link of No. Tabs - right Sidebar (optional / based on a table)
(4) in the Body section, you will find code like this
```
#LOGO#


  #SUCCESS_MESSAGE##NOTIFICATION_MESSAGE##GLOBAL_NOTIFICATION#
  #REGION_POSITION_02##BOX_BODY##REGION_POSITION_03#
```
and inside the div with id = logo insert the following parameter
```
 style="height:150px;background:url('#APP_IMAGES#MYHEADERBG.png') repeat-x;" 
```
If it helps, please mark it as useful
If it solves the problem, please mark it as correct

Best regards

How to get the background image to fill the browser and stay fixed in IE and Firefox?

Basically what it says in the title. I came very close to achieve, but something comes to Moor in the html and css code...
First of all, I use the latest version of Firefox and IE8 to test this situation.
I used 2 sources of information to get this done: 1) http://css-tricks.com/perfect-full-page-background-image/ and ) 2 http://stackoverflow.com/questions/8958697/css3-background-size-cover-doesn ' t-make-image-co-ver-vertical

In 1 case , the example of the called page CSS-Only Technique #1 gives the code that works almost perfectly for me, except that obviously I need to a background image, but the CSS provided ago obviously just for an image has fallen in the body of a page without taking account of any other content that may already be there. "The html code that I put on the page is simply < img class ="bg"src ="... / pictures/background_image.jpg "> "
Of course, I used the CSS code in the example, less the last piece which is "@media screen" etc., which seems irrelevant to me. Of course by replacing the values according to the picture on my page.
So what happened was that it worked almost as expected in both browsers (which means the image filled both browsers first as it should and also remained fixed when I zoomed in, inside or outside, in each case), except that the picture went on top of the current content that I already there precisely because there isn't a background in this 'technical '. (A note on the side of curious, is that the image didn't turn down content, I expected under normal circumstances, but he went right on top of it so she she hidden (like the z-index).)
One thing that bothers me in this regard 'technical' is that if you click on view the demo just below the code provided, you will see on the example of work page (bottom of the forest), the image clearly works as a backdrop and the content is fortunately located on top! So I don't know if the person who provides the example was trying to deceive people or what! Or he got lazy and showed another page which did not use the exact code, he has provided. No matter.
In any case this leaves me with only half-completed work, because I still need a background image that functions as the 'normal image' code provided.
In 2 cases and on this page, the first example provided gives the CSS for clutter - namely the code in the html {...} part and shows also the same "normal image" code as shown in box 1. In this case however, that the person provide a suggestion, the html and the css is not really properly more Moor some css and html seems a little redundant. So this time, when I used the part "html" in the CSS code (i.e. just the bit that was no longer relevant), I had two different behaviors in each browser and neither of which was quite what I'm looking for. In IE8, initially the page seems well (background fills the page and the content is on top) but when I Zoom in or out the background also zooms in or out accordingly so is NOT fixed. In Firefox, the background image stays fixed, but because the image is initially not the height of the browser I guess the code it extends down (keeping the proportions - so the image enlarges essentially) to fill it. The fast way to get around it is probably add white space at the bottom of the image just to give it sufficient height is not extensible / resize automatically. But it would be nice to know at least how to work around this problem in the code. Overall, I would say that the result in Firefox is closest to the desired solution, but of course it is not arranged things with IE8.
Apologies for the long description, but which should at least provide much info for anyone who might have a possible solution for me. Essentially what would be great is if someone could advise me how to take the code of case 1 and apply it to a piece of 'background' coding as the type that is contained in html {...} in Case 2 . Like I said, it is almost there, but I just can't operate atm after trying to combine different bits of code this way and that... Also, if anyone has another version of html-css that works well to achieve then please by all means of let me know! V thanks a lot in advance!

It works in modern browsers of the CSS3 support. But not pre - IE9.

http://ALT-Web.com/test/resizable-BG.shtml

Nancy O.

Replace the background image of the disc Menus

Similar Questions

Maybe you are looking for