FW8 - turn background color into gradient?

Is there any way to turn the background color into a
gradient. Right now
I'm making a box the size of the canvas and coloring it with
a gradient and
then sending it to the back. I thought in the older version
of fw there was
a "more options" selection when selecting a background color.
TIA for your
help
BG

Hi Peter:
Thanks for the response. I just went into one of my old
versions and it
appears I was remembering something that was never there.
That would be a
nice feature if they could do it. Thanks again.
BG
"PJR" <[email protected]> wrote in
message
news:e2t5to$ha2$[email protected]..
> Sorry BG, I read that in haste. I don't recall any
option other than a
> solid
> colour for Canvas backgronds, at least from FWs 4
upwards.
>
> Peter
> ___________________-
> "PJR" <[email protected]> wrote
in message
> news:e2t5k2$guh$[email protected]..
> | No way that I know of to turn the Canvas colour into a
gradient. However
> | there's nothing to stop you adding a rectangle the
size of your canvas
> and
> | giving that a gradient fill.
> |
> | Peter
> | ____________________
> | "BG" <[email protected]> wrote in message
> | news:e2t2mp$d2h$[email protected]..
> || Is there any way to turn the background color into a
gradient. Right
> now
> || I'm making a box the size of the canvas and coloring
it with a gradient
> | and
> || then sending it to the back. I thought in the older
version of fw
> there
> | was
> || a "more options" selection when selecting a
background color. TIA for
> | your
> || help
> ||
> || BG
> ||
> ||
> |
> |
>
>

Similar Messages

Turn a color into white in Secondary room

Hi everyone,
This might be a pretty simple thing to do but I have not been able to figure it out and Google has not provided much luck. Basically, I have a window in a scene that was filmed at night, so it's all black...problem is, the rest of the scene takes place during the day. All I want to do is select the black portion of the window and change it to white. Is there a way to do this in the Secondaries room? Thanks!

Just curious to know... a number of things.
A. What does "Google" know about color grading?
B. We often hear about "Day for Night"... but... "Night for Day"?
C. How did "Secondaries" become the candidate for what is clearly an FX fix?
D. Do you not have a "compositing" application... or experiential background in repurposing such a shot?
You will probably have to custom-shape a matte to re-introduce another element to stand in for the window, as pi suggests, and I'm also betting there will be some tracking/stabilizing necessary. A straight correction will not work, since the noise that will come along with your "film" values will be astonishingly objectionable. I'd suggest a key, but the black noise will probably rule that out as well. A white solid is a good idea... I'd also toss out the idea of using an "inverse" of the original shot -- so that all the blacks are now white -- and work some combination of window(matte/vignette)+key. You can do that with HSL qualifiers in the COLORFX room. In COLORFX, of course, there are no user-shape nodes or the ability to import a roto-shape, say from SHAKE. In fact exporting the shot to another application will give you more control to finesse the effect convincingly.
I'd try the new DaVinci/Blackmagic Resolve. This would be easy in that application, because it does all those things that COLOR cannot, or will not... depends on the developer, I guess.
If you don't do this right, you may as well not do it, or re-shoot. Your audience will want their money back otherwise.
jPo

Awkward Background Color

I just got a new MacBook Pro with Snow Leopard installed. (ye~)
I installed iWork '08 and tried Keynote, but I got some problem.
On the editing mode, the background colors(or gradient) of themes look strange.
They're kind of inverted, not exactly though.
The colors look just normal on the slide show mode.
I see a similar problem on Pages, too.
I created a text box and typed in some letters, but I can't see them.
If I drag on the text box, then I can know the letters are there.
Changing font color doesn't work.
Please help.
Thanks.

I had a similar issue running iWork '08 and snow leopard on my macbook. I couldn't see the background unless I was viewing the slideshow. I just ran software update, and made sure everything was updated to the latest, and now it works fine.

How can I set the foreground/background color after using CSPickColor()?

Hello all,
Is there any one who has experience on changing foreground or background color using Photoshop Plug-in SDK?
Currently I can get a returned color from CSPickColor(), but have no idea how to use it.
Thanks!

