Need to create a background image for Joomla

I need to create a custom background image for a Joomla site.
Can anyone offer a simple tutorial on the steps I need to take to create the image?
Thanks

Okay. The image has a gold gradient from top to bottom, but the text repeats in smaller blocks.
First, you need a tiling image of some text, on a transparent background. Then, this image needs to be added as a pattern in Fireworks.
Next, you get to use your new pattern. In your document, create a tall rectangle with a vertical gradient. Make this image the same width as your tiling pattern, so that your resulting background image will also tile. Over that you put a rectangle with no color fill, but fill it with the text pattern. Save this working Fireworks document, then export to use on the Web.
I don't understand the phrase "I need to know how to size the image, possibly with CSS." Background images are the size they are. When this image is set to be the background, then it should be specified to repeat in the horizontal direction (repeat-x).
Here's some info on making a seamless tile:
http://forums.adobe.com/message/2384441
Using patterns:
http://www.entheosweb.com/fireworks/patterns.asp
There have been some recent threads on using gradients, just flip back a page or two (unless my mind's playing tricks on me and they're older).
Hmm... Possibly helpful:
http://spectrum.troy.edu/~techtip/classes/tutorials/fireworks/fw2004/gradient/gradient.htm

Similar Messages

How to create a background image for each item in a List object

Hello.
I am trying to create a background image that displays whenever a user posts something to a list. For example when a user posts text it would appear in a list. The new item in the list would contain a specific background image with the users text appearing on top of the background image. I do not want a background image for the entire list, rather each item within the list.
I am not sure how clear this is so I added an image below. When a user enters text in and clicks the "post-it" button their text would appear below with the sticky note background.
I am not sure which list type would be best for this problem or how to create insert the image, so I am open to suggestions.
Thank you for your help. Any advice or guidance will be greatly appreciated!

Hi
the easiest way would be with itemRenderer.
You have to do two things:
1. In your list declaration use a item renderer: <mx:List itemRenderer="myRenderer"/>
2. create a flex component myRenderer that will be the single item. This can be a canvas with a background image and a text field on it.
When you add a new item to the list, a new myRenderer item will be created and the data property will be passed to it. So you have to put "data" in your textField.
If you need more help try looking at Tour de Flex samples, they're pretty easy.
Andrei

Best way to create a background image for all resolutions without drastically increasing file size.

I see a lot of great background images with complex designs that resize with different screen resolutions. I can create the designs, but I don't know how to create a complex image for large screen resolutions without making it a large file, or it loosing quality with it stretches to the larger size. Is there a code that resizes images when stretched, or do I just have to live with a slower load speed with complex background images?

The background doesn't resize, it shrinks:
http://johnpatrickgiven.com/jquery/background-resize/
Basically make a 1920x1080 or higher resolution file and use that script. There will always be a maximum but based on your response that is not your monitor. Photoshop and other tools do a pretty good job compressing jpeg files and most internet connections are fast enough to make it seamless.

Help needed to create a Background Image

I have a mobile project and want to create a background image which is visible below some text.
My firstview file is as follows:
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.adobe.com/flex/spark" title="HomeView"
                    skinClass="skins.mySkin" backgroundAlpha="0">
<fx:Declarations>

</fx:Declarations>
          <s:Label x="2" y="86" text="Here's some Text" />
</s:View>
With mySkin (in the skins folder) as follows:
<?xml version="1.0" encoding="utf-8"?>
<s:Skin name="CustomApplicationSkin"
                    xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.adobe.com/flex/spark">
<fx:Metadata>
                    <![CDATA[
                    [HostComponent("spark.components.View")]
                    ]]>
</fx:Metadata>
<s:states>
                    <s:State name="normal" />
                    <s:State name="disabled" />
