How to make the background image with dramatic style?

Similar Questions

• How to make the background image for a site

  Hello.

  First of all, thank you for reading this.

  I intend using a gradient image as background on a new site of black on the sides gradiating to blue in the Middle I created in Photoshop. The site is designed for 1024 (955) and upward. How the background image would handle so that no matter what the resolution above 1024, the visitor sees the gradient correctly, which means that Blue will be always exactly in the center of the page and the image not horizontal mosaic? (I don't want to repeat from left to right when the resolution someone is really high)

  I saw a couple of sites that use strong images that seem to stretch the background image according to the resolution, but were not able to understand the CSS code. In my case, I have a single image that has say 5 pixels high, how wide I need for the (reasonable) maximum resolution, and let repeat from top to bottom.

  Thank you.

  MFitz721

  To do what you ask would require CSS3.  This is because that the CSS3 added support for multiple background images.  What you would do, is to set a gradient to the left and the other to the right with a background color that arise in a vacuum.    Basically use you the abbreviation of "substance" and separate the different environments with a comma ","  See this example ( http://www.css3.info/preview/multiple-backgrounds/ ).  I think it's possible the long way as well (for example: position of background, background image, etc.), but you would need to write the values and who is 1 and 2 in order when you do this.

• How to set the background image on my request.

  Hi all

  I use jdev 11.1.2.4.0 version

  use case: I create mobile applications and using the skin by default 'mobileFusionFx '.

  so when I run application there show black screen as a background image on my application

  My question is how to change the background image.

  Thank you

  Manish

  Resources of the Application open-> descriptors-> ADF META - INF-> adfmf-config. XML

  Check the family skin it and use in the skin of skin-addition id attribute.

  With this way automatically all your pages will use the same background image.

  In addition, background - image: url("images/back.png");    ---> It denotes that this images folder is inside the css file. If the pictures folder is a brother to css file, use

  background-image: url("..) (' / images/back.png ');

• How to set the background image in the window title?

  Hello

  I am a beginner in flex. I use Flex 4.

  Can someone give me some advice on how to set the background image in the title window?

  Is it possible to do?

  Thank you.

  Hello

  Check the code in the example below

  
  http://ns.Adobe.com/MXML/2009.
  xmlns:s = "library://ns.adobe.com/flex/spark".
  xmlns:MX = "library://ns.adobe.com/flex/mx" minWidth = "955" = "600" minHeight >
     
         
     
     
  @namespace s "library://ns.adobe.com/flex/spark";
  @namespace mx "library://ns.adobe.com/flex/mx";

  s | {BorderContainer
  background - image: embed(source="image/wheres_the_green_rez.jpg");
  background-image-fill-mode: clip;
  }

  
     
         
     
  

  Kind regards

  Anitha

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

• How to add the background image to the screen

  Hi all

  I want to add the background image to the main screen how can I do it.

  On the main screen, I used

  -a manager of HorizontalFieldManagerField to view the bitmapField (horizontally).

  -a manager of VerticalFieldManagerField to view the bitmapField (vertically).

  already images of display screen (bitmap field) with Horizontal and Vertical Manager, but I also want to display the background image for the screen, how can I reach this help me please.

  Concerning

  Adkins

  Thanks for all the response, I tried and sloved logic here how I did

   VerticalFieldManager mainVerticalManager = new VerticalFieldManager(Manager.NON_FOCUSABLE|Manager.NO_HORIZONTAL_SCROLL|Manager.NO_VERTICAL_SCROLL){
              protected void paintBackground(Graphics graphics)
           {  
  
           }
           protected void sublayout( int maxWidth, int maxHeight )
           {
  
           }
          };
  
  then i added other to manager on to this
  

  My problem is sloved thank you for the reply

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

• How to change the background image of the "submit" button

  Hi all

  I want to change the appearance of a submit button: instead of show a button with text 'Add', I want the button submit to be like an icon 'more'

  I tried to change the background image of the button submit like that, but it doesn't work. What is the ownership change?

        CSSStyle customCss = new CSSStyle();
        customCss.setProperty("background-image", "url('/OA_MEDIA/plus.png')");
        
        OASubmitButtonBean addSubmitButton = (OASubmitButtonBean)webBean.findIndexedChildRecursive("addSubmitButton");     
        addSubmitButton.setInlineStyle(customCss);
  

  Thank you

  Kind regards

  Afaf

  Why not try with just an Image and fireAction on it?

• How to change the background image of a newtab

  Hello

  I'm looking for a simple addon that will allow me to change the background image for my new tab page. I still want the empty bar url and the new tab to say "new tab". Just the simple ability to change the background image without changing anything else.

  Thanks in advance
  Niels

  Here's an add-on which may help! https://addons.Mozilla.org/en-us/Firefox/addon/customize-aboutnewtab/

• How to make the background of a control string Transparent?

  Hi all

  Is it possible to make the background of a control string Transparent?

  Thank you
  Ritesh

  Hello

  Yes. Over time edit use the color tool and select transparent (the "T" symbol in the upper right corner of the color selection dialog box) to the background color. At run time, use the property of "text color: text color: BG ' control of the chain.

• Cascades: How to set the background image for the menu drop down and etc...

  Hello

  Is there an easy way to set the background image for the menu drop down and etc, current support only black as a background?

  Thank you

  Tom.

  Welcome to the forums!

  This is currently not supported unfortunately.

  I encourage you to save a feature for this request:

  https://www.BlackBerry.com/JIRA/secure/dashboard.jspa

  See you soon!

  Martin

• How to make the background sound auto replay when the user back to the page?

  Hello. I do a flash project using Adobe Flash CS6 and AS3. Add background sound in every scene. However, I had put a single command to the sound of bg to stop in every scene. But the problem is when the user back to the previous page, the sound does not play. Anyone knows how to wow the background when the user returns without any power button etc.? Thanks in advance!

  var mySound:Sound = new Sound();
  mySound.load (new URLRequest ("sound.mp3"));
  mySound.play ();

• How to make a background Center with the rest of the content?

  Hello world

  I was wondering if I could pick your brains! I am new to Dreamweaver, I was taking a course in this and I wanted to see how much I've learned by creating a fictitious Web site.

  I wanted to create a Web site with a background image in it and it brought. Now, I can get everything in the body toward the Center but not the image, so when I check in the browser, the background to the left image stays, while the rest of the site is moving with the browser window as it should. I tried many things to fix this problem and the fear that I have created a mess with the code! Please could someone point me in the right direction?

  I thought I'd post the code here, hope this is ok?

  < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "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 = UTF-8 "/ >"

  < title > Untitled Document < /title >

  < style type = "text/css" >

  {body

  background-image: url(assets/images/Business%20Men%20In%20Reception%20Col.2.jpg).

  background-repeat: no-repeat;

  background-color: #003;

  margin-left: auto;

  margin-right: auto;

  position: relative;

  width: 960px;

  }

  #header {}

  margin-left: auto;

  margin-right: auto;

  position: relative;

  width: 960px;

  }

  {#heading}

  are-family: Georgia, "Times New Roman", Times, serif;

  are-size: 36px;

  make-style: italic;

  are-variant: normal;

  margin-left: auto;

  margin-right: auto;

  }

  {#bodytext}

  are-family: Georgia, "Times New Roman", Times, serif;

  are-size: 18px;

  line-height: 25px;

  are-variant: normal;

  width: 300px;

  }

  #container {}

  width: 960px;

  position: relative;

  margin-left: auto;

  margin-right: auto;

  }

  {.rightimg}

  float: right;

  margin left: auto;

  padding-right: 40px;

  }

  #heading #navbar ul li {}

  padding: 30px;

  }

  < / style >

  < script type = "text/javascript" >

  function MM_swapImgRestore() //v3.0 {}

  var i, x = offline. MM_sr; for (i = 0; a & & I <.) Length & & (x = a [i]) & & x.oSrc; i ++) x.src = x.oSrc;

  }

  function MM_preloadImages() {//v3.0

  var d = document; If (d.images) {if(!d.MM_p) d.MM_p = new Array();

  var i, j is d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i <.) Length; i ++)

  If (a [i].indexOf("#")! = 0) {d.MM_p [j] = new Image; d.MM_p [j ++] .src = a [i] ;}}

  }

  function MM_findObj (n, d) {//v4.01

  var p, i, x;  if(!d) d = document; If ((p = n.IndexOf ("?")) > 0 & & parent.frames.length) {}

  d = parent.frames [n.Substring(p+1)] .document; n = n.Substring (0, p) ;}

  If (!) () x = d [n]) & & copyrights) x = d.all [n]; for (i = 0;! x & & i < d.forms.length; i ++) x = d.forms [i] [n];

  for (i = 0;! x & & d.layers & & I < d.layers.length; i ++) x = MM_findObj (n, d.layers [i] .document);

  If (! x & & d.getElementById) x = d.getElementById (n); Return x;

  }

  function MM_swapImage() {//v3.0

  var i, j = 0, x, a = MM_swapImage.arguments; document. MM_sr = new Array; for (i = 0; i <(a.length-2); I += 3).

  If ((x = MM_findObj (a [i]))! = null) {document. MM_sr [j ++] = x; if(!x.oSrc) x.oSrc = x.src; x.SRC = a [i + 2] ;}

  }

  < /script >

  < / head >

  < body onload = "MM_preloadImages (' assets/images/home 2.jpg','assets/images/contact2.jpg','assets/images/Terms 2.jpg')" >

  < div id = "header" >

  < div id = "body" >

  "< p > < img src="assets/images/header-1.jpg "width ="920"height ="133"alt ="header"/ > < / p >

  "" "" "< p > < a href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage (" self "", ' assets/images/home 2.jpg', 1) "> < img src="assets/images/home.jpg "alt ="Link to the homepage"name ="Home"width ="303"height ="32"border ="0"id ="Home"/ > < /a > < a href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage (" contact us "," ' assets/images/contact2.jpg',1) "> < img src="assets/images/contact.jpg "alt ="Link to the contact page"name = width 'Contact us' = '299' height =" 32 " "" border = "0" id = "Contact us" / > < /a > < a href = "#" MM_swapImgRestore "onmouseover =" MM_swapImage ('Conditions', ", '2.jpg', 1 assets/images/words)" > < img src="assets/images/Terms.jpg" alt = "Link on the business terms" name = "Terms" width = "311" height = "32" border = "0" id = "Terms" / > < /a > < /p >

  < / div >

  < / div >

  < div id = "topic" >

  < p > welcome < img src = "assets/images/Man In suit crop.jpg" alt = "Man in a suit" width = "281" height = "220" class = "rightimg" / > < / p >

  < / div >

  < div id = "bodytext" >

  < p > here at Alexander Head & amp; Co Ltd that our goal is to provide business service levels, they used to enjoy before the time of consolidator. With the insurance market changes so quickly and more provincial brokers being supported by large organizations, levels of service personnel are disappear. We offer you this service and always offer him < br / >

  competitive premiums that you deserve. Read about < /p >

  < / div >

  < p > < img src = "Images/assets/young businessmen crop.jpg" alt = "young business people" width = "282" height = "216" class = "rightimg" / > < / p >

  < / body >

  < / html >

  Kind regards
  Dave

  Add to your body rule

  background-position: center;

  Gary

• How to make the background transparent in EP 14?

  Have a picture to copy onto another image. How do you get the transparent background? Is there a plugin for this?

  Is there a help line just for the EP? Sought a transparent background and found Q & A the PS full, Illuminator, and other Adobe products.

  To answer the first part (make transparent white):

  1. change the background to a normal layer layer by double-clicking on it in the Palette layers and by changing the name. Simply accept the default name "Layer 0". Use the different selection tools to select the white part. In this example, I used the magic wand with the uncontrolled contiguous option and clicked on the white...

  

  2 remove the selection, replacing with transparency.

  

  3. save the file in a format that supports transparency, such as TIFF, PNG or GIF.  JPG and BMP do not support transparency.

  As for the second part (the text does), please send a screenshot showing your PSE working area and pallet layers open when you added the text.

• How to make the background blur when shooting a video?

  Hello, I would like to know how to make a blur background during the filming of a video DO NOT take pictures.

  I use a Powershot SX500 IS

  I don't see any way to do this with a camera type point.  The only way you will get the result desired is using a digital SLR and a lens with an aperture of F1.8 or less if possible, but a 1.8 should be sufficient for most needs.