Background image instead of color for each sliding panel

I'm working with sliding panels and trying to add some style to the page. I have figured out how to put a different background color on each slide and even how to put a background image on the whole thing, but I cannot figure out how to use multiple images (one for each pannel). When I put the images in place of the colors it works fine in the Dreamweaver screen but totally disapears in a web browser. Here is the url: http://www.centerofdiscovery.com/the_center_of_discovery_home_page.html
any help would be great!

Regarding getting the tabs to sit on top of the content panel, speaking generally here, make the containing div for both the tabs and the content panel to have a margin: 0 auto; setting.This is for horizontal alignment.
The blue rectangle can be belayed by setting border: none; on the specific rule that applies to the "a" links within that container. It is an indication that there is a link there.
Please rename the images that have word-spaces in their file names. Some browsers react badly to word-spaces.
I see that you have
<p>
</p><div class="slidingpanelandtab">
    <blockquote>
      <p><a onclick="sp1.showPanel(0); return false;" href="#"><img width="144" height="70" class="oneColFixCtrHdr" src="Images/panneltab.jpg"/></a><a onclick="sp1.showPanel(1); return false;" href="#"><img width="144" height="70" src="Images/panneltabb.jpg"/></a><a onclick="sp1.showPanel(2); return false;" href="#"><img width="144" height="70" src="Images/panneltaba.jpg"/></a><a onclick="sp1.showPanel(3); return false;" href="#"><img width="144" height="70" src="Images/panneltabc.jpg"/></a></p>
    </blockquote>
Which sets off your "slidingpanelandtab" class div with an empty paragraph space <p></p> and then sets off the next section not only with <p></p> paragraph spacing but also with a <blockquote></blockquote>, which will by all rights indent that element.
I suggest that you get rid of the spurious paragraph tags and the blockquote; that should tighten up your spacing.
Beth

Similar Messages

Background image instead of color

Hi, I have a Flex 4 application with this code:
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               backgroundColor="#000000"
               applicationComplete="appComp()"
               width="1600" height="900"
public function appComp():void{
    stage.scaleMode = StageScaleMode.SHOW_ALL;
    stage.align = StageAlign.TOP;
    //stage.align = StageAlign.LEFT;
NOTE: In the index.template.html I have change all width and heights from the default "${width}" and "${height}" to "100%"
The documentation says of SHOW_ALL : "Borders can appear on two sides of the application."
I can change the color of these borders with backgroundColor in Application tag, but.... How can I put an image (or swf) instead of these Borders?
THANKS.
Raúl.

Hi There,
In my knowledge, there are two ways to do that.
1) Create a skin for your application(I guess this option is only for advanced users) and choose the background colour there
2) A trick which I found is take a border container and use a background image for this border container.
e.g.:-
<s:BorderContainer
width="100%" height="100%" x="0" y="2" backgroundImage="@Embed(source='assets/images/nameofimage.jpg')">
//other components
</s:BorderContainer>
Hope, it helped>>>>

Optimize Specific Matte color for each slice?

Hi,
I have a document filled with text and slices that gets
exported as transparent gifs. Sort of a repository of all
text-images I use for a site that has different background colors
for different parts of the pages.
Problem:
When I select a slice, or multiple slices and select a matte
color in the optimize window, Fireworks sets the matte color for
the entire document for all slices.
Question:
Is it possible for Fireworks to remember which matte color I
set for each slice, so I dont have to set the matte color for each
slice (or set of slices) each time I want to export? Why doesn't
the matte color "stick" to the slice? Or am I missing something?
Thanks,
Patrick

The matte color is based on the web layer, not specific
slices, the
theory being (I guess) that the images would be matted
against a web
page background color, which would be the same over the whole
page. So
each time you change the color, FW changes it for all slices.
One option - though not very automatic, would be to select
your slices,
then go to File > Image Preview slices. You can set the
matter color for
them in the preview window. Once complete, you can select the
other
slices and go through the same process, changing the matte
color. Make
sure to check of "Export Selected Slices Only" before you do
the actual
save.
Not elegant, but maybe it will save you some
time/frustration.
While no means a perfect solution, in FW CS3, you can have
multiple page
and each page can have its own web layer so you could work
with your
slices in this manner, but that is probably more work than
it's worth
and could be more complex from a maintenance perspective.
Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
Extending Knowledge, Daily
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
.:Adobe Community Expert for Fireworks:.
news://forums.macromedia.com/macromedia.fireworks
news://forums.macromedia.com/macromedia.dreamweaver
soniczen wrote:
> Hi,
>
> I have a document filled with text and slices that gets
exported as
> transparent gifs. Sort of a repository of all
text-images I use for a site that
> has different background colors for different parts of
the pages.
>
>
Problem:
> When I select a slice, or multiple slices and select a
matte color in the
> optimize window, Fireworks sets the matte color for the
entire document for all
> slices.
>
>
Question:
> Is it possible for Fireworks to remember which matte
color I set for each
> slice, so I dont have to set the matte color for each
slice (or set of slices)
> each time I want to export? Why doesn't the matte color
"stick" to the slice?
> Or am I missing something?
>
> Thanks,
>
> Patrick
>

