transparent image on top of using the model

Hello Adboe SW forum. I would like to create an effect like the following link: http://www.joomlademos.de/home?template=pizza

Where if you click on the image of the pizza guy, you will notice that the image is placed on top of the layout pattern design. I can't understand how to achieve such a cool concept. is - this is css? If anyone can help in pointing me in the right direction?

I guess the first task would be to make a transparent .png file, then find a script or code to apply it to my site. Thanks in advance for your comments and suggestions. Have a great day.

edit------------------------------------------------------------------------

I found a way that works, however I have a lttle glitch. The overlay image moves from left to right depedning on the width of the browser window. Is it possible to anchor the image to stay left brim edge of model and not window? I'm using the following code for the css:

position: absolute;
z index: 55;
Top: 0px;
left: 5%;
Width: 348px;
height: 262px;
background-image: url('images/aaa-logo.png');
background-repeat: no-repeat;

You can place the AP div in a relatively positioned Div so that the AP div is relative to the outer div.

If you look at the styles for the div that surrounds the peak div, you can see that he has a position of parent:

.art-sheet
{
position: relative;
z-index: 0;
Auto margin: 0;
Width: 1000px;
min-width: 55px;
min-height: 55px;
}

and for the pic AP div styles give the coordinates from the div. art sheet

.PIC
{
position: absolute;
z index: 55;
top:-199px;
left: 500px;
Width: 348px;
height: 262px;
background-image: url('.. / images/pic.png');
background-repeat: no-repeat;
}

Tags: Dreamweaver

