make the text watermark on the background image

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 make the background image with dramatic style?

  Most of the images I see it is mix of pattern in the background which make it look alive. The model are lines and shiny effects. How do these lines

  oshop http://PSD.tutsplus.com/tutorials/Tutorials-Effects/Creating-a-Mac-type-background-in-phot.

  http://www.Tutorial9.NET/Photoshop/creating-the-Windows-Vista-lighting-effect/

  http://psdlearning.com/2008/06/luminescent-lines/#more-45

  Search for abstract Photoshop etc.

• Why States don't work not on view of Tablet for blocks of text on the background image?

  I have a Macbook Pro with Top high S/W config everything up to date.

  With the help of Muse.

  View the site of the tablet.

  Simple text box buttons with States on a picture background full width - WORK only!

  The buttons of the text frame are in the UPPER layer.

  Visible but do not respond to touch everything. At least I have remove the background image.

  
  

  Cannot understand the days.

  
  

  Help, please.

  
  

  Thank you

  
  

  Eli @.
  

  MUSE STAFF!

  I found a major bug that should be fixed:

  For the Tablet:

  A button image or text-related State should be in the upper layer to meet the States.

  If a composition menu is opening and covering the button when triggered - THE BUTTON WILL NOT RESPOND EVEN IF THE COMPOSITION IS CLOSED!

  Only if the button is PLACED over the composition of the layer and becomes the OBJECT absolute TOP in the layer - THEN ONLY he will answer.

  PLEASE LET ME KNOW IF YOU GOT IT.

  I tested it on a few projects and the bug is consistent.

  [email protected]

  Thanks to its fixation in the near future

  Eli

• Text on the background image

  I have a page that I used "opacity" to clarify the background image, but it has also reduced the text. And I want the background behind the text centered image.

  Here is the page that I need help: http://www.healthquestpt.com/hpc/purpose.html

  Here's how I want it to look: http://www.healthquestpt.com/homephysiciancare/purpose.html

  Here is the css code:

  #purpose

  {

  float: left;

  left margin: 35px;.

  top of the margin: 50px;

  margin-bottom: 40px;

  Width: 287px;

  height: 403px;

  background-image: url (.. / images/purpose_imag000.jpg);

  opacity: 0.666667;

  Filter:alpha(opacity=66);

  }

  Thanks for your help!

  Right.  Opacity CSS effects everything inside the container.

  For a simple solution, use a mosaic of image semi-transparent.png as your background image.

  Nancy O.

• Expand the background Image to cover across the region title

  I have a region title that contains an image and it has a height of 2 rows, but the background image (blue image) is not growing in the region (the css contains repetition for background). The application uses the theme 2. Can anyone help?
  
  CSS:

  .rc-title {
      background: url("../images/bg-region-blue-l.gif") repeat scroll 0 0 transparent;
      float: left;
      width: 100%;
  }
  div.rc-blue-top
  {
      background: url("../images/bg-region-blue-l.gif") repeat scroll 0 0 transparent;
      float: left;
      width: 100%;
  }

  I created the application on the APEX. ORACLE.COM:
  Workspace: RGWORK
  User: TESTER
  Password: test123
  Application: CSRSR (33558)
  
  Select view from the menu (only choice).
  
  You will see that the tabular forms a dog tags and an image, another tabular form has a picture but no text (nameplates), even if it is there. I live blue to cover the image and the text.
  
  Help, please
  
  DB: 10g
  APEX 4.1
  
  4.2 APEX (APEX. ORACLE.COM) works the same way.
  
  Robert
  http://apexjscss.blogspot.com

  sect55 wrote:
  fac586,
  I would like to try the second option:
  >
  Another option would be to eliminate the problem by moving images of the nameplate on the titles of the region. There is a horizontal space within the regions that will allow these images to be rotated to the left of tabular form, that would look OK. But how to refer to the horizontal space within the regions? I looked at the model for the region:

  
  
  #TITLE#
  #CLOSE##PREVIOUS##NEXT##DELETE##EDIT##CHANGE##CREATE##CREATE2##EXPAND##COPY##HELP#
  
  #BODY#
  
  
  
  
  

  and could not put the image in horizontal space.

  Can you please help me by providing the details?

  There are two options, depending on the role you see images of the plate by playing on the page. I used the two regions to give an example of each.

  * 1. Nameplate as eye-candy: * If there is sufficient information on the region, contained region title and labels of items to make the images of the nameplate of the superfluous by providing information to the user and you are just using them to improve the appearance of the page, then they can only be applied using CSS.

  /* Nameplate image as CSS eye-candy */
  #nameplates-ndc div[id$="catch"] {
    min-height: 36px;
    padding-left: 113px;
    background: transparent url(#WORKSPACE_IMAGES#nameplate_ndc.gif) top left no-repeat;
    background-size: 103px;
  }
  

  Note the use of the CSS3 background-size property to resize the image. If the application needs to work in browsers that do not support this so you will have to drop it and create an image of the exact size required for use in the bottom rule.

  * 2. Nameplate as content: * If the plate images are necessary to provide information to the user, then they should be included in the region (and they must have an alt attribute, providing an alternative representation of the information contained in the image).

  Put the image in the header area:

  and it floats so it sits next to the form:

  /* Nameplate image as page content */
  #nameplates-name .rc-content-main img {
    float: left;
    margin-right: 10px;
  }
  

