Background Color on Title?

I've looked around this forum and in the application, but I can't see a way to set the background color of a title object. Depending on the video image in the background, I may need to have white text within a black box. I see glows, outlines, and drop shadows galore, but no background color. This is where I usually see control of the background color in other applications. I've looked in the Basic Title and Custom Title templates.
I've got to be missing something.

I'm not experiencing that problem... that makes it very hard to "fix."
All I can figure is: don't keyframe the last frame of the title - burn a few frames at the end with the fade out. If you need more time -- just stretch it out further.
Adding drop shadow controls for the rectangle would complicate the parameter selections, not to mention make you have to scroll for them (I'm sure many who are familiar with my work are laughing right now...LOL). I already put the text drop shadow controls (as well as the most commonly used text parameters) in to save you from having to go back and forth to the text pane to make those adjustments. The Outline should be sufficient and consider using a semi-transparent gradient for the rectangle! I made the "fill" control a gradient (although it's "stuck" as a vertical gradient) which can be used for a really nice effect.

Similar Messages

Choose background color for titles

Is there a way to choose the background color when adding titles before or inbetween movie clips? Or is black the only option?

Welcome to the  Discussion Forums.
Titles backgrounds default to black when there is no background present, you can place the title over any colour background to achieve what you want. I suspect though this isn't what you were asking and what you really wanted to know was can you change the default colour when there is no background. I don't think you can.

Why can't I change the background color on title slides in 10.0.2?

I can change the font color, but the background only seems to be able to be black. any truth in that? Seems like the older version I had let me change the background color.

@ KT
I'm replying to myself because I cannot see your post ??????
From my email- KT said:
"Typically, when a same-only different controller acts up like this, the first thing to do is to rewire - sounds like you've gone down that path tho.
Can you duplicate one of the cooperative controllers, add it to the mix and see if things change there?"
I've tried all of that several times. I have no idea. Maybe some sleep will help it and me.
Thanks for your comments and suggestions.
Edit
As soon as I posted this - your post appeared. Again??????

How to change background color of title in iMovie '09?

My issue is that for animated title slides that I insert with iMovie '09, I can only choose from about a dozens backgrounds and colors. I want the background to be red, but the default red is not the shade I need and there does not appear to be a way to adjust the brightness.

danfo wrote:
... I can only choose from about a dozens backgrounds and colors. I want the background to be red, but the default red is not the shade I need ...
imagine the background as a 'still' or 'photo':
create your special shade of red in any 'Paint' app (Pixelmator, Photoshop/element or iWorks/Keynote ..) , save it as a jpeg, drag it into your Project, add title on that.
btw: in case you'll distribute your movie by DVD, don't be too colorful, too 'bright' with red ... old SDef video ddn't like 'red' ... or 'green' ... or 'grey' LOL ...

Background Colors for Titles

Is there a setting within iMovie that will provide for a different color background than black for titles?
Thanks!

Placing a title over a color background
1 In the timeline viewer, select the video clip to the right of where you want to add a title or text
and drag the clip to the right to create a gap.
2 Click the clip viewer button and locate the new color clip (it will be black).
3 Select the color clip and choose File > Show Info.
4 Click the Color box (shown below) and choose a color for the clip.
5 Click Select and close the Color box.
6 Follow the instructions above for creating a title, but don’t choose the Over Black checkbox. A
color clip is technically a video clip.
Sue

Title 3D background color

I just started using FCE and I've successfully created a sequence that is not complicated. I am only using 1 video track and separating each video segment with a Title 3D title page. I am not overlaying the title page. The background is displayed in black. My question is: can I change the background color to another color? If so, how?
Thanks in advance.
Bob Warznak
imac Mac OS X (10.3.9)

There is no background color to Title 3D. It's transparency. To put a color behind it move the title onto V2 and from the Generators use Matte>Color and put that underneath the title.

Change the background color of a title bar

I'd like to know if it's possible to change the background color of a swing application title bar.
Thanks in advance.

In Windows I think you can change the overall look of the desktop - Standard Windows comes with a bluish scheme, but you can change that, say to something like greenish. On NT you do it using right click on desktop > Properties > Apperance > Scheme etc etc.
So I think Frame title colour is very much a OS specified thing.

Can I change the background color of the title " Knock Out" ?