Similar Questions

  • T-Shirt Designing (1): how to make wider white box (using the model of t-shirt)?

    CS6 using

    T-Shirt Designing (1): how to make the white box more wide inside the shirt (using the model of t-shirt)?

    Well, I learned that I can go to file > new from the template > blank template > T-shirt to start to create a design for my t-shirt.

    It shows a small picture of the t-shirt with a rectangle in the middle that also represents the large rectangle (where I create my design).

    Question, am I suppose to create the right design in the large rectangle?

    2nd... I figured out how to adjust the length and width of the largest rectangle (through the corners, then clicking on it to open the section length/width at the top of the screen). However, when I adjust the height and width, is not the same for the rectangle inside the shirt.

    What I'm trying to do, is ensure that my design takes more than forward of the sweater by expanding the width.

    How to make the small rectangle in the large t-shirt too?

    Hello

    The small rectangle in the t-shirt line drawing is a guide. So, what you need to do is unlock guides, remove the small rectangle and create a new.

    (1) go to the view > Guides > release Guides. You will now be able to edit the guides, which are light blue in my document.

    (2) just so that you know what I'm talking specifically, open the Layers panel and place you on the Guides layer. Click the arrow next to reveal the guides within the layer. I locked all the other layers in the document to make it easy for me.

    (3) select the small rectangle, and delete.

    (4) use the Rectangle tool to draw a new in size.

    5) option click on the new rectangle to open a launcher. Select make Guides.

    You now have a guide again, larger rectangle! Let me know if you have any other questions.

  • How and where can I find my Macbook Pro using the model number

    How and where can I find my Macbook Pro "using the MODEL number" NOT the serial NUMBER please...

    Hello world:

    I would like to know more about my MacbookPro using model # is if there is a website or a program that I can type my model # so she'll tell me more on my computer...?

    http://www.EveryMac.com

  • HP 1287c Windows 7: windows 7, try to use the model of hp 1287c hp 5302 keyboard does not

    have a hp 1287c windows 7 tries to use the model of hp 5302 keyboard does not respond

    try to use the old Hp keyboard model 5302 was for windows 2000 did not know if could use when I plug computor does not recognize he wonding if possible to work?

    45fmj

    Hello

    Well, the keyboard is now very cheap, the converter may not work correctly. After 16 years of him please give a rest.

    Kind regards.

  • Create a target table by using the model of the ODI

    Hi all

    I am new to ODI. I'm try export table RDBMS for source RDBMS table at target.

    If we create the structure of the target in the trg schema table or we can create using the model fit obi by selecting new data store.

    Owb loading target tables is created and the data will be loaded.

    Pls help me about this.

    Thanks in advance.

    Hello
    You can create it in the two ways.if you create using ODI data store, you must select Create table option target in flow during loading of the target.

  • Preview an image before loading it using the FileReference class in flex 3

    Preview an image before loading it using the FileReference class in flex 3?

    Hello

    The following code uses the filereference class to load the local images, it feeds each image into an arraycollection of bytearray collection. Its a filereference differenct aspects to load and display images.

    http://gumbo.flashhub.NET/pagedrop/ source included

    David.

  • Pages export to Word using the model of NEWSLETTER, issue 1 of page spacing

    QUESTION: Anyone know if model NEWSLETTER (and or Museum Brochure) correctly export to .docx and how delete images or change the text boxes using these models so that I am still able to export properly?

    I used the NEWSLETTER model, whose Pages can export to .docx and then import to .docx (I don't know if that Word can do, but Pages indicates it would be).

    Problem: after the header of the newsletter, I removed the photo and have floating only the areas of text underneath.  I have two pages, the 2nd page export perfect (a page break separates it from the first).  On the first page, there are 12 small boxes in two columns under the heading who generously and easily fit on the first page.  It is not unlike the model I have, however, but with no photos.  I've seen many templates use these 'boxes' in support of the columns of text on a page, I don't think the floating box would be a problem.  However, I like the wish of floating boxes to learn how to use them so that they "work".

    I saw immediately that the text boxes, I added, when export and imported .docx, lose their place and float under the heading (NEWSLETTER) (superimposed text, bad page layout).

    I noticed the paragraph (carriage return, Enter) symbols, while I moved around text boxes, had become interlaced between the boxes, but not all - 1/2 at the bottom of page.  I then noticed that attempt to remove the superfluous paragraph runs in .pages (after repositioning all the boxes), but aggravated .docx, also the Pages do not leave even to remove the first symbol (it mystifies me, because the models do not appear to use paragraph at all except inside the floating boxes).

    Finally, I added enough symbols paragraph so that there was a conflict between each text box, but not as much as Word decide to add a blank page.  I had to make sure the columns are too wide - they should be 1/4 "part we will tell.  THAT APPEARED TO WORK.  Pages exported and imported it point by point I was happy.

    But when my Advisor job achieved and open in Word (the one for Windows 7), the SAME problem, I had before setting the transport returns appeared: the two decoders or four are overlapping the title, and set the person must have inserted transport returns before the first text box to move it all down (which seemed to work - but failed as an export and no not to use practice later).  'good work '.  Fortunately, I also have attatched a PDF export, however the person had asked to change their PLU using high government dell.

    QUESTION: Anyone know if model NEWSLETTER (and or Museum Brochure) correctly export to .docx and how delete images or change the text boxes using these models so that I am still able to export properly?

    Thank you hope that your next print job loose its staples.

    Well, we have said for years in this community if you want stressless, architecture native document exchange with Windows Word users that you need to use the most recent Word available on the Mac.

    Pages is not a clone of Word, and Apple does not guarantee that the open translation process / export from/to the architecture of document Word will remain faithful to the original of the document formatted.

    In response to your questions:

    1. If you have document objects in a model with x on their border, and then the object is locked. You visit the tab Pages to reorganize v5, and downstairs you can unlock these objects for further editing, or deletion.
    2. It is advice that we can give here will make sure Pages exports specifically to the word he already did not. The logic of translation is connected to demand, and it is the price of roulette.
    3. Continue the first paragraph.
  • How to repeat 100% image in a box in the model

    I built a new model which already has an image of background behind the content area.  This background image is the height and width of 100%.  Now, I made the header area, in the area of content and the footer area.  What I need help with is: I want to have a box behind the content area which continues in the footer.  In this box, I want a repeated background pattern that continues regardless of the amount of content in the content area.  I know how to do this using tables and code, but I can't understand in the MUSE.  I added to the area, said the repeated image verticle, but it won't extend to 100% downward.  It stops just at the height of the area which was built in MUSE and then the background repeated stops too...  Can someone explain to me how to do this correctly?  That's all I have left, and then this site template is finished.

    Tom

    Repeatable portrait of the image must be created outside the Muse using any image editor like photoshop and then use the same image on the page indicate or you use vertical mosaic in the fitting.

    Thank you

    Sanjit

  • Unable to save image in FF27 - win7 using the option of the context menu. Does nothing.

    When you try to save an image from a web page using FF27, I am not able to get this working using the option in the context menu. It is a very recent change. Problem occurs on a computer desktop and laptop running Windows 7.

    I searched using Google with no help is found. Is there a way to save the image if I use the Picture Info option in the context menu if something goes wrong.

    ROSC

    It must have been some changes in FF27 or 27.01 the addon of problem being that I have used for a time very long. Addon is PhotoMe which is a program and there is an option to install as an add-on.

    Disappointedly, I removed it from both PC and Firefox will now save the Image using the context menu.

    Thanks again for your help.

    ROSC

  • How to use the model instead of RP pspice to create the new component?

    Hi, I need to create the model of opa890 of TI, but I found no spice I find model pspice, how to use it to create the new template part.

    Fouda, salvation

    I took a quick glance to the component but for some reason, the model pspice does not correctly applied to the component. The second problem was that the pins have been mapped properly. I've done the component for you with the model and print and attached it to this message. You just need to add it to your database of click with the right button on the component, and then clicking on save to DB component.

    If all goes well, you should start to see the results of the component. I hope this helps.

    Best regards

  • Is there a recovery for an Acer C720P image, or should I use the 720 recovery image?

    I would like to create a USB stick recovery, but am unable to find an image for my Acer C720P. May then jeutiliser the 720 generic write on the USB recovery image I want to use for the recovery / emergency purposes? Any help apreciated.

    Hi globetrotterdk,

    Yes, the creation of the image in the Chrome operating system or by using the recovery utility of Chrome on a PC base with a Chrome browser will allow you to create a backup of Windows. The version of Chrome OS will be determined by what you and your material, so no reason to choose anything and for recovery of Chrome utility, they are trying to simplify this away so many different types of chromebooks, use the generic C720 will work for you.

    Link to a related discussion: http://community.acer.com/t5/Chromebook/Unable-to-creat-recovery-image-for-C720/m-p/285320#U285320

    Hope this helps,
    Cory

  • CUC - uses the model of eggs of 1000 users for users of 1100?

    Hello world

    According to http://www.cisco.com/c/en/us/td/docs/voice_ip_comm/connection/10x/suppor...

    If I select the model of the EGGS for 'Platform Overlay for up to 1,000 virtual users'
    -Means that the user account and the mailbox in the UCA should not exceed 1000 UESRS?

    If I have 1100 UESRS and very very low use of voicemail, I can still using this model of EGGS "CUC 1000 user?

    Thanks in advance

    Sam

    Hello

    According to my understanding, surpassing the number of users speciied in EGGS will not raise any errors. However, given that the product has been tested with some settings for optimum performance, exceeding the specified limit is not recommended and very probably is not supported by the TAC in the case of any performance issues.

    Manish

    -Does the rate of useful messages-

  • How to use a regular expression using the model concept and match for this scenario?

    Hi guys,.

    I have a string "we have 7 tutorials for Java, 2 tutorials for Javascript and 1 tutorial for Oracle.

    I need to replace the numbers based on the condition below.

    If more then 5, replace with many

    If less than 5 then replace by a few

    If it is 1, replace by "only one".

    Here is my code, I'm missing the part equates to replace the numbers could one of please help me solve you this.

    private static String REGEX = "(\\d+)"; "

    private public static String INPUT = "we have 7 tutorials for Java, 2 tutorials for Javascript and 1 tutorial for Oracle."

    String pattern = "(.*) (\\d+)(.*)";

    private static String REPLACE = "replace with many";

    Public Shared Sub main (String [] args) {}

    Create a model object

    Model r = Pattern.compile ("REGEX");

    Now create object match.

    Matcher m = r.matcher (INPUT);

    Change the value to 7 by the replacement string

    How to assimilate (\\d+) greater than a number and use the code below.

    ENTRY = m.replaceAll (REPLACE);

    Print the final result;

    System.out.println (Input);

    Thank you and best regards,

    Hello

    Try the following makes use of 'appendReplacement"instead with the methods 'start' and 'end' to locate and check the search string"regExp"before dynamically set the string"replace ":

    String regExp = "\\d+";
    String input = "We have 7 tutorials for Java, 2 tutorials for Javascript and 1 tutorial for Oracle";
    String replace;
    Pattern p = Pattern.compile(regExp);
    // get a matcher object
    Matcher m = p.matcher(input);
    StringBuffer sb = new StringBuffer();
    while (m.find()) {
       Integer x = Integer.valueOf(input.substring(m.start(), m.end()));
       replace = (x >= 5) ? "many" : (x == 1) ? "only one" : "few";
       m.appendReplacement(sb, replace);
    }
    m.appendTail(sb);
    System.out.println(sb.toString());
    

    HTH.

    Kind regards
    Rajen

    PS: Please mark as answer/useful if it solves your problem to the benefit of all members of the community.

  • How to use the model taskflow

    For some of my workflow, I want to check something before running the workflow. If I I could use taskflow model but I don't really understand how it works.

    In my workflow model, I have a router that has 2 results a default result refused and the other with an expression with a result obtained. Then, I created a stubborn workflow based on this template.

    Q: how associate you the result of the router in the model entry in the btf child?

    What I don't understand is how to use the result of the router.

    Note: I want to use the flow of tasks as a reference model not copy

    Thank you

    JDev 11.1.2.4

    Try a wild-card navigation and add the result to the wildcard and point to an appropriate page.

    Timo

  • First group title below displays under the column headers using the model 23 classic report with the help of repeat titles on break

    Hello

    I am migrating an application from 3 APEX APEX 4.2 on a thing I noticed with the classic reports when I put them in the model 23, it's that the first section break has break notch under the headings of columns for this section of line while the remaining lines properly have it display above the headers on the subsequent sections of group.


    When I look at firebug code I saw that all the tables but the first, the break line is included in the last line of the previous table, so I can see how it did not work for the holidays since.

    I have tow questions.

    1. is it really intentional because it seems not terribly elegant and my users to zero immediately above as a perceived bug.

    2. is there a reasonable job around always use headers repeat on break? I have multiple reports on the same page in places so switch to interactive reports is not a quick fix for me in this case.

    Example of a question can be seen at apex.oracle.com at home

    Thank you

    Brad

    Roadling wrote:

    Hello

    I am migrating an application from 3 APEX APEX 4.2 on a thing I noticed with the classic reports when I put them in the model 23, it's that the first section break has break notch under the headings of columns for this section of line while the remaining lines properly have it display above the headers on the subsequent sections of group.

    1. is it really intentional because it seems not terribly elegant and my users to zero immediately above as a perceived bug.

    The Standard report template definition in issue 23 contains thead and tbody elements:

    Before the column header

    
    

    Column title template

    #COLUMN_HEADER#
    

    After the title column

    
    
    

    After the lines

    
    
    
    
    
    
    #PAGINATION#
    
    
    
    

    This is intentional, the best practice for marking up HTML tables. What is not expected is the problem that arises when this model is used with the break of repeat titles on break formatting option. The repeated headings result table consisting of soup of tags containing several poorly constructed tbody and thead, which is not valid elements.

    2. is there a reasonable job around always use headers repeat on break? I have multiple reports on the same page in places so switch to interactive reports is not a quick fix for me in this case.

    Create a copy of the report model Standard in Standard (break formatting) for use with reports of the break, remove the thead and tbody definitions of template tags and the breakdown of the reports to use the new model of change. (Or, if you use mainly break reports using the Standard template, keep the tags in the copy and remove them from the original in order to minimize the number of reports, you need to change.)

    Personally, I would create a report model of line custom to break complex reports in order to be able to have complete control over the structure and presentation.

Maybe you are looking for