How can I add more than one same spry menu (eg. collapsible menu)  with in different styles (font size, color, background, etc) on current page?

How can I add more than one same spry menu (eg. collapsible menu)  with in different styles (font size, color, background, etc) on current page?

Hi Nancy,
This screenshot was only for imagination. A part of the code (not all) is below.  In the code there are some background images but they are not seem in live mode.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="css/my_site.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css"/>
<link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
<style>
#CollapsiblePanel1 .CollapsiblePanelOpen .CollapsiblePanelTab {
    background-color: #003366;
    font-size: 18px;
    line-height: 52px;
    color: #FFF;
#CollapsiblePanel1 .CollapsiblePanelTabHover .CollapsiblePanelTab {
    background-color: #003366;
    color: #FFF;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    line-height: 52px;
#CollapsiblePanel1 .CollapsiblePanelClosed .CollapsiblePanelTab  {
    background-color: #C3CFDF;
    border-radius: 5px 5px 0px 0px;
    color: #999
    text-shadow: 1px 1px #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 52px;
#CollapsiblePanel2 .CollapsiblePanelOpen .CollapsiblePanelTab {
    background-image: url(images/international.jpg);
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 52px;
    color: #FFF;
#CollapsiblePanel2 .CollapsiblePanelTabHover .CollapsiblePanelTab {
    background-color: #003366;
    color: #FFF;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel2 .CollapsiblePanelClosed .CollapsiblePanelTab  {
    background-color: #C3CFDF;
    border-radius: 5px 5px 0px 0px;
    color: #999
    text-shadow: 1px 1px #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    background-image: url(images/TR_Gray2-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel2 .CollapsiblePanelContent {
    background-color: blue;
#CollapsiblePanel3 .CollapsiblePanelOpen .CollapsiblePanelTab {
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 52px;
    color: #FFF;
#CollapsiblePanel3 .CollapsiblePanelTabHover .CollapsiblePanelTab {
    background-color: #003366;
    color: #FFF;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel3 .CollapsiblePanelClosed .CollapsiblePanelTab  {
    background-color: #C3CFDF;
    border-radius: 5px 5px 0px 0px;
    color: #999
    text-shadow: 1px 1px #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    background-image: url(images/TR_Gray2-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel4 .CollapsiblePanelOpen .CollapsiblePanelTab {
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 52px;
    color: #FFF;
#CollapsiblePanel4 .CollapsiblePanelTabHover .CollapsiblePanelTab {
    background-color: #003366;
    color: #FFF;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel4 .CollapsiblePanelClosed .CollapsiblePanelTab  {
    background-color: #C3CFDF;
    border-radius: 5px 5px 0px 0px;
    color: #999
    text-shadow: 1px 1px #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    background-image: url(images/TR_Gray2-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel5 .CollapsiblePanelOpen .CollapsiblePanelTab {
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 52px;
    color: #FFF;
#CollapsiblePanel5 .CollapsiblePanelTabHover .CollapsiblePanelTab {
    background-color: #003366;
    color: #FFF;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel5 .CollapsiblePanelClosed .CollapsiblePanelTab  {
    background-color: #C3CFDF;
    border-radius: 5px 5px 0px 0px;
    color: #999
    text-shadow: 1px 1px #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    background-image: url(images/TR_Gray2-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
</style>