Hello,
I am facing a problem with editing the title background, the original title background seems to be set as" transparent" or "black" , while I need it not to be black, but make it white or into any other color...
I tried to copy the title "Knock Out" and edit in Motion 5, added a triangle as big as the background and put it on the bottom, but seems it's not working with such method...
Then I tried to change the player background into white ( in the menu of prefernces) , it turned out to be white " sometimes" when I do a playback test... but when I export it into a quicktime movie, it remain the same black background... Anyone know how-to? Thanks in advance!

Hello, Andy
Thanks for your help, I tried to do the same thing, putting a custom generator underneath the title, but seems it's not working... I guess like what Tom said, it's transparent, and if I put a color underneath it, it became all white... like what I show on the photo
The problem is that this method helps for any other titles, but not for the title" Knock Out", coz when we put knock out on our film, the text color will be all depends on your film, and placing a custom background to it will end up the text beccoming the exact same color of the custom background... but what I need is to keep the text transparent as what it was, so that i can show the film thru the text... at the same time, the background should be white... Any ideas? It's bugging me:(
Thanks for help anyway!
The first photo was putting a custom background, but it showed up all white
The seconf one was what I need, but all I can do is change the payer background to white... and it end up the same black background when I export it...

Change background color of List Title

I am able to change the text color however, I am not able to change the background color of the Title on my List.
The list template I am using is Vertical Unordered List without Bullets.
Here is my code :
<span style="color:pink"; "background-color:black">My List Title</span>.
The text color is pink, however the background color remains blue.
Do I need to create a new template for the list ?

Please surround your HTML with the the following tag We need to check if your code is displaying properly.
Scott

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 to change the background color only for one HTML-Portlet?

Hi all,
I have created a HTML-Portlet in my root-page. The root page have a style: Main-Style.
I want to change the background-color only for this one HTML-Portlet:
<html>
<header><title>Test</title></header>
<body bgcolor="#999999">
Test
</body>
</html>
But this does not work...
When I use the CSS, then it will change the background-color for the root-page too.
Thans
Leonid Pavlov

could you try this
<table bgcolor="#999999">
<tr>
<td>
test
</td>
</tr>
</table>
I don't think you need <html><header><title>Test</title></header>
<body></body></html> for your HTML-Portlet.

Background Color - RGB Value

Hello,
I have embedded a video in this post. I have a FCP background color RGB Value 102, 151, 202. YOu can see the bad results in the video. The text almost starts out gray, then fades into white - which it should just simply fade in.
If I place the background in Motion - I don't have this issue - but I use Motion for titling.
Keep in mind, this is simply a test project, not the real project i was working with, but I replicated the issue. Any help would be greatly appreciated.
http://web.mac.com/chris.ducasse/mtest/test.mp4

This is probably bug 777312. Call Support for the latest info on this bug and for help getting it fixed.

How can I change the background color of my podcast's iTunes page?

My RSS feed just got accepted but now I need to customize the title, author, background color, and logo of my site. Does anyone know how to do this? Thank you!

You can't change the background colour - it's white for audio and black for video. The other data can be changed by changing the appropriate tag in the feed, or if you're using a program or online service to make your podcast,. wherever they provide for entering this information.
The title is carried in the 'title' tag; the author in the 'itunes:author' tag, and the 'podcast image' which appears on the Store page in the 'itunes: image' tag. Republish the feed after making the amendments: it will take a couple of days for the new data to appear, though the image may take several days.
The image which appears in some podcasts in the bottom left-hand corner of iTunes when subscribing is not referenced in the feed but has to be actually embedded into the media file: please see this page:
http://www.wilmut.webspace.virginmedia.com/notes/coverart.html
You may find this general page on making a podcast helpful:
http://rfwilmut.net/pc

In Pages 09' how do I change the background colors on the templates?

I have been trying to change the background on one of the templates from red to green for a while. I can't figure it out and i can't find answers online any where that are helpful at all. I just need to changes the background color to what I want it to be and not what the programs sets them too. Any ideas? I'm totally stumped!
Thanks for the help!