• a: link has the background image

  I have a bkg img in my NAV to nav and the bottom (navBkg.jpg) these NAVs are style very specifically for the nav and low Nav in my css.  However all a links show this backdrop, rather than just the nav and the low NAV.  You can see in the lower area (snack of the week Club Eva prim) where it says "...". Read more. »

  http://carriecoren.com/test/Sept9

  Here's the css:

  @charset "UTF-8";

  #column3 img {}

  margin-left: 10px;

  }

  @font-face

  {

  do-family: myFirstFont;

  SRC: url (Gondola_SD.ttf);

  }

  *{

  margin: 0;

  padding: 0;

  }

  one, a: link, a: hover {}

  background-image: url (.. / images/whtBkg.jpg);

  }

  {body

  do-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

  do-size: 14px;

  color: #222;

  line-height: 18px;

  margin-right: auto;

  left margin: auto;

  text-align: left;

  background-image: url (.. / images/blue_bg_vert.jpg);

  background-repeat: repeat-x;

  background-color: #000;

  }

  #container {}

  Width: 960px;

  margin-right: auto;

  left margin: auto;

  margin-top: 0px;

  margin-bottom: 0px;

  text-align: left;

  background-color: #FFF;

  background-image: url (.. / images/containerBkg.jpg);

  background-repeat: repeat-y;

  }

  #content {}

  Width: 920px;

  padding-right: 20px;

  padding-left: 20px;

  }

  #header {}

  background-image: url (.. / images/header.jpg);

  background-repeat: no-repeat;

  padding: 0px;

  height: 280px;

  Width: 960px;

  text-indent:-9999px;

  margin-top: 0px;

  margin-right: 0px;

  margin-bottom: 0px;

  left margin: 0px;

  }

  / * column 1 * /.

  {#column1}

  Width: 590px;

  top of the margin: 30px;

  margin-right: 0px;

  margin-bottom: 20px;

  margin-left: 10px;

  border: medium solid #888;

  background-image: url (.. / images/column1art.jpg);

  padding-bottom: 50px;

  float: left;

  }

  #column1 p {}

  do-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

  do-size: 14px;

  color: #222;

  line-height: 22px;

  padding-left: 253px;

  padding-right: 10px;

  padding-bottom: 10px;

  }

  #column1 h1 {}

  Police-weight: normal

  do-family: Gondola_SD.ttf;

  do-family: 'gondola SD","Gondola SD - Swash";

  padding-top: 20px;

  padding-left: 240px;

  padding-bottom: 10px;

  font size: 20px;

  Word-spacing: 95%;

  text-transform: uppercase;

  line-height: 30px;

  text-align: center;

  }

  / * column 2 * /.

  {#column2}

  background-color: #FFF;

  padding: 0px;

  Width: 250px;

  margin-top: 30px;

  right margin: 20px;

  margin-bottom: 0px;

  margin-left: 10px;

  float: right;

  padding: 0px;

  }

  #column2 li {}

  list-style-type: none;

  display: inline;

  padding: 0px;

  margin-top: 0px;

  right margin: 8px;

  margin-bottom: 0px;

  left margin: 0px;

  }

  #column2 a, a: link {}

  margin-top: 0;

  margin-right: 0px;

  margin-bottom: 0;

  left margin: 0;

  padding-top: 0;

  padding-right: 0;

  padding-bottom: 0;

  padding-left: 0;

  }

  / * column 3 * /.

  {#column3}

  Width: 550px;

  margin-right: 0px;

  margin-bottom: 20px;

  margin-left: 10px;

  border: medium solid #888;

  padding: 20px;

  float: left;

  height: px;

  background-color: #FFF;

  }

  #column3 p {}

  do-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

  do-size: 14px;

  color: #222;

  line-height: 22px;

  }

  #column3 h2 {}

  Police-weight: normal

  do-family: Gondola_SD.ttf;

  do-family: 'gondola SD","Gondola SD - Swash";

  padding-bottom: 10px;

  do-size: 16px;

  Word-spacing: 95%;

  text-transform: uppercase;

  line-height: 30px;

  text-align: left;

  }

  #column3 a, a: link {}

  color: # 33;

  background-color: #FFF;

  background-repeat: no-repeat;

  }

  #column3 a: hover {}

  color: # 33;

  make-weight: bold;

  }

  H1 {}

  padding-bottom: 10px;

  Police-weight: normal

  do-family: Gondola_SD.ttf;

  do-family: 'gondola SD","Gondola SD - Swash";

  padding-top: 20px;

  font size: 20px;

  Word-spacing: 95%;

  text-transform: uppercase;

  line-height: 30px;

  text-align: center;

  }

  / * the main nav * /.

  #nav {}

  Width: 960px;

  height: 35px;

  margin-bottom: 10px;

  padding-top: 5px;

  padding-right: 0px;

  padding-bottom: 0px;

  padding-left: 0px;

  text-align: center;

  do-size: 14px;

  line-height: 30px;

  do-family: 'gondola SD","Gondola SD - Swash";

  border-top-width: thin;

  border-color: #000;

  background-image: url (.. / images/navBkg.jpg);

  background-repeat: repeat;

  }

  #nav ul {/ * this is the main nav list * /}

  list-style: none;

  margin-bottom: 0px;

  Width: 100%;

  margin-top: 0px;

  }

  #nav li {}

  display: inline;

  background-image: url (.. / images/navBkg.jpg);

  background-repeat: repeat-x;

  }

  #nav li has, a: link {}

  padding-right: 25px;

  padding-left: 15px;

  text-decoration: none;

  background-image: url (.. / images/navBkg.jpg);

  background-repeat: repeat-x;

  vertical-align: bottom;

  Width: 100%;

  padding-top: 0px;

  padding-bottom: 0px;

  margin-top: 0px;

  }

  #nav li a: hover {}

  background-image: url (.. / images/navBkgHover.png);

  background-repeat: repeat-x;

  padding-top: 6px;

  margin-top: 0px;

  Width: 100%;

  }

  / * nav down * /.

  {#bottomNav}

  Width: 960px;

  background-color: #003399;

  margin: 0px;

  padding-top: 0px;

  padding-bottom: 0px;

  border-top-width: 9px;

  border-top-style: solid;

  border-bottom-color: #000;

  text-align: center;

  background-image: url (.. / images/navBkg.jpg);

  background-repeat: repeat-x;

  float: left;

  height: 25px;

  }

  #bottomNav ul {}

  list-style: none;

  make-weight: bold;

  margin-bottom: 0px;

  margin-top: 0px;

  padding-top: 0px;

  padding-bottom: 0px;

  }

  #bottomNav li {}

  margin-right: 0px;

  position: relative;

  padding-right: 10px;

  padding-left: 10px;

  padding-top: 0px;

  padding-bottom: 0px;

  display: inline;

  }

  #bottomNav a, a: link {}

  margin-right: 0px;

  padding-right: 10px;

  padding-left: 10px;

  padding-top: 7px;

  padding-bottom: 7px;

  display: inline;

  margin-top: 10px;

  margin-bottom: 0px;

  color: #DDD;

  }

  #bottomNav a: hover {}

  color: #DDD;

  Background: #660000;

  }

  {#pinterest}

  Width: 250px;

  margin-right: 0px;

  margin-bottom: 20px;

  left margin: 0px;

  }

  #twitter {}

  background-color: #FFF;

  Width: 250px;

  margin-right: 0px;

  margin-bottom: 20px;

  left margin: 0px;

  height: 100%;

  top of the margin: 15px;

  }

  {#social}

  Width: 250px;

  height: 58px;

  background-color: #FFF;

  }

  #copyright {}

  do-family: Arial, Helvetica, without serif.

  do-size: 9px;

  line-height: 20px;

  color: #222;

  text-align: center;

  Width: 100%;

  float: left;

  }

  {#contact}

  margin: 0px;

  height: 140px;

  Width: 50px;

  padding-right: 10px;

  padding-left: 20px;

  border: thin solid #222;

  padding-top: 40px;

  }

  . Clear {}

  Width: 900px;

  color: #EEE;

  top of the margin: 100px;

  margin-right: 0px;

  margin-bottom: 0px;

  left margin: 0px;

  Clear: both;

  }

  #container #content #clear {}

  Width: 700px;

  }

  However all a links show this backdrop, rather than just the nav and the low NAV.

  Perhaps, you will also need to change this code a little:

  #nav li a, a:link {
  

  TO:

  #nav li a, #nav li a:link {
  

  Your code is targeting all THE links on the page, while the second code which I gave is the targeting of specific links.  Slight difference but big changes on the page.