</s:states>
<s:BitmapImage width="10%" height="10%" source="@Embed('/images/myImage.jpg')"/>
          <s:Group id="contentGroup" width="10%" height="10%" minWidth="0" minHeight="0" />
          <s:ViewNavigator id="navigator" width="10%" height="10%" />
</s:Skin>
When I run the project, I cannot see the Label text (although the backgroundAlpha is set to zero).
First time I've tried a skin, so help would be appreciated and hopefully.
Thanks in Advance

A small change to the mySkin file as follws wored:
          <s:BitmapImage width="100%" height="100%" scaleMode="letterbox" horizontalAlign="center"
                 verticalAlign="middle" source="@Embed('/images/myImage.jpg')"/>
          <s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0" />
I took the ViewNavigator line out.

Background image for ApplicationControlBar

Hello,
Forgive my english and its accent, this is a bit urgent.
I need to set a background image for an
applicationContolBar... with css and with css only(an external css
file)
I tried a few ways but no use... is this possible?
Please help...
sharat87

"sharat87" <[email protected]> wrote in
message
news:gdphmq$aee$[email protected]..
> Hello,
> Forgive my english and its accent, this is a bit urgent.
> I need to set a background image for an
applicationContolBar... with css
> and
> with css only(an external css file)
> I tried a few ways but no use... is this possible?
Can the CSS file have embed statements?

How can I use a JPEG file as a background image for my vi in 8.5

Im working on a vi that I plan on using as part of an alarm system. I would like to use a JPEG file of my house as a background image for the vi, or possibly to just be displayed in a window on the control panel. I have seen people use their own images before, but never looked at what this involved.
Im trying to use the "read JPEG file" vi and the "draw flattened pixmap" vi to accomplish this. The vi does run, but nothing shows on the front panel. If I try to create an indicator from the "new picture" output of the "draw flattened pixmap" vi, I get an empty white window on the front panel.
Any advice?
Thanks
Solved!
Go to Solution.

Guruthilak wrote:
the earlier vi (using the JPEG) works fine. just increase the size of the picture control
I figured this was the problem. And to the OP, I'm glad a bitmap worked, but no I didn't mean use any sort of LabVIEW programming at all. I meant open your image in Microsoft Paint, Press ctrl+A to select the whole thing. Then copy the image to the clipboard. Now select your front panel and press ctrl + v to paste it. No programming needed and the image is there. However, if you want to programmatically change it, you will need a picture control.
CLA, LabVIEW Versions 2010-2013

Adding A Separate Background Image For Each Menu Item

I asked this in the Spry forum, and not sure I understand the answer. Plus, I should have been more specific in asking how to do it, as I'm still pretty new to this stuff. Nothing I'd found indicated it could be done, or how.
Org question -
I know you can apply a background image to the menu bar items, but is it possible to add a background image for each individual item? What I'm basically trying to keep are the effects (bevel/emboss, etc.,) that I attached to the text, when I created it in PS CS4.
Answer -
Yes you can. The widget is just normal plain html markup so you can just add other classNames or id attributes to the elements. And style the elements through those classes/ids.
Does this mean I'd have to write a new rule for each menu item? What?
Thank you.

Did an Adobe Tutorial for creating/entering a Spry Menu Bar. This is the HTML, after I took out the submenus.
<ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="news.html">Features</a></li>
      <li><a href="news.html">News</a></li>
      <li><a href="news.html">Fashion</a></li>
      <li><a href="news.html">Lifestyle</a></li>
      <li><a href="news.html">Calendar</a></li>
    </ul>