Hi Burke,
Here's the result, using Peggy's suggestion:
Process:
Click on the thin strip of red to the left of the title ("THE THOMPSONS") to select the background.
You'll see the small x in each corner, indicating the object is locked.
Go Arrange > Unlock (or press option-command-L) to unlock the object.
Click on the Fill Color well in the format bar, and choose a new colour from the palette.
Go Arrange > Lock (or press command-L to re-lock the object.
Save the result.
Regards,
Barry

How to change background color of row of a table in a panel table

hi! im trouble right now, somebody help me. i have a matrix of row and column, panel row and panel table in jsp. my problem is how can i change the background color of a row once it clicked. i have row in table which have panel table with panel column and panel row.
i have already work for it but i only change the background color once i clicked is the first row and first column then the rest row and column is not working..pls.. give me sample code for it..thnx a lot!!!
Thnank's,
froilet

Ok! I have 2 jsp, the input jsp and display.jsp! Once i input value on input.jsp, it will display on display.jsp. I have also my javascript named updateBin.js. Now, how can i update each row once i clicked it... the succeeding rows and columns..hope u help me with this..here is my code:
Display.jsp
<html:html locale="true">
<head>
     <html:base/><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Strip Map Loader</title><script type="text/javascript" src="js/updateBin.js"></script>
</head>
     <%
          int intRow = Integer.parseInt(request.getParameter("intRows"));
          int intColumn = Integer.parseInt(request.getParameter("intColumns"));
          int intPanelRow = Integer.parseInt(request.getParameter("intPanelRows"));
          int intPanelColumn = Integer.parseInt(request.getParameter("intPanelColumns"));
     %>
<BODY bgcolor="#33b9ec" leftmargin="50%">
     <b>Strip ID:  </b><font color="red" face="arial"><b><bean:write name="strStripID" scope="request" /></b></font>
     <br><br>
     <font size="3" face="tahoma"><b>Bins Updater Tool:</b></font>
     <table border="1" width="365px" bgcolor="#1ea6f7" height="15">
          <tr>
               <td valign="top" align="center">
                    <table><tr><td><font size="2">Select Bin Type:</font></td>
                    <td><select id="binType" onchange="updateBin()" size="1">
                         <OPTION></OPTION>
                         <OPTION value="green">Good Bin</OPTION>
                         <OPTION value="red">Reject Bin</OPTION>
                    </select></td></tr></table>
               </td>
</tr>
</table>
<table id="tbl" align="center" border="1" cellspacing="3" cellpadding="5" bgcolor="#CC9900">
<tr>
<td>
     <%for (int pnlrows=1; pnlrows<=intPanelRow; pnlrows++){%>
          <table id="table" width="100%" border="1" bgcolor="#CC9900" cellspacing="7" cellpadding="0" align="center">
          <tr>
          <%for(int pnlcols=0; pnlcols<intPanelColumn;pnlcols++){%>
          <td>
                    <%for (int rows=1;rows<=intRow; rows++){%>
                    <table cellspacing="5" width="100px" align="center" bgcolor="#CC9900">
                    <tr>
                         <td>
                         <%for(int cols=1; cols<intColumn; cols++){%>
                         </td>
                         <td id="col" bgcolor="#008000" align="center" ondblclick="changeCol()"> X </td>
                         <%}%>
                         <td id="row" bgcolor="#008000" align="center" ondblclick="changeRow()"> X </td>
                         <td></td>
                         <%}%>
                    </tr>
                    </table>
          <%}%>
          </td>
          </tr>
          </table>
     <%}%>
</td>
</tr>
</table>
and this is my javascript code:
     function updateBin()
          var binType=document.getElementById("binType")
          if(binType.value == "green")
          [binType.selectedIndex].value
          //binType = changeR();
          //alert('Good Bin Selected');
          if(binType.value == "red")
          [binType.selectedIndex].value
          //binType = changeC();
          //alert('Reject Bin Selected');
          if(binType.value == "")
               alert('Please select only on the category!')
     function changeRow()
          if(binType.value=="green")
          x=document.getElementById('row').style.background="green";
          alert('Updated!')
          if(binType.value=="red")
          x=document.getElementById('row').style.background="red";
          //alert('Reject Bin Updated!')
     function changeCol()
          if(binType.value=="green")
               x=document.getElementById('col').style.background="green";
               alert('Updated!')
          if(binType.value=="red")
          x=document.getElementById('col').style.background="red";
          //alert('Reject Bin Updated!')
this code only updates the first row and column..but the succeeding panel row and panel column can't update...what will i do? theres something wrong in my javascript or in my jsp...pls help me......thanx.....in advance!!

Background Color on Title?

Similar Messages

Maybe you are looking for