Dynamically Calling Background Image instead of standard setting

Hi all,
There is a requirement that, based on some condition I have to display shaded background image, say 'zimage1' .so as a result it should print in all pages. If condition fails, we have to display other image, say 'zimage2' in background. If both fails, no need to display background image.
If any body knew the solution please assist me in this regards.
Thanks & Regards,
Nagesh.

Do any one knew how to set Dynamic Background (Watermark) Image instead of going for the standard setting in Page. (by selecting BACKGROUND PictureTab).
I want to pass a variable kind of information to the following fields during runtime.
ie.,
Path: Page->Background Picture.
Name: <Variable image name>
Object: GRAPHICS
ID: BMAP
and other properties like Ouput Mode, Position..etc.
That image should come at backgroudn for all the pages.
Hope, you have understood the issue here.
Please do update me with relevnat ideas, if any.
Thanks & Regards,
Nagesh.

How to let the user define the colors for each plots in the graph (I use LabVIEW 7)?

How to let the user define the colors for each plots in the graph (I
use LabVIEW 7)?

Hi,
Take a look at this example, it uses property nodes to select tha
active plot and then changes the color of that plot.
If you want to make the number of plots dynamic you could use a for
loop and an array of color boxes.
I hope this helps.
Regards,
Juan Carlos
N.I.
Attachments:
Changing_plot_color.vi ‏38 KB

Using a different color for each event in a calendar?

I don't know if this is possible. If I have a calendar that is green. Every event I set up in that calendar is green. So if you have a full day of events each day on the calendar just looks like this mass of green.
Is there any way (as I've seen in other calendar apps.) to change the color for each event so that they stand out more.
I see references on the net to an iCal plugin called iCalibrate which seems to do this but it also doesn't seem to be available any more? But it said...
" iCalibrate 1.3 can now change any color, anywhere in any of your calendars"
That's pretty much what I'd like to be able to do.
Pat.

Ok I found a similar question on this forum that was answered and helped. If anyone comes across this wondering the same thing, copy and paste your SpryMenuBarHorizontal.css file and rename the copy to something like "(Title_Of_Page)SpryMenuBarHorizontal.css" and then replace "SpryMenuBarHorizontal.css" in your code to <link href="../SpryAssets/(Title_Of_Page)SpryMenuBarHorizontal.css" and then you are good to go.

How can i apply different color for each cell in jlist component?

hi guys i need your help and sorry if my english is very bad..guys how can i apply different colors for each cell in jlist component? for example for the first cell i want to apply color blue, for the second cell i want red, etc... i need your answer guys tnx..
Edited by: ryrene on Mar 21, 2010 12:13 AM

ryrene wrote:
hi guys i need your help and sorry if my english is very bad.
..guys how can i apply different colors for each cell in jlist component? for example for the first cell i want to apply color blue, for the second cell i want red, etc... i need your answer guys tnx..I'll see your tnx, and raise you dve bmbrs & nplm.

Color for each item ring

Hello,
Is it possible to assign a different color for each item in a ring control ? See what I start in attached file.
Thanks
Attachments:
enumeration_avec_couleur.vi ‏8 KB

Attached is the LV 8.0 version. I also added a control as described by Evan because I hadn't thought of it originally, but it is probably the best option -- it places text on color and doesn't require a loop to update.
David C
Applications Engineering
Attachments:
enumeration_avec_couleur2.vi ‏74 KB
Control 2.ctl ‏6 KB

Transparent background instead of color for stage

Is there a way to set the background color for the stage to transparent instead of a color? I only see color as options when clicking in property manager for the background.

By default there is no background color with wmode="transparent" set. You may just be a victim of browser cache. Clear your cache as flash has a nasty habit of staying in there a while. What that does is tell the browser that you should be able to see through the flash piece in the browser.
Mind you, flash doesn't always play nicely in all browsers. Sometimes you expect content to render 'over' flash (drop-down menu or such) and the browser still shows the flash item 'over' the menu. This is normal.
If you're exporting a projector, you cannot export a projector with a transparent background. You will need an extension to flash projectors such as MDM Zinc or Screentime mProjector (Zinc is preferred). They can export transparent projectors (as well as a ton more).
Any time you load a SWF inside another, the background will ALWAYS be transparent as well. The document background property has absolutely no effect on this. If you want a background you explicitly have to put a background layer in your SWF to have one.

Background graphic instead of color supported in menu widgets?

Hi, I am trying out spry in DM3, pretty cool so far, but as
far as design goes, it seems limited. for example, can u somehow
make the menu tabs graphical? I see you can change color, but how
do you instead use a gif/jpg? And can the a tab be transparent?
thanks!
BS

Hi There,
In my knowledge, there are two ways to do that.
1) Create a skin for your application(I guess this option is only for advanced users) and choose the background colour there
2) A trick which I found is take a border container and use a background image for this border container.
e.g.:-
<s:BorderContainer
width="100%" height="100%" x="0" y="2" backgroundImage="@Embed(source='assets/images/nameofimage.jpg')">
//other components
</s:BorderContainer>
Hope, it helped>>>>