• Change the background Image on a Page of a Site.

  CSS of my site has a background image set. I need to change the background image on a page, which has a feedback form.

  I tried a number of different positions for the insertion of the image, but nothing helped. I tried to go in the rule for div id = 'background', and change is here, but it affects all pages. So, I guess that I must write a new rule?

  Here is the code:

  < div id = 'background' >

  < div id = "items" >

  < h2 > Heard! < / h2 >

  < p > < a href = "index.php? status = pending" > waiting for < /a > < a href = "index.php? status = planned ' > under < /a > < a href =" index.php? status = declined "> refused < /a > < /p >" "

  < ol >

  <? PHP {? >}

  < li > < strong > <? PHP echo $row_Getclan ['title'];? > < / strong > < br / >

  <? PHP echo $row_Getclan ['content'];? > < br / >

  by

  <? PHP echo $row_Getclan ['author_name'];? >, to <? PHP echo $row_Getclan ['created_at'];? > < /li >

  <? PHP} while ($row_Getclan = mysql_fetch_assoc ($Getclan));? >

  < /ol >

  < p > < a href = "<?" PHP printf ("%s? (pageNum_Getclan = %d %s", $currentPage, max (0, $pageNum_Getclan - 1), $queryString_Getclan);? > "> previous view < /a > <?" PHP echo ($startRow_Getclan + 1)? >... <? PHP echo min ($startRow_Getclan + $maxRows_Getclan, $totalRows_Getclan)? > on <? PHP echo $totalRows_Getclan? > < a href = "<?" PHP printf ("%s? ("pageNum_Getclan = %d %s" %s "$currentPage, min ($totalPages_Getclan, $pageNum_Getclan + 1), $queryString_Getclan);? > "> Next < /a > < /p >"

  < / div >

  < div id = "crΘer" >

  Speak < h2 > < / h2 >

  < do action = "<?" PHP echo $editFormAction;? ">" method = "post" name = "form1" id = "form1" >

  < table align = "center" >

  < tr valign = 'of basic">

  < td nowrap = "nowrap" align = "right" > title: < table >

  < td > < input type = "text" name = "title" value = "" size = "32" / > < table > "

  < /tr >

  < tr valign = 'of basic">

  < td nowrap = "nowrap" align = "right" valign = "top" > content: < table >

  < td > < textarea name = "content" cols = "50" rows = "5" > < / textarea > < table >

  < /tr >

  < tr valign = 'of basic">

  < td nowrap = "nowrap" align = "right" > votre_nom: < table >

  < td > < input type = "text" name = "author_name" value = "" size = "30" / > < table > "

  < /tr >

  < tr valign = 'of basic">

  < td nowrap = "nowrap" align = "right" > Your_email: < table >

  < td > < input type = "text" name = 'author_email' value = "" size = "30" / > < table > "

  < /tr >

  < tr valign = 'of basic">

  < td nowrap = "nowrap" align = "right" > < table >

  < td > < input type = "submit" value = "Insert file" / > < table >

  < /tr >

  < /table >

  < input type = "hidden" name = "MM_insert" value = "form1" / >

  < / make >

  < / div > < / div >

  Thank you.

  div id = 'background' will work for all pages related to a style sheet.

  The best way to do what you want is to re-register your stylesheet with another name. So for a page, link to this new stylesheet. Then, in the style sheet, change the background image. It was easy.

  The only way to do and keep a style sheet is change the designation of the div tag that has your training, to something like the div id = 'backgroundCommon' and then create another div for just one page as div id = "backgroundSpecial".

  Then in your style sheet, copy the description of div and rename it backgroundSpecial and then call on just the single page, with the other pages making up the backgroundCommon.

  Make sense?

