Background semi-transparent text with corners rounded. (Old Q, but with a twist.)
Hi all
I'm just starting to soak my feet in Dw as part of a COMPUTER program. The only thing I know is a basic level of the HTML language. We have not yet learned how to write CSS manually, but that is coming up very soon. Why they don't teach us that first of all I don't understand, but at this point told us not to touch the code in Dw, only to do it all in Design view. It's the twist. My guess is that they want us to be able to refer to our work later and see what the code is only as we designed it our website.
Now, what I try to do an assignment is to create a Web site simple, and in the div of the main content I want to make a semi-transparent text box with rounded corners which can take up to 90% or the width of the div content. Is it possible to do this in Design view? I don't see that this explained in the code.
Thanks for any help. I know it's probably one of the dumbest questions out there, but I'm in this to learn.
I did a video screencast for you:
Confidence, it helps.
Good luck!
Tags: Dreamweaver
Similar Questions
-
Full text and background semi transparent
I need to have full text and background semi transparent.
I found a solution here CSS;
http://CSS-tricks.com/CSS-transparency-settings-for-all-broswers/
But using a semi transparent PNG24 would be better for older browsers? IM using the text in black with a white backgrround, so if in a few browsers transparency has been lost and the bottom turned white, it would be OK.
Thank you
Here's what looks like a transparent PNG in IE6. Notice the slight blue tint around what should be transparent areas?
jQuery PNG fix script can help.
http://jQuery.andreaseberhard.de/pngFix/
Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
www.Alt-Web.com/
www.Twitter.com/ALTWEB
www.Alt-Web.blogspot.com -
Make a semi-transparent text box... problem
I do a semi-transparent text box background. Whenever I do this, it also changes the saturation of a photo on the same page, but not grouped or on the same layer. (The photo becomes lighter). I'm using CS5. Thoughts?
Change the merger of transparency in RGB...
-
How to: transparent text with border and transparent text box?
I would like to place a callout directly on an image that has a transparent semi information, but retains the fully opaque text. If I create a < div > class with a transparent background, it seems that everything in this div retains the same opacity settings, even if I reset it with the < div > elements.
Is there a way to get around this?
Thank you
Mark
I was trying to avoid additional images.
A picture is sometimes a better choice. Use a very small semi-transparent png image and repeat. Background image can be as small as 2 pixels x 2 if very small.
The problem with an opacity of CSS, it's that you need different rules for each browser engine: Moz, webkit, IE...
Examples with the code:
http://ALT-Web.com/sample.html
And opacity extends to everything inside, this text is gray. For this reason, I prefer to use an image instead of opacity CSS.
Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
www.Alt-Web.com/
www.Twitter.com/ALTWEB -
Hello
I want to display text in a semi-transparent background. Label or TextField have the backgroundAlpha attribute, which is what I think I need. Is there no work around to get the same effect?
Thanks, MarcoAnd if for some reason you do not want focus and the border to appear, you can set these styles:
focusThickness 0
borderStyle no -
Hello
I saw on a website and I was wondering how they did that? The police is transparent, but it is not the race. Any ideas / help would be great.
Thank you
Paul
Paul,
You can:
(1) describe the fonts and Uncompound/separate/whatever necessary;
(2) select the letters and the object > path > offset by a negative value equal to the thickness left on each side of the gap.
(3) deselect, then Direct select each of the end of the Anchor Points which is inside the letter or the forms and the ShiftClickDrag it outside the shape of the letter in question;
(4) apply to Pathfinder > less before.
You can work on single letters or letters at the same time according to the preparations in 1) and other things you can do between 3) and 4).
-
Progress with the semi-transparent cursor display?
Hello
I'm working on a project which controls 28 rooms. I want to have a screen with bars of different colors for the different stages. I'm here thinking sliders. I want to fill them before the start of the execution and then have a coverage slider which is semi transparent to cross.
I don't see a way to get the transparent semi with the cursor in another.
My next idea is to have a translucent image 2D on top that changes size running.
Simple suggestions?
Thank you
pgaastra wrote:
I can't the fill is semi transparent?
Yes. As I said, there are a number of ways in which you can do, but to stay in line with what you already have, you can create a semi transparent PNG square (I like Paint.NET, but I think that PowerPoint should also work for this) and imports that instead of filling. The key point is that, once you do this, you need to hide the background of the slide. To do this, select window > show window pieces in the editing mode and find the part called cosmetic. Change its size and position so that it is hidden. Alternatively, you can import a transparent image to replace it. Will allow you to see behind the slide.
-
Background of transparent scrolling text field
Hello
I'm pretty new to dreamweaver and I try to make my background of transparent text field. That's what I have and it does not work:
< name textarea = "textarea" cols = "20" rows = "20" style = "background-color: transparent" > contents < / textarea >
Place a semicolon (;) after transparent.
Nick
-
Select transparent color with pipette...
Hello
I have a semi-transparent rectangle with some colorful behind her paths. I now want to choose the exact color I see: my mixed background translucent color. I tried the eyedropper (with or without SHIFT), but he always takes the fully opaque color of the rectangle transparent and no one (not even the mixture with the bottom one).
How can I choose transparent colors? What I need to do a print screen, paste the Clipboard to Photoshop and it take it?
Thank you very much
KonradOk... I understand how it do haha Nevermind!
To get the exact color, I used the eyedropper tool to review colors and looked at the window COLOR GUIDE rather than just the colors window.
When you get the color you want to paint with it, be sure to mount the opacity because it will always be the defined percentage. Fact!
-
a rectangle of icon eg 512x512px asks and I want to apply corners rounded with transparent backgro
If I have an android image, a rectangle of icon eg 512x512px mobi Application and I want to apply corners rounded with transparent background... How...? What tool easy-to-use PS, I, FW... or...? I use cs6 cloud
Post edited by: lsepolis123
Photoshop is perfect for that. Here's a short and sweet great video tutorial that will show you how to get the desired results. It starts around the mark 25 seconds.
I hope it's useful!
-
How to apply a semi-transparent background to a text box
Using InDesign CS6, how do a semi transparent fill for a block of text while keeping the type 100%?
The fill of the text frame is white, I need to bring to 75% while maintaining my color type.
Thank you.
Sidney
On the effect controls panel, you can choose the stroke of extra or text and apply the transparency you need as a result.
-
Text and PDF is faded, semi transparent and unreadable.
Hello
Since the installation of Firefox 6, when I tried to open a PDF file, the image looks like it summer flows in a bad copy machine that is almost out of ink and is semi-transparent. (I can see the background image to display on my desktop via the PDF). I have Adobe Reader X 10.1.0 installed version, which seems to be the last plugin. (I checked all my plug-ins Adobe are up-to-date and also disabled every plugin but Adobe Acrobat and the problem persists.) I also noticed this problem with some of the text in the Flash applications, I opened it, such as practical a quiz site for a manual that I use for school. This does not occur in Internet Explorer, or when I open a PDF file in the viewer Adobe, leading me to think it's a Firefox problem. It's pretty frustrating that I can't read my documents online or study for my exams using Firefox, because overall, it's my browser of choice. Counsel on how I can try to fix this problem? Thank you.I have Firefox 6 (but several versions have the same problem) and was faced with the same problem and finally found the Solution. Firefox has hardware acceleration is enabled by default. You must disable.
You can do it under Tools-> Options-> advanced. Uncheck the hardware acceleration
1, type about: config in your address bar and promise to be careful, then search in gfx.direct2d.disabled preference name.
Double-click the preference to True.2, check disable it Firefox Direct2D and DirectWrite Hardware Acceleration.
Find the name of the preference gfx.font_rendering.directwrite.enabled .
Double-click the preference to false.Restart Firefox. You should get clear, sharp images as well as correct rendered PDF back. It worked for me!
Source: http://www.mydigitallife.info/fix-firefox-4-fade-blur-bold-bad-and-ugly-font-rendering/
-
If I want to print my Indesign file content (black & graphic text semi transparent) on a gray t-shirt, the "white" background of the Indesign file print under white or transparent? Since I want the background to be transparent, there are special Indesign settings needed to get there? Suggestions appreciated.
Unless you have added a white spot, it will be transparent.
-
How to fill the text with transparent areas
I use Adobe Photoshop CC 2015 on Windows 10. I am trying to create a transparent logo using fonts "Mister Vampire". The text has some areas transparent I am filling to create a Chrome or gold.
Here is an example of the police. Any help is appreciated.
Several ways. You can use the magic wand tool to select the transparent areas in the text: use contiguous, then move click here to make the next letter. You should maybe put a white layer below the sample text and use all layers. Extend selection when done and fill a layer below the text with the desired color.
-
Can't subtract a Rectangles with corners rounded on the other with Pathfinder
This issue is driving me crazy! I try to subtract a shape with corners rounded on the other and cannot operate correctly. A few notes:
- I put the corners rounded with corner radius handle, not the effect
- I don't have the ability to break down the appearance or form, and the expansion does not seem to do anything
- The following are screenshots of the process:
Would appreciate certainly any help you can offer.
Chris
Well, your rectangles are perfectly aligned. Who will never give any valid intersection for simple mathematical reasons - a normal vector with a length of 1 subtract a vector of the same length is finally equal to zero. One of the rectangles must be smaller or bigger, if not a little.
Mylenium
Maybe you are looking for
-
I need to reinstall the computer I can't apple its teamper say to try again later
Help me with this thank you
-
Why the iCloud iPhone backup Photo lib is so great?
Settings-> General-> storage & use-> iCloud iCloud, manage-> backup storage, this iPhone-> watch photo library to use 2.9 GB. I have only a few pictures in Photos. Settings-> General-> storage & iCloud use-> storage, manage storage-> Photos & camera
-
Seagate external drive works is not on the new Macbook
I have a Seagate external drive where I save copies of my pictures and videos from my Macbook Pro. I just bought a new Macbook Air and Air reads the disc, but cannot be copied to it, it just says: it is read-only. I'm confused, as I only used it on
-
power button causing light pop
I just got a text from my son who has the X bike. He said that when he pushes the power button to turn on his phone to sleep, he hears a sound jerking coming from the speaker. Any ideas?
-
I have Windows Vista and last night, while "standby mode", my laptop started a search of self-checking on the MS Dos operating system disk. When I went to use my laptop, I interrupted the search and then asked if I wanted to take. Have no real choi