You can try a linear-gradient that starts at gray 0% and ends at white <whatever the percentage the thumb is at>.
        final Node track = slider.lookup(".track");
        slider.valueProperty().addListener(new ChangeListener<Number>() {
            public void changed(ObservableValue<? extends Number> ov, Number t, Number t1) {
                double pct = (t1.doubleValue()-slider.getMin())/(slider.getMax()-slider.getMin())*100;
                track.setStyle("-fx-background-color: linear-gradient(to right, gray, gray " + pct + "%, white" + pct + "%, white);");
        });Edited by: dgrieve on Apr 12, 2012 12:19 PM

Gradient background color for custom tooltip

Hi,
I have created a custom tooltip where I am using light gray as background color.
(I have created a separate custom tooltip component.)
Now user wants to have it with a gradient effect (is that what its called?).
Basically, this gray color should be more dark at the top region of tooltip.
This color should gradually go lighter from top to bottom.
Can you tell me how this can be done?
Thanks and regards,
Amey

Hi,
Thank you for reply.
Can you please tell me where do I have to set this?
This is how my custom tooltip component looks: -
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
         implements="mx.core.IToolTip" width="{txtBody.width + 20}" height="{txtBody.height + 20}"
         backgroundColor="#E0E5E8"
         cornerRadius="10" horizontalAlign="center" paddingTop="5">
    <mx:Script>
        <![CDATA[
            [Bindable]
            public var bodyText:String;
            // Implement required methods of the IToolTip interface;
            // these methods are not used in this example, though.
            public var _text:String;
            public function get text():String {
                return _text;
            public function set text(value:String):void {
        ]]>
    </mx:Script>
    <mx:Text id="txtBody" htmlText="{bodyText}" textAlign="left" />
</mx:VBox>
And I want background color '#E0E5E8' to be varying in shade from top to bottom

Swatches loading into background color when clicked, not foreground

Can someone advise. When I mouse click on a swatch from the brush tool the color I select is loaded into the background color instead of the foreground color. Then to use the color I have to slide the reverse tool, which is a pain and slow. How can I have the clicked color load into the foreground first? I'm in Mac CC.
Thanks,
Seth

It can be hard to tell which color chip in the color panel is actually the active one.
The active color chip in the color panel will have either a white or grey line around it, depending on the ui interface color photoshop is using)
When you use the eyedropper are you using any modifier key like Command.
You shouldn't need to use any modifier key with the Brush Tool selected and clicking on one of the swatches in the Swatches panel to set the foreground color.
(with the brush tool selected, holding down the command key while clicking on one of the swatches will set the background color in the toolbox)
If nothing seems to work, i would reset the photoshop preferences
Press and hold the Shift+Command+Option keys just after starting the launch of photoshop
Keep holding the keys down until you get a dialog asking if you want to delete the adobe photoshop settings file
Press Yes

Can anybody say why In the layer menu the background color is white when opening a layer mask, and why does it automatically turns black by simply opening the layer mask properties menu? The vector mask is white anyway.

Can anybody say why In the layer menu, the background color is white when opening a layer mask, and why does it automatically turns black by simply opening the layer mask properties menu? The vector mask is white anyway.

Topic or subject titles should be clear, pertinent and concise so that individual users can tell at a glance if they can help or not.
That field is not for attempting to fit your entire question in there.
Please keep this in mind next time you post. Thank you.
A lot more information about your hardware and software is needed.
BOILERPLATE TEXT:
If you give complete and detailed information about your setup and the issue at hand,
such as your platform (Mac or Win),
exact versions of your OS, of Photoshop (not just "CC", but something like CC2014.v.2.2) and of Bridge,
your settings in Photoshop > Preference > Performance
the type of file you were working on,
machine specs, such as total installed RAM, scratch file HDs, total available HD space, video card specs, including total VRAM installed,
what troubleshooting steps you have taken so far,
what error message(s) you receive,
if having issues opening raw files also the exact camera make and model that generated them,
if you're having printing issues, indicate the exact make and model of your printer, paper size, image dimensions in pixels (so many pixels wide by so many pixels high). if going through a RIP, specify that too.
a screen shot of your settings or of the image could be very helpful too,
etc.,
someone may be able to help you (not necessarily this poster, who is not a Windows user).
Please read this FAQ for advice on how to ask your questions correctly for quicker and better answers:
http://forums.adobe.com/thread/419981?tstart=0
Thanks!

Can I turn greenscreen video into video with transparent background (instead of default black backgr

Can I turn greenscreen video into video with transparent background to overlay on another video in another program. probably export as avi. I know I can in after effects but comfortable with premiere. basically want to turn the greenscreen from a black to transparent background ppro cs6 windows
[ email address removed by forum host ]

Harm is correct. It would be better to edit in the program where you keyed out the green. However, if you really must ...
DPX is one file per frame. While you may not be able to open it from Windows, it is only because Windwos has not been told to open them in Photoshop.
The whole point of the DPX file is to have a visually lossless storage of your frames that is designed to be used between applications (just what you want to do): http://en.wikipedia.org/wiki/Digital_Picture_Exchange
However, if you prefer to use another option that you are more comfortable with, you can use PNG.
Or...
If you insist on a single video, use the Animation codec for Quicktime.
In any case, you need a picture format or video CODEC that can store an Alpha Channel.
Or.....
Export the video with the black and use a Luma key in the next application.
Or ...
Export the video with the black, and then export a video of just the alpha channel as a blabk and white image where black is transparent when used as a track matte, and then in the next application use the video of the alpha channel as a track matte.
Since you haven't said what the other application is or why you want to use it, we are having a little trouble offering a specific solution.

My macbook pro won't turn on and it is plugged into the charger, the light doesn't even turn a color?

my macbook pro won't turn on and it is plugged into the charger, the light doesn't even turn a color?

Might be a problem with the adapter.
Help here > Apple Portables: Troubleshooting MagSafe adapters

Why does converting word into PDF does not take the background color of the page?

When I do a page background on a document, and save as pdf, it does not take the background color. It shows only white background.

This may be a limitation with the built in PDF writer in OS X. Never tried it so I have no idea if it does the same on my Mac.
As this is not a MS Word problem you are in the right set of forums.
Have you tried another PDF writer other then the built in one?

Trouble changing background color. Using Dreamweaver CS4

I can't get to change the back ground color [The greenish grey color] , within a table, of a web page... Please see http://www.urefillit.com/index2.html Can use some help here... Also I notice that the foliage background is slow in loading... Any suggestions as to what is causing the loading delay?
Thanks in advance!!!!!
Using CS4.........The Code is as follows:
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta name="msvalidate.01" content="F33B6715B987C15F0176AAFDA87BE459" />
<meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org" />
<title>Urefillit manufactures and markets Octenol, Asian Tiger lure, and Kaboom replacement type products</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Description" content="We are focused on providing high-quality products and a commitment to customer satisfaction - We will do everything we can to meet your expectations for the best priced and highest quality mosquito control and Kaboom replacement type products available on the market today" />
<meta name="Keywords" content="Octenol, Lure, Asian Tiger mosquito lure, Kaboom refills, mosquito magnet mosquito killing machine" />
<meta name="Robots" content="index, follow" />
<style type="text/css">
/*<![CDATA[*/
body {
        background-image: url(images/SambucusBlackLaceFoliage.jpg);
        background-color: #FFCC66;
body.c7 {background-attachment:fixed}
div.c6 {text-align: center}
p.c5 {font-family: Arial; font-size: 70%; text-align: center}
span.c4 {font-family: Arial; font-size: 70%}
span.c3 {font-family: Courier}
p.c2 {text-align: center}
span.c1 {font-family: Courier; font-size: 120%}
/*]]>*/
.c7 table tr .c11 {
        background-color: #F60;
        font-size: 18px;
tr .c11 table tr td p {
        font-family: "Times New Roman", Times, serif;
        font-size: 16pt;
.c7 table tr .c11 table tr td p {
        font-family: "Times New Roman", Times, serif;
        font-size: x-large;
.c7 table tr .c11 table tr td p {
        font-family: "Times New Roman", Times, serif;
        font-size: 16pt;
.c7 table tr .c11 #table2 tr th {
        background-color: #0F6;
/*]]>*/
</style>
<script src="file:///C|/Scripts/swfobject_modified.js" type="text/javascript">
</script>
<style type="text/css">
/*<![CDATA[*/
table.c16 {background-color: #FFD9B3}
p.c15 {text-autospace:none;}
th.c14 {background-color: #00FF99}
td.c13 {background-color: #00FF99}
th.c12 {background-color: #FF6666}
h2.c11 {font-size: 120%}
span.c10 {font-size: 150%}
span.c9 {text-decoration: underline}
div.c8 {font-size: 70%; text-align: right}
td.c7 {background-color: #003399}
p.c6 {text-decoration: underline}
table.c5 {background-color: #FFCC66}
td.c4 {background-color: #FFFFFF}
div.c3 {text-align: center}
table.c2 {
        background-color: #0F6;
        font-size: 18px;
th.c1 {background-color: #FFFFFF}
.c7 table tr th .c7 {
        color: #008040;
.c7 table tr th .c7 strong {
        color: #000;
.c7 table tr th .c7 {
        color: #000;
.c7 table tr th .c1 strong {
        color: #008000;
/*]]>*/
</style>
<style type="text/css">
/*<![CDATA[*/
body {
        background-color: #FFCC33;
th.c1 {background-color: #FFCC66}
/*]]>*/
th.c11 {background-color: #FFFFFF}
th.c11 {
        background-color: #F93;
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        bottom: auto;
        visibility: visible;
        width: auto;
.c7 table tr .c11 #table2 tr th .c2 a .c3 strong {
        color: #00F;
.c7 table tr .c11 #table2 tr td a {
        color: #00F;
.c7 table tr .c11 #table2 tr td a {
        color: #00F;
.c7 table tr .c11 #table2 tr td p a {
        color: #00F;
.BLUE { color: #00F;
.BLUE { color: #00F;
.blue { color: #00F;
.blue { color: #00F;
p.c1 {text-align: center}
p.c13 {font-size: 80%; text-align: center}
p.c71 {margin-right:0in;
margin-left:0in;
font-size:9.5pt;
font-family:"Comic Sans MS";
color:#000040;
span.c101 {font-size: 80%}
span.c12 {font-family: Courier New, Courier, monospace}
span.c6 {font-family: Arial}
</style>
<style type="text/css">
/*<![CDATA[*/
img.c16 {border:0;width:88px;height:31px}
span.c15 {font-size: 120%}
div.c14 {color: #FFFFFF; font-size: 150%; text-align: center}
span.c13 {font-size:18.0pt; color:#B90D09;}
strong.c12 {text-decoration: underline}
span.c11 {font-family:'Comic Sans MS'; color:red;}
em.c10 {text-decoration: underline}
span.c9 {color:red;}
table.c8 {background-color: #006600}
td.c7 {background-color: #006600}
span.c6 {font-size: 150%; text-decoration: underline}
p.c5 {text-decoration: underline}
p.c4 {text-align: center; text-decoration: underline}
p.c3 {text-align: center}
span.c2 {text-decoration: underline}
div.c1 {text-align: center}
/*]]>*/
.c7 table tr .c11 #table2 tr td p {
        color: #00F;
.eight {
        color: #F00;
</style>
<style type="text/css">
/*<![CDATA[*/

/*]]>*/
</style>
<style type="text/css">
/*<![CDATA[*/
table.c11 {background-color: #0033FF}
th.c10 {background-color: #8D8D5E}
span.c9 {font-family:'Times New Roman','serif'; font-size:18pt;}
p.c8 {line-height: normal; margin-bottom: .0001pt; text-align: center}
p.c7 {; font-family: 'Times New Roman', 'serif'; font-size: 14pt; text-align: center}
p.c6 {; font-family: 'Times New Roman', 'serif'; color: #00F; font-size: 18pt; font-style: italic; text-align: center}
span.c5 {font-style: italic}
span.c4 {line-height:115%; font-family:'Times New Roman','serif'; font-size:16.0pt;}
p.c3 {text-align: center}
strong.c2 {text-decoration: underline}
th.c1 {background-color: #FFFFFF}
/*]]>*/
</style>
</head>
<body>
<![CDATA[*/
&amp;lt;!--
#Layer1 {position:absolute;
        width:110px;
        height:34px;
        z-index:1;
        left: 430px;
        top: 1116px;
        visibility: visible;}
#Layer2 {position:absolute;
        width:170px;
        height:33px;
        z-index:1;
        left: 536px;
        top: 652px;}
p.c7 {color: #000000; font-family: Arial; font-size: 80%}
--&amp;gt;
/*]]>
*/ <script src="file:///C|/Scripts/AC_RunActiveContent.js" type="text/javascript">
</script>
<table class="c11" width="1250" border="15" align="center" cellpadding="5">
<tr>
<th width="888" height="2254" align="center" valign="top" class="c11 c10" scope="col">
<p><br />
<img src="images/webpagepicture.jpg" alt="WEB PAGE HEADER" width="1267" height="212" border="6" align="middle" /><br /></p>
<table width="1188" border="6" align="center" class="c2" id="table2">
<tr>
<th width="143" scope="col">
<p><a href="OctenolLure.html">Octenol Lure</a></p>
</th>
<th width="145" scope="col"><a href="FlowtronTypeLure.html">FlowtronTypeLure</a></th>
<th width="145" scope="col">
<p><a href="AsianTiger.html"></a><a href="AsianTiger.html">Asian Tiger Lure</a></p>
</th>
<th width="146" scope="col"><a href="Combolure.html">Combo Lure</a><br />
(Octenol & Lactic Acid)</th>
<th width="146" scope="col">
<p><a href="SkeeterVacLure.html">SkeeterVac Lure</a></p>
</th>
<th width="145" scope="col">
<p class="c2"><a href="mosquitomagnettroubleshootingguide.html">Mosquito Magnet</a></p>
<p class="c2"><a href="mosquitomagnettroubleshootingguide.html">Repair Guide</a></p>
</th>
<td width="145" align="center" valign="middle" scope="col"><a href="Kaboom.html">Kaboom</a><a href="/Kaboom.html">Replacement Tablets</a></td>
<th width="111" height="104" align="center" valign="middle" scope="col"><a href="https://www.paypal.com/us/verified/pal=sales%40urefillit%2ecom" target="_blank"><img src="https://www.paypal.com/en_US/i/icon/verification_seal.gif" alt="Official PayPal Seal" width="98" height="108" border="0" align="top" /></a><br />
<br /></th>
</tr>
</table>
<br />
<table width="282" border="20" align="center" cellpadding="0">
<tr>
<th class="c1" width="128" scope="col"><img src="images/flying%20mosquito.gif" alt="** PLEASE DESCRIBE THIS IMAGE **" width="97" height="75" /></th>
<th class="c1" width="104" scope="col"><a href="#" onClick="window.open('https://www.sitelock.com/verify.php?site=www.urefillit.com','SiteLock','width=600,height=6 00,left=160,top=170');"><img src="//shield.sitelock.com/shield/www.urefillit.com" alt="website security" align="absmiddle" title="SiteLock" /></a></th>
</tr>
</table>
<p>



======================================================================================</p >
<table width="1002" border="0" align="center">
<tr>
<td width="996">
<p class="c3"><strong class="c2">All About Urefillit, LLC</strong></p>
<p class="c3"><span class="c4">Urefillit, LLC prides itself on quality and consistency of its fine products, which are designed, made and manufactured in the USA. From production to quality control to final shipment, our highly trained team ensures the best quality, and reliable service for our customers. We are focused on providing high-quality products along with a commitment to customer satisfaction. We will do everything we can to meet your expectations for the best priced and highest quality mosquito lures, Kaboom replacement tablets, and bromine tablets available on the market today. With a variety of offerings to choose from, we're sure you will be happy with your purchase. Thank you for visiting our website and if you have any comments or questions, please feel free to contact us. We hope to see you again soon!</span><br /></p>
<p class="c3"><img src="images/made_in_USA.jpg" width="221" height="228" alt="usa" /><br />
<br /></p>
<p class="c3">****************************************************************************** *************<br />
<br /></p>
<p class="c6">REFUND POLICY: <span class="c5">Our number one goal is your satisfaction. If our product does not perform as advertised you may return then unused item for a refund. A 25% restocking fee may apply. Buyer pays the return shipping costs. Special and international orders items DO NOT qualify for a refund.</span><br />
<br /></p>
<p class="c7"><img src="images/ebay-top-rated-seller-tracking.jpg" width="230" height="158" alt="** PLEASE DESCRIBE THIS IMAGE **" /><a href="http://feedback.ebay.com/ws/eBayISAPI.dll?ViewFeedback2&userid=fjp800&ftab=Feedbac kAsSeller"><br />
Check Out Our E-Bay Feedback</a></p>
<p class="c7"><br />
****************************************************************************************** ********************<br /></p>
</td>
</tr>
</table>
<table width="1002" border="0" align="center">
<tr>
<td width="996">
<p class="c3"><strong class="c2">Using Octenol to Attract Mosquitoes<br /></strong><br /></p>
<p class="c3">Octenol is an natural chemical that occurs naturally as a by-product of plants and some animals that eat a lot of vegetable produce. If carbon dioxide is mixed with octenol, it has been found to be an attractant to several mosquito species. There are other insects such as no-see-ums and biting midges that are also attracted to this scent. It has been proven to be a very effective product, especially for no-see-ums.<br />
<br />
<img src="images/12137165-cartoon-stop-mosquito.jpg" width="168" height="168" alt="mosquito" /><br />
<br />
Octenol is also a pesticide ingredient that is used to attract mosquitoes and biting flies. It does not kill the insects; it only attracts them. It can be used in combination with other products and devices that do kill them once they are successfully attracted to the device. It is important to be aware that non-pest insects are also attracted and destroyed by some of the devices.<br />
<br />
If octenol is ingested, there is a possibility for toxicity. It is not, however, harmful in the air to humans, pets, or the environment. It is vitally important that it is kept safely away from children to avoid the possibility of ingesting. Placement of the attractant and device utilized to catch biting insects should be carefully considered. It should be kept safely away from children and pets.<br /></p>
<p class="c3">To be most effective in mosquito control, the attractant should be placed between the breeding grounds of the mosquito and the area where the people are located. There are range limits that the attractant will reach and this needs to be considered in the placement of the trap as well.<br /></p>
</td>
</tr>
</table>
<a href="http://www.startlogic.com/join/index.bml?AffID=626972&cid=592'"><br /></a> ==============================================================
<p><img src="images/americanatural_1875_97577.gif" width="234" height="118" alt="** PLEASE DESCRIBE THIS IMAGE **" /></p>
<p>Considering buying a mosquito trap? If so, compare the following traps before you make a purchase:</p>
<a href="http://www.bluerhino.com/BRWEB/Outdoor-Living-Products/Mosquito-Traps.aspx">SkeeterVac</a>
<table class="c6" border="0" align="center">
<tbody>
<tr>
<td align="center">
<div class="c3"><a href="http://www.mosquitomagnet.com/">Mosquito Magnet</a></div>
</td>
</tr>
</tbody>
</table>
<table class="c6" border="0" align="center">
<tbody>
<tr>
<td>
<div class="c3"><a href="http://www.megacatch.com/">Mega-Catch</a></div>
</td>
</tr>
</tbody>
</table>
<table class="c6" border="0" align="center">
<tbody>
<tr>
<td>
<div class="c3"><a href="http://koolatrononline.stores.yahoo.net/mosquito-control.html">Koolatron</a></div>
</td>
</tr>
</tbody>
</table>
<table class="c6" border="0" align="center">
<tbody>
<tr>
<td width="273">
<div class="c3"><a href="http://www.mosquitocontroltrap.com/comparisons">Mosquito Trap Comparison Chart</a></div>
</td>
</tr>
</tbody>
</table>
<p><br /></p>
<table width="126" border="20" align="center" cellpadding="0">
<tr>
<th class="c1" scope="col"><a href="mailto:[email protected]">E-mail Urefillit</a></th>
</tr>
</table>
<br />
<p class="c8"> </p>
<p class="c8"><span class="c9">Urefillit, LLC<br />
800 Shore Drive East<br />
Oldsmar, Florida 34677-4402</span></p>
<p class="c8"> </p>
<p><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a><br /></p>
<p> </p>
</th>
</tr>
</table>
<script type="text/javascript">
//<![CDATA[

//]]>
</script>
</body>
</html>

Copy & Paste this code into a new, blank document. SaveAs index3.html. Feel free to adjust CSS colors and backgrounds as desired.   You'll find plenty of code comments to help you.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>U Refill It</title>
<meta name="description" content="Your source for mosquito magnet and mosquito killing machine replacement products: Octenol, Asian Tiger lure and Kaboom">



<style>
/**CSS Reset**/
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
img {
    vertical-align: baseline;
    display: block;
    max-width: 100%
/**layout**/
body {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 100%;
    /**CSS gradient**/
/* Old browsers */
    background: rgb(180,221,180);
    /* FF3.6+ */
    background: -moz-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%);
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(180,221,180,1)), color-stop(17%, rgba(131,199,131,1)), color-stop(33%, rgba(82,177,82,1)), color-stop(67%, rgba(0,138,0,1)), color-stop(83%, rgba(0,87,0,1)), color-stop(100%, rgba(0,36,0,1)));
    /* Chrome10+,Safari5.1+ */
    background: -webkit-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%);
    /* IE10+ */
    background: -ms-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%);
    /* good browsers */
    background: linear-gradient(to bottom, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%);
/* older IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400', GradientType=0 );
#wrapper {
    width: 75%;
    margin: 0 auto; /**with width, this is centered**/
    background: #FFC;
    border: 4px groove #F30;
    border-radius: 20px;
header, footer {
    color: #F30;
    text-align: center;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
header img {
    border-radius: 15px 15px 0 0;
    width: 100%
/**top menu**/
nav {
    width: 90%;
    margin: 25px auto;
nav li {
    list-style: none;
    font-weight: bold;
    display: inline;
/**menu link styles**/
nav li a {
    display: inline-block;
    font-weight: bold;
    color: green;
    text-decoration: none;
    padding: 1.15em;
    border: 2px outset green;
/**menu links on mouse over**/
nav li a:hover, nav li a:active, nav li a:focus { background: gold }
/**main content**/
article { padding: 2% }
figure img {
    margin: 0 auto;
    border: 3px solid #FFF;
    border-radius: 10px;
    box-shadow: 1px 2px 5px #333;
/**typography**/
header h1 {
    font-size: 55px;
    text-shadow: 2px 3px 3px #666;
header h2 {
    font-size: 18px;
    font-style: oblique
h3 { margin-top: 20px; }
p {
    margin-bottom: 18px;
    font-size: 18px;
    color: #000;
figcaption {
    text-align: center;
    font-style: oblique;
    margin-bottom: 18px;
</style>
</head>
<body>
<div id="wrapper">
<header>
<img src="http://www.urefillit.com/images/webpagepicture.jpg" alt="U Refill It banner">

<h1>U Refill It</h1>
<h2>Your source for mosquito magnet and mosquito killing machine replacement products: Octenol, Asian Tiger lure and Kaboom.</h2>
</header>

<nav>
<ul>
<li><a href="#">Menu1</a></li>
<li><a href="#">Menu2</a></li>
<li><a href="#">Menu3</a></li>
<li><a href="#">Menu4</a></li>
<li><a href="#">Menu5</a></li>
<li><a href="#">Menu6</a></li>
</ul>
</nav>

<article>
<h3>Article Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
<figure>

<img src="http://placehold.it/500x325" alt="figure">
<figcaption> Figure Caption </figcaption>
</figure>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
</article>

<footer>
<small>© 2014 Your Site Name. All Rights Reserved</small> </footer>
 </div>
</body>
</html>
Nancy O.

How do I turn an image into a transparency?

Hi,
There's a question I've seen asked dozens or hundreds of times, and I thought I found an answer a few years ago. I've since forgotten how to do it:
Turn an image into a transparency.
Now, the obvious solution is to set the layer to "multiply." Yes, this is the effect I want. However, I want the layer to be transparent instead.
Another solution is to draw an image on a transparent layer. This works great, but only applies if I create the image from scratch. I want to convert an existing image.
Another solution is multiple steps:
1) Copy image
2) Click "edit in quick mask mode."
3) Paste image
4) Exit quick mask mode.
5) Invert selection.
6) Ctrl+backspace to fill selection with black, on a blank transparent layer.
Result? The image is now transparent! However, this converts the image to greyscale! Great for linework and text, terrible for photos or art!
In an older version of Photoshop 7, I believe I got the following to work:
A) Follow the previous steps 1-6, creating a layer with transparency
B) Copy the original picture to a layer above the transparency
C) Group the layer with the transparency layer below. (Note, grouping doesn't work the same any more.)
D) The top layer provides the colors, but the bottom layer provides the transparency.
E) It is too light, so you take the top layer, and maximize "saturation" 100%.
F) Merge the two layers. It retains the transparency of the bottom layer, with the hue of the top layer.
This no longer works, because I don't know how grouping layers works anymore.
So, I need white pixels to be transparent. Black pixels to have zero transparency. Red pixels to have zero transparency. Etc.
Meanwhile, grey pixels are solid black, but partly transparent. Pink pixels are solid red, but partly transparent.
All pixels are 100% saturated, and the "lightness" is determined by how transparent they are.
So, an analogy would be printing a photo on a transparency. I need to convert an image to a transparency.
If the image/layer were overlaid on white, it would look exactly like the original photo.
Does anyone know how to accomplish this? Mathematically, it's easy. But I don't know about any filter, process, or method to make the conversion using CS5.
Thanks,
Ben

Hello!
I hope that I understand what you need.
(One could just put the image on a layer, and lower its opacity, but you seem to be looking for an effect in wich the tranparency is not the same for all pixels.)
Try this:
1) Turn your image image as a layer (double-click it if it is a background layer) [In order to add a mask]
2) Select all, Copy (CTRL+a, CTRL+C)
3) add a layer mask (click the rectangle with a circle in the bottom of the layers panel) [to be able to change transparency]
4) target the mask [so that you can past an image in it] ALT+click the mask, paste the image.
5) Invert the colors of the mask (CTRL+I) [in order for the white to be transparent and the black opaque].
You now have a layer whose transparency is based on the lightness of the pixels.
Hope that's what you are after!
Pierre

Different background colors after publishing

I imported a powerpoint presentation into Captivate 7 and everything looks fine in the film strip. However, when I preview or publish the project some of the background colors change dramatically (dark blue/grey turns into sky blue). Is there a way to get around this prioblem?

Here is what the color difference looks like. The first is after publishing and the second is what it looks like within captivate

JButton background color question

Hi everybody,
I have a feeling I'm going to get slammed for this, but I have to ask a very general question and hope for an answer.
I have a JDialog on which buttons don't seem to hold their background color. That is, when I use setBackground, the only color change I get is a very thin outline of the color, and the rest of the button is white. The strange thing about the button is that the white center actually seems transparent--if I change the panel the button is on to another color besides white, the center of the button turns that color.
I've tried to solve this problem with setOpaque( true ), setContentAreaFilled( true ), setBackground( color ), setForeground( color ), and I'm pretty sure every combination of those.
Unfortunately, I haven't been able to reproduce this in a test case, so I can't give a SSCCE, although I've tried for a while now to make one.
So...has anyone ever run into a problem like this and can give me some advice? I'm sorry I can't be more specific, if anyone has a question I'll do my best to answer.
Thanks,
Jezzica85

I have a feeling I'm going to get slammed for this, but I have to ask a very general question and hope for an answer.Why would people be harsh on you? The only risk you take is: vague question => vague answer (or random).
So...has anyone ever run into a problem like this and can give me some advice? I'm sorry I can't be more specific, if anyone has a question I'll do my best to answer.Never seen that myself, so I'll add a few random questions/thoughts:
I have a JDialog on which buttons don't seem to hold their background color. That is, when I use setBackground, the only color change I get is a very thin outline of the color, and the rest of the button is white.- are you using a custom JButton subclass? If yes are you certain the subclass does not override paintComponent()?
- If not, the button is painted by its ButtonUI. Can you tell which UI class is used (sysout(+theButton.getUI()+)?
The UI is set according to the LookAndFeel.
- Do you set any special LookAndFeel (+UIManager.setLookAndFeel(...)+, or look and feel's UIDefault properties in your app (generally that is done at startup)?
- If not, can you tell the current look and feel when you bring up the dialog (+UIManager.getLookAndFeel(...)+, although that can be inferred from the ButtonUI subclass' name.
I've tried to solve this problem with setOpaque( true ), setContentAreaFilled( true ), setBackground( color ), setForeground( color ), and I'm pretty sure every combination of those.FYI, the ButtonUI paints the button however it sees fit; in particular it doesn't have to respect the colors, opacity, filling... properties.
Eventually:
- are you using a custom JDialog subclass (probably, as that's generally how people write dialogs; not the best way IMHO, but there are cases where this is hard to avoid).
I see you can't provide an SSCCE right ow, but maybe you can try to narrow the list of suspects in your side?
- Do you reproduce the same problem at startup, if you bring the JDialog up as soon as possible?
- Do you reproduce the problem with a mere JOPtionpane.showMessageDialog(..., theButton,...)?
- Do you reproduce the problem outside of the JDialog context (I see you mention using a different JPanel, but is that in the dialog or somewhere else?
Good luck with your investigations.
Edited by: jduprez on Sep 30, 2009 8:20 AM

Can you specify the background color when resizing the canvas?

I haven't found this in the Scripting Reference.
In the "Canvas Size…" dialog box you can specify the "Canvas Extension Color" to "Foreground", Background", "White", "Black", "Grey" or "Other…".
Can this be scripted?
I am writing an AppleScript to resize my canvas in order to add a slug to the bottom of the image. Currently my script stores the background color, so I can change it to White to accomplish my goal without discarding the background color (which gets restores at the end of the script). The problem is that if the user has a custom color (i.e. Pantone color) as the background color, the color does not get stored.

See if this works for you… Just some very basic AppleScript with a call to 'do javascript' in this case the variable 'Solid_Fill' this is a cleaned up piece of scriptlistener output (done very nicely by X's tools you will see a post below to the latest release of this) The scriptlistener output has been turned into a function that javascript can call. Inside of the function call I have put a list arguments passed from AppleScript. So the values 0, 0, 0, 0 in the AppleScript list end up as arguments passed to the functions C, M, Y, K variables. AppleScript objects are 1 based Javascript are 0 based & values the same.
set Solid_Fill to "function solidFillCMYK(C, M, Y, K) {
function cTID(s) { return app.charIDToTypeID(s); };
function sTID(s) { return app.stringIDToTypeID(s); };
var desc8 = new ActionDescriptor();
var ref4 = new ActionReference();
ref4.putClass( sTID('contentLayer') );
desc8.putReference( cTID('null'), ref4 );
var desc9 = new ActionDescriptor();
var desc10 = new ActionDescriptor();
var desc11 = new ActionDescriptor();
desc11.putDouble( cTID('Cyn '), C );
desc11.putDouble( cTID('Mgnt'), M );
desc11.putDouble( cTID('Ylw '), Y );
desc11.putDouble( cTID('Blck'), K );
desc10.putObject( cTID('Clr '), cTID('CMYC'), desc11 );
desc9.putObject( cTID('Type'), sTID('solidColorLayer'), desc10 );
desc8.putObject( cTID('Usng'), sTID('contentLayer'), desc9 );
executeAction( cTID('Mk '), desc8, DialogModes.NO );
}; solidFillCMYK(arguments[0], arguments[1], arguments[2], arguments[3]);"
tell application "Adobe Photoshop CS2"
activate
set User_Rulers to ruler units of settings
set ruler units of settings to pixel units
set Doc_Ref to the current document
tell Doc_Ref
set background layer of last layer to false
do javascript Solid_Fill with arguments {0, 0, 0, 0} show debugger on runtime error
move first layer to end
set Doc_Height to height
-- set Doc_Width to width did NOT need this
resize canvas height Doc_Height + 200 anchor position top center
flatten
end tell
set ruler units of settings to User_Rulers
end tell

FW8 - turn background color into gradient?

Similar Messages

Maybe you are looking for