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
-
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...?
-
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:
- 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.
- 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.
- 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
-
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
RajenPS: Please mark as answer/useful if it solves your problem to the benefit of all members of the community.
-
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
-
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
andtbody
elements:Before the column header
Column title template
#COLUMN_HEADER# After the title column
After the lines
#EXTERNAL_LINK##CSV_LINK#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
andtbody
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
-
Add the new toolbar firefox 29
I want to know where "new toolbar" button?I have a background of the situation as a whole, so I would be there full size or larger... How can I do? in firefox 29.
-
I tried back up to a computer and the Re-store but will not restore to Air 2.
-
48 L 345 * DB - DLNA on Menu problems
I'm trying to use the DLNA TV to connect my account of Plex. I can't find a data flow in a network server option in the TV menu. I confirmed that the TV has a DLNA feature, so please can you confirm how I can activate and use it?
-
Connection Bluetooth on Satellite A300 problems
I have a satellite A300 with 32-bit Windows vista. I am trying to connect my cell phone to the computer and cannot connect. The phone has bluetooth on and visible. I can open "bluetooth devices" on the Control Panel, but when I click on 'Add a blueto
-
I have a Deskjet 1000 and every time I try to print from the internet (Mozilla Firefox running) printing is HUGE. If I can download the image and run it via Adobe is fine. I uninstalled and reinstalled my printer with the latest drivers I can find.