This is from the SpryMenuBarHorizontal.css (It seems like I need to make changes in the Design Info section of this code. But nothing I've tried has worked):
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
text-transform: uppercase;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 7em;
float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 8.2em;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #EEE;
color: #333;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #33C;
color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #33C;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;

Background images for a portlet

Hi,
Is it possble to have a background image for a portlet only, In particular I need to include the login portlet in a region but have the background of the portlet based on an image file.
Thanks in advance,
Brandon

Hello Benny,
The portal layout is done in portalcontent.jsp and portlet.jsp. The
homepage for exampleportal is portal.jsp, which does a dynamic include of
the portalcontent.jsp page. The portalcontent.jsp page loops through an
array of Portlets and includes them with an HTML table that uses a dynamic
include for each portlet by doing a <jsp:include> with portlet.jsp. There
is another HTML table in portlet.jsp.
All of this is just HTML, so it should not be difficult to customize
it. You could use WLPS to create a "backgroundImage" property for each
user or group and then use the <um:getproperty> tag to get the value when
displaying the portal. Maybe you could set "backgroundImage" to
images/wallpaper.gif for your user's group and then you could use the
<um:getproperty> tag to get this value in your JSP page. Then you could do
something like this in your HTML table in a JSP page that extends JspBase
(or PortalJspBase):
<%
String backgroundURL = fixupRelativeURL(backgroundImageValue);
%>
<table background="<%= backgroundURL %>" ...
Ture Hoefner
BEA Systems, Inc.
2590 Pearl St.
Suite 110
Boulder, CO 80302
www.bea.com

I know my Apple Id (not .mac) and password but I can't logon to ichat. I keep getting a message of password not matched. Do I need to create a new account for Ichat?

I know my Apple Id (it isn't ".mac") and password but I can't log on to ichat. I keep getting a message of password not matched. I saw somewhere that my Apple id is the same as my ichat account. Do I need to create a new account for Ichat? I've already reset my Apple id password 3 times in the last 2 days. What am I doing wrong?

Hi,
At one time only Email IDs from Apple (when it was just @Mac.com) were referred to as "Apple IDs"
Other IDs such as to log in to Discussions were know as Discussion IDs
Things like the Online Store and iTunes and Apple realising that people would prefer one ID to have access to Everything tended to move things together.
There can be a variety of combos now
iChat Name
@mac.com before MobileMe
@mac.com post MobileMe
AIM Names
AIM names current
MobileMe (@Me.com)
Style
Email Address valid with the .Mac service prior MobileMe Note 1
Email style Name Valid with AIM
May or may not be an Email address
Can be AIM issued or third party Email address
Valid Email with MobileMe Service
Other Abilities
May also be Currently valid email linked to a MobileMe account
Maybe Valid Apple ID
Is a Valid AIM Screen Name
May Not be a Valid Apple ID (was an option choice at one stage)
Is a Valid AIM Screen Name
May not look like an Email (No @whatever.com) but may be linked to either an AOL email account or AIM one
Current Registration seems to be pushing Email registration (@AIM.com)or asking to use another you currently use.
Trial Accounts are limited to the Trial Period Only as Emails, Valid AIM Screen Names and Apple IDs.
Apple ID
Possibly (likely)
Possibly (depends when Registered)
More currently Yes.
No
No
Yes
Glad I could help.
8:39 PM Thursday; September 15, 2011
Please, if posting Logs, do not post any Log info after the line "Binary Images for iChat"
 G4/1GhzDual MDD (Leopard 10.5.8)
 MacBookPro 2Gb( 10.6.8)
 Mac OS X (10.6.8),
"Limit the Logs to the Bits above Binary Images."  No, Seriously

Background image for a Scene in JavaFX2.0

Hi all,
I am new to JavaFX2.0 and need to know how to set a background image for a scene.
Thanks in advance.

Hi,
here is simple example:
bgtest.css
.root {
    -fx-background-image: url("mybg.jpg");
}BackgroundImage.java
package playground;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
public class BackgroundImage extends Application {
    StackPane root;
    Scene scene;
    Button button;
    public static void main(String[] args) {
        launch(BackgroundImage.class, args);
    @Override
    public void start(Stage stage) throws Exception {
        stage.setTitle("Custom Background Test");
        button = new Button("test");
        root = new StackPane();
        root.getStyleClass().add("root");
        root.getChildren().addAll(button);
        scene = new Scene(root, 600, 600);
        scene.getStylesheets().add(BackgroundImage.class.getResource("bgtest.css").toExternalForm());
        stage.setScene(scene);
        stage.centerOnScreen();
        stage.setVisible(true);
}

How to add different background image for submenu items???

Hi all,
I'm pretty new to web design and CSS in particular. Here's my problem...
I've got a Spry horizontal menu bar (untouched as yet), and I want to have a different background image for my submenu items than that of my menu items. From searching the internet I think that I need to apply a class to the submenu item (please correct me if I am wrong).
How would I go about doing this and how would I assign the class to just the submenu items?
Also ideally I want to have my first and last menu items to have rounded corners on one side (therefore making a rounded edge menu bar), is it possible to have a different background image for individual menu items? If so, how?
Really appreciate any help!

Thanks for the link! I've managed to sort the background issue, and it seems to be working fine!
Just one little issue left to tackle...
I want my text to be centered in my top menu items BUT aligned left in my drop down menu items. I have managed this but the text hugs the left hand side. I've tried adding a little margin to the left but that doesn't seem to affect anything???
Here's my CSS... Any ideas which class I should be targeting or why adding the margin isn't working would save my tearing the rest of my hair out! thanks! (screenshot attached).
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    cursor: default;
    width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    list-style-type: none;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 120px;
    float: left;
    height: 24px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    background-repeat: repeat-x;
    background-color: #333333;
    background-image: url(../images/navbar_bg.jpg);
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #000000;
    border-left-color: #666666;
ul.MenuBarHorizontal li li
    list-style-type: none;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: auto;
    float: left;
    height: 24px;
    background-color: #333333;
    background-image: none;
    padding: 0;
    margin: 0;
    left: -1px;
ul.MenuBarHorizontal li li a
    list-style-type: none;
    position: relative;
    text-align: left;
    cursor: pointer;
    float: left;
    height: 24px;
    background-image: none;
    font-size: 12px;
    font-weight: normal;
    border: 0px 0 0;
    width: 120px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 120px;
    position: absolute;
    left: -1000em;
    height: 24px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    height: 24px;
    width: 120px;
    margin-top: -5%;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal li a
    display: block;
    cursor: pointer;
    text-decoration: none;
    font-style: normal;
    text-transform: capitalize;
    text-align: center;
    white-space: normal;
    padding: 0px;
    height: 24px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 20px;
    margin: 0px;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal li a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #000000;
    background-image: url(../images/navbar_bg_hover.jpg);
    background-repeat: repeat-x;
    line-height: 22px;
ul.MenuBarHorizontal li li a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #000000;
    background-image: none;
    background-repeat: repeat-x;
    width: 120px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-repeat: repeat-x;
    background-position: 95% 50%;
    background-color: #333333;
    background-image: url(../images/navbar_bg.jpg);
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-repeat: repeat-x;
    background-position: 95% 50%;
    background-color: #000000;
    background-image: url(../images/navbar_bg_hover.jpg);
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inline;
    f\loat: left;

How to change background image for each individual page in a template?

I've been working for hours to try to figure out how to change the background image for each individual page in a template. I have tried making a div in the body and adding a CSS and setting a background picture. Unfortunately even after I made it editable all templated webpages changed. I tried looking at different forum results which didn't really help me out. http://forums.adobe.com/message/2670005#2670005#2670005. I've also tried embeding a CSS style on the webpage instead of the external CSS which again didn't work. I'm not sure where to go from here. Is there a good video that explains this clearly. Please help. Thanks.

Adjust inline styles to suit your needs.
<li><a tabindex="-1" href="giving/index.html" class="MenuBarItemSubmenu" style="background:none; color:#FFF; background: #000;">GIVING</a>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Background-image for commandToolbarButton

Hi,
I want to skin af:commandToolbarButton similar to standard skinned commandbutton.
I managed to change the background-image for the link-section, but there seems to be a other section with a background-image which is a little bit bigger than the link-section.
But I can't find how to e.g. disable this background-image when mouse is moved over the commandtoolbarbutton.
Here my CSS definition for the hover-action:
================================
af|commandToolbarButton:hover,
af|commandToolbarButton::link:hover,
af|commandToolbarButton::text:hover
background-image: none;
border : none;
============================
What's my mistake?
regards
Peter

Hi,
if you extend an existing skin then you need to use
-tr-inhibit: background-image
Here's a list of the valid CSS
af|commandToolbarButton
Style on the root element of the af:commandToolbarButton component. This style includes the .AFDefaultFont:alias style. CommandToolbarButton supports further styling with the :hover, :depressed, :selected, :disabled, :text-only and :action-disabled pseudo-classes.
af|commandToolbarButton::access-key
Style on the access key for the label of the af:commandToolbarButton component. For example, underline the access key. Includes .AFFormAccessKeyStyle:alias.
af|commandToolbarButton::link
Style on the button link on the af:commandToolbarButton component.
af|commandToolbarButton::text      Style on the button text on the af:commandToolbarButton component.
af|commandToolbarButton::dropdown-cell
Style on the cell containing the dropdown icon used for the popup button of the af:commandToolbarButton component.
af|commandToolbarButton::dropdown-icon-style
Style of the icon used for the popup button of the af:commandToolbarButton component. The icon is specified as a background-image in this key. To override the default icon, set -tr-inhibit: background-image in the dropdown-icon-style and define the override icon for the dropdown-icon.
Frank

Background image for charts

Hi,
Is it possible to add a background image for a chart. If so, can anybody please explain?
Thanks in advance.
Fred

> Is there a way to apply an image to the background of a graph/chart? I would
> like to overlay a plot on an image, which would make the vi more friendly
> for users.
>
You can place images pretty much anywhere on the panel or on a control.
Probably the easiest approach is to place the image behind the graph and
color the graph parts transparent. You will need to color both the
graph frame, the gray box, and the plot area, typically its black. If
both of these are transparent, the graph will draw
slower than before, but it should look correct.
To integrate the image a bit more with the graph, you can use the
control editor to place the picture behind the black plot area, but in
front of the frame, then color just the plot area transparent. This
means that the
image and control will stick together better. Its also
possible to import the image into some area of the graph, and this will
even allow for scaling, but this will work best if imported into the
frame as the graph cheats with the plot area and doesn't really draw
that image each time.
Greg McKaskle

I hired a commercial artist to create a color image for the cover of a self published book. I want a black and white image for the inside. The commercial artist has not responded to this request. How do I determine the format of the color image, I'm guess

I hired a commercial artist to create a color image for the cover of a self published book. I want a black and white image for the inside. The commercial artist has not responded to this request. How do I determine the format of the color image, I'm guessing it's Illustrator's formatting but I don't know. How can I find out if Illustrator will open the file and allow alterations? The image opens only in Apple's Pages software?

rons,
It seems that all you have is a raster image, presumable PNG24 or JPEG, in RGB.
It may have been created as raster artwork in Photoshop, or it may have been created as vector artwork with the help of Illy, or as a mixture of vector and raster artwork in either application, or both combined.
If you just need to have a raster representation in black and white based on the current colour image, you may try this, in a new RGB document (View>Smart Guides are your friends):
1) File>Place the image (you may tick Link or untick and have it embedded);
2) Create a rectangle with black fill (R = G = B = 0), at least as large as the image, and place it behind the image (you may ClickDrag with the Rectangle Tool between opposite corners, then Ctrl/Cmd+X+B);
3) Select all and in the Transparnecy palette flyout click Make Opacity Mask with both Clip and Invert Mask ticked.

Need to create a background image for Joomla

Similar Messages

Maybe you are looking for