Navigation bar different colors for each tab

I want to have the top horizontal navigation bar with different background colours for each tab on the bar.
I don't want to change the background colour for the entire navigation bar. How do I change them individually?
thanks!

Hi lorrscorpio,
As far as I know it is difficult to change background color of top navigation link OOTB, better to create a html menu for that and add it to your page .In that you can easily change background color of your top navigation link.
Whenever you see a reply and if you think is helpful, click "Vote As Helpful"! And whenever you see a reply being an answer to the question of the thread, click "Mark As Answer

Showing image instead of flash for mobiles?

I am just wondering if it is possible to show an image instead of flash content for mobiles?
I want to allow the adobe sniffer to do its thing when it is people using pc and mac browsers and direct them to the plug in page to download the flash player if they need it, but is there a way to sniff for a mobile / smart phone browser and if they cant view flash it will show an image instead?
Any help appreciated.

You can use Javascript to detect the browser and platform for any given user. You can then parse that information to push the content that you want to use for the result. You can find a good write-up with example code here: http://www.quirksmode.org/js/detect.html

Does ne1 now the html code to set a background image=non repeat, center for dreamweaver or where to find it?

Im trying to set up an about me page like that of myspace.com
i know that in myspace you can set the background image center non
repeat can this be done as will with dreamweaver?

Hello,
Yes, it can be done using CSS.
You can place this in your code, right before </head>.
Just substitute your image for mypicture.jpg.
<style type="text/css">

</style>
-OR-
You can also do this using DW's dialog boxes (like a wizard).
If you have DW8 or CS3...or MX2004 if memory serves, you can
right click on
your page in design view.
Select CSS Styles > New
A CSS Rule dialog box opens.
Select tag, then in the tag box, type body.
You can select whether you want to add the CSS to this page
(like the code
above) or to a stylesheet linked to this page. If you are
going to use CSS
on multiple pages, it's a good idea to use a stylesheet. Then
you can make
changes in one place that affects all the pages linked to
that stylesheet.
When you click OK, a new box will open where you can define
your CSS.
Select "background" from the sidebar, and the fill in areas
are pretty self
explanatory.
I hope that helps.
Take care,
Tim
"Jimtheman2000" <[email protected]> wrote in
message
news:fo84t1$je9$[email protected]..
> Im trying to set up an about me page like that of
myspace.com i know that
> in myspace you can set the background image center non
repeat can this be
> done as will with dreamweaver?

How to set a background image in Web dynpro for Java?

Hi,
Experts,
As i want to set a background image in my application can u please suggest how to get background image. send any sample scenarios.
Thanks in advance,
Shabeer ahmed

Hi,
I don't think it can be done in WDJ.
Maybe something can be done on the portal end.
Refer to http://help.sap.com/saphelp_nw70/helpdata/en/79/affe402a5ff223e10000000a155106/frameset.htm
Changing the theme can help maybe but I do not know how to go about that
Regards,
Himanshu

Images distorted on animation in Spry Sliding Panels

I have a site here using a set of sliding panels. It looks okay, but when the panels are animated the image on the left is momentarily stretched right across the panel covering the text, then snapping back into place once the animation stops. It's a bit distracting and I'd like to be able to stop it. Any ideas?
Tx,
Michael

Hi Michael,
When I look at the CSS for the image
#praxis_services .SlidingPanelsContent img (line 209)
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
clear: right;
float: left;
margin-top: 0px;
margin-right: 30px;
margin-bottom: 0px;
margin-left: 0px;
position: relative;
top: 20px;
it sets the image margins. The margins are set to the whole of the width and height of the sliding panel until the text with a set width is loaded. If you add a div with the required dimensions for the image placing the image inside that div, it should solve your problem. Don't forget to 'float:left' the new div.
Hope this helps,
Ben

Background image instead of color for each sliding panel

Similar Messages

Maybe you are looking for