• How can I change the background image of an album?

  I'm trying to figure out how to change the background image of the album. I'm not trying to change the picture of the official album, but the background image for the album. Is there a way I can change it?

  

  Your screenshot is the section of the iTunes store. None of the graphics or text on the iTunes Store are under your control. You cannot change them.

• Why change the background image of the dashboard of data crash the app?

  I'm changing the background image of my dashboard (on a third generation iPad).  Whenever I try to make the change, the data dashobard app breaks down just.  Even if I try to change to a color, the application crashes.  I can insert a picture without problem.  I guess it's just a bug or something but has anyone else seen this problem?

  I was able to reproduce this crash with the following steps:

  -Set up a background image of a page

  -Copy the dashboard somehow. You can reproduce the dashboard, share by email, export and re - import OR clouds, etc.

  -Open the copy of dashboard

  -From the copy, change the background image (for a solid color or another image)

  If you set a background image of a page, close and reopen your dashboard and then try to change the background to something else, you will encounter this error.

  Solution: If you have the original background image in your Camera Roll, you can fall as an image on the same page (Photo Palette, select in the library). Then you can remove this image and change the background also image.

  If you do not have the original image, you may need to start with a new dashboard. (For each page on the old dashboard, you can tap the bottom, select all, copy / paste on another dashboard).

  There is a similar problem with images removed, if you shared the dashboard and you work on a copy. In this case, the solution is to copy and paste the image before deleting. (Otherwise, you'll get a dialog error instead of an accident, but the image is not clear).

  I deposited cars for these issues internally. Sorry for the inconvenience.

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

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

• Change the background image on the login page (smarthphone theme)

  Hello

  I would like to know how to change the background image on my login page.

  Version of the apex is 4.2.4.
  The theme is jQuery Mobile Smartphone (topic 50).

  Pls remind me if I missed some important information.

  I have a model of customised area on this page. My user name text fields and password + "CONNECT" button is placed in this area.

  I also have an inline css that centers in my area. My dimensions of the region are also placed here.

  Not available to access the application today so bad im trying to provide the look of it with a drawing.

  Also I noticed that my experience has some white color.

  Ty for any information that you provide.

  

  Hi Para,

  Try the style of your page like

  But if trying to define for your application color gradients extract ThemeRoller to http://jquerymobile.com/themeroller

  to set the themes of all colors and gradients you want without doing custom overrides CSS jQM Apex definitions.

  Everything you have requested can be configured via the ThemeRoller.

  Also found what may be useful if you are going to customize your login

  http://orapedia.files.WordPress.com/2012/12/how_to_set_background_image_in_a_oracle_apex_login_page.PDF

  Kind regards

  Benjamin.

• I'm having a problem using the slideshow module in LR 6.3. The slideshow contains the background image as one of the images to display. Earlier, I had created a slideshow of practice and the background image was not displayed as an image in itself. How to

  I'm having a problem using the slideshow module in LR 6.3. The slideshow contains the background image as one of the images to display. Earlier, I have created a slideshow of practice and the background image was not displayed as an image in itself. How to make it behave?

  Another approach, perhaps a little more elegant (?). Create a collection that includes images for the slideshow. Include the background image in the collection. Drag the background image in the Panel to designate. Then, remove this image from the collection and create the slide show. I just tried and it works, too.

• What is the best way to remove a white background seamless photo with a photo of the white product in order to make the background transparent for the production of graphic art?

  I'm making a picture of the product of a product of pale whitish color on a white background without sewing (quite complex detail).  I need to make the background transparent for the web and the production of catalogs, I've always used the pen tool to create a clipping path.  Is there an easier way?

  According to the image that you have to work with, you could try an initial with the Quick Selection tool and refine edges.  Save the new output layer with layer mask.

  http://photography.tutsplus.com/tutorials/quick-tip-using-refine-edge-for-improved-masking--photo-14682

  Nancy O.

• footer on the background image

  I have a site with a large different background behind each page image. I want to be stick to the bottom of the browser window, the background image going behind the footer footer.

  Muse pushes the footer below this background image.

  Suggestions?

  Jeff

  Hello, I see 2 ways to address them.

  1 use this browser fill background image and it will stay behind the footer. Second, half of the video below explains how.

  Add a picture to the background of the page or the browser. Adobe Muse CC tutorials

  2. you can also use the tab layers in muse.

  • Create a new layer in the tab layers
  • Move the new layer under the existing layer (drag / move).
  • Select the footer items and move them to the lower layer of right click > move to layer > select the bottom layer. Make sure that the footer is below the layer that contains the background image. Check more info on similar layers: Adobe Muse Help | Working with layers

  Concerning

  Vivek