Similar Messages

  • How can I add more than one song to fit the length of the slideshow

    I would like to add more than one song to my slideshow. I do not want to repeat the same song more than once. Is there a way to add more than one song to a slideshow?

    Great - unfortunately it is not intutative - but simple - once you know the secret - and at least in iphoto '08 it acts like you can select multiple songs using the command key but it only plays the first one
    LN

  • How can I add more than one submit button in a jsp without use of javascrip

    I want to add more than one submit button in a jsp without use of javascript

    you can do add multiple submit button with this way
    <input type="submit" value="Previous" />
    <input type="submit" value="Next" />
    <input type="submit" value="Finish" />

  • How can i add more than one iTunes library on one pc?

    I Have 2 Iphone 4s in the family but how can i make two seperate accounts so they wont interfiere between eacother at all. Ive known peple who have done it but i never asked can you please help me

    sorry for the typos english is not my first language

  • How can i add more than one portlet description in my provider.xml

    I already tested MyFirstPortlet developed using JPDK and is working fine.I add one more portlet description in the same provider.xml. But the new portlet is not getting displayed under the provider when i try to add it in my page.
    null

    Abdulla,
    I just want to verify that I understand your question. You successfully created "MyFirstPortlet" using the JPDK, now you are trying to add a second portlet using the provider.xml file and it does not show up in the Add Portlets Screen when trying to add the new portlet to a page.
    This could be one of many different problems.
    1) Make sure that you added it to the provider.xml file correctly. You should have two portlets within one provider within the file. For example (note only displaying tags, content missing):
    <provider class="oracle.portal.provider.v1.http.DefaultProvider" session="true">
    <portlet class="oracle.portal.provider.v1.http.DefaultPortlet" version="1" >
    <id>1</id>
    </porltet>
    <portlet class="oracle.portal.provider.v1.http.DefaultPortlet" version="1" >
    <id>2</id>
    </porltet>
    </provider>
    Notice above that i have two portlet open/close tags within a single provider.
    2) Make sure that the location of this file is the one listed in zone.properties.
    3) Make sure you stop and restart your listener to accept the changes of the provider.xml file.
    4) Login to Portal as an Administrator and go to the Administration page of Portal. Click on Administer, then click on "Display Portlet Repository". Click on Refresh at the top right of the page to retrieve the changes to the provider.xml file. Scroll down to the myfirstprovider and you should now see the new portlet you added.
    Hope this helps,
    Sue

  • How can I define more than one baseline in a line chart??

    How can I add more than one straight line across a graph to indicate a target value? The values are percentages.
    Thanks a lot!!!

    When I have needed to indicate a target line on a chart, I have written a formula that would return a negative or positive number for each group. Then when I chart on the formula, it creates a baseline, with those groups beating the target above the baseline, and those failing to meat the target below the baseline. Percentage calculations work well on these types of charts.

  • Can I add more than one movie to the movie page

    I'd like to put up a gallery of movies  but don't know how to do that.  How can I add more than one movie to the movie template page?
    Thanks,
    Gina

    I use the YouTube widget. It has the advantage of not loading clips until one actually selects the clip. When I started I just dragged the quicktime files to the page...not a good idea as it forced a viewer to wait for all of them to load.
    Miro has some options.
    Hugh

  • How can I maintain more than one contact person for a supplier

    Hi
    As per our business requirement , How can I maintain more than one contact person for a single supplier in SRM?
    How these contact persons are supposed to log in to a portal with different user id and passwords and access the bids for same supplier.
    we are in SRM 7, and currently we are creating contact person throug customised BDC.
    please advice.
    Thanks & Regards
    NITIN
    Edited by: nitinkk on Sep 9, 2011 10:22 AM

    Dear Yaniv,
    Thanks for your information,
    I am able to create  users But my problem is How these contact persons are supposed to log in to a portal with different user id and passwords and access the bids for same supplier ? Is there any kind of maping is available for the user/ contact person to the supplier no.??
    Thanks & Regard
    NITIN

  • How can I get more than one firewre port ?

    Hello,
    how can I get more than one firewire port ? I'd like to be able to connect my canon HV30 camera as well as my firewire external HD at the same time so I can use firewire to upload the videos I've taken. Is this possible?
    TIA

    Hi ginestre-
    Many FireWire hard drives have 2 firewire ports so that you can daisy-chain devices and connect the camera that way.
    Daisy-chaining is not the most reliable method, but it works, so you could buy a FireWire hub.
    Luck-
    -DP

  • How can I create more than one main window in a page of SAP SCRIPT?

    How can I create more than one main window in a page of SAP SCRIPT? If anybody helps me I will be obliged.
    Regards,
    Subhasish

    Hi Ganguly,
    It is possible to have more than one main window in a same page.
    You create a main window and simply you copy and past it in the same page.. it will create first main window name as MAIN and other main windows as MAIN01,MAIN02.... up to MAIN99.
    Contets flow from MAIN , MAIN01, MAIN02.......................MAIN99. contents after filling the current window it flows to next window(by default, you skip as well with some keyword not sure could be NEW-WINDOW)
    you want print the main window data twice? or you want to create two main window in the same page ?
    1. give two copies in the no of copies in the output type screen ( Which pop up is coming after excute the program ).
    2. create two page with the same script form.
    3. you can write the coding inside the program to print twice the same page.
    Hope this information use full to you..

  • How do i add more than one pdf at a time to profile manager books

    How do I add more than one pdf at a time to profile manager books? When I browse to my pdf folder I can only select one pdf at a time. I have 500+ pdf files I need to add. Any help would be greatly appreciated.

    Bucknut wrote:
    I want to add more than one email address to my address book from an email I received. They were in the CC of the email I received. is there anyway to drag them all into an address book group all at once. I hate having to add and address and then having to find the address and then add it to a group. thanks
    no, there is no way to do that, sorry. you need to control-click on every email address one at a time and select "add to address book". if an email is in the address book already that option will not be there.

  • How can I buy more than one item at a time?

    How can I buy more than one item at a time i iPhote fx a book and a calander? It would be nice to place one order and only pay for the shipping once!

    You can't.
    Regards
    TD

  • How can I pass more than one parameters in PDK-URL services?

    Hi all,
    How can I pass more than one parameters in PDK-URL service? All samples on Portal Center shows just one parameter passing.
    <inputParameter class="oracle.portal.provider.v1.URLPortletParameter">
    <name>csz</name>
    <isMandatory>false</isMandatory>
    <displayName>What location do you want a map for (City, State or Zip)?</displayName>
    </inputParameter>
    How can I write the privider.xml file for passing multiple parameters?

    I answer to my question. I've got the answer.
    I repeatly write down the <inputParameter> tags, and it works.

  • How can I select more than one song from the search results?

    I want to create playlists based on certain words in the song title. For example, I may want to create a playlist of all my songs with LOVE in the title.
    Doing the search is easy, but I can't select more than one song at a time. Is there any way in iTunes 12 for Windows to do this? I found an answer in iTunes for Mac, and it basically says to "un-check "Search Entire Library." " but I don't see that option in iTunes for Windows.
    Here is the link to that question: how can i select more than one song from drop down search bar
    I hope some Windows user can help me out.

    Found the "Search Entire Library" option - click on the small (VERY small for my eyesight) down arrow next to the magnifying glass. Also need to select "Filter by: Songs", and then the songs in the main window show the results.
    I'm going to leave this up on the board because 1) in case someone else has this question, and 2) I don't know how to delete it anyway.

  • How can I reference more than one jar file

    hi, In an applet, I use
    Archive = "foo.jar" to reference this jar file.
    But how can I reference more than one file?
    Thanks.

    Suggestion: spend a few minutes reading the tutorials.
    http://java.sun.com/docs/books/tutorial/applet/appletsonly/html.html
    You can specify multiple archive files by separating them with commas:
    <APPLET CODE="myapplet.class" ARCHIVE="file1, file2"     WIDTH=anInt HEIGHT=anInt>
    </APPLET>

Maybe you are looking for

  • B/W Tv out

    Hi to everyone   Before starting explaining my problem i've to warn you about 2 things : - My english could be bad   - I'm not sure i'm posting in the right place, cause this problem is tv related but .... Here's my problem. I've a Msi Gforce 6800Gt

  • Auto-smart quotes in Mountain Lion.

    Being kind of a weirdo, one huge draw to OS X for a long while now has been its ability to automatically turn dumb quotes into smart quotes.  That is, " " into " " . Just a bit of a typographical quirk I have. Anyway, since getting Mountain Lion, thi

  • Simple help with DOM parsing - urgent

    hi, i'm new to xml parsing and have a simple (i think) question. i have the following xml <record> <header> <id>1</id> </header> </record> <record> <header> <id>1</id> </header> </record> i'm trying to parse first the records then from a record parse

  • CSS Designer problem

    I am on the fifth tutorial.  It was going fine at first, but now when I try to edit the properties of a selector in the CSS Designer, every time I change a value it somehow exits the properties page (and the selector) so that I have to select main.cs

  • Invoke servlet with javascript

    Hello. I need to invoke a servlet with javascript when the user clicks a button. Is there a way to invoke the servlet without submitting the page ? Thanks in advance.