How to make my Spry Menu transparent background bar?

I am a beginner and create my first website and just started coding for the first time today. I'm trying to do my transparent background behind the text, or at least replace the text + the background of a menu with my own photo. Is it possible that I can do as possible. You can get an overview of my problem here on my test site.

http://visualizecontrollers.webege.com/

I'm trying to make it similar to my design that I made in photoshop. I change it a little though of course.

http://gyazo.com/598320901c425f5c47a8118306d8506d

As you can see in the picture above, below the menu bar, there is a line with a small arrow pointing up under the House, don't worry about this. Will just change for each page I do.

If you want the code, I'm going here.

HTML/CSS

http://pastebin.com/pZ1HWZnW

Sections

http://pastebin.com/9QSzgsHP

SpryMenuBar.js

http://pastebin.com/LzyjVuSg

I have a backup plan if it is not possible. Can I just replace the menu with pictures that will respond as buttons when you click right align horizontal.

If you need additional information, please let me know!

I discovered how to change. If you have a default color as background of your Spry menu bar, simply click on the default code of the background color and then delete and leave the field blank. It will automatically make your transparent background.

Tags: Dreamweaver

Similar Questions

  • How can I get widget menu transparent?

    How can I get widget menu transparent?

    Hello

    According to Volkantulek, you can select the first select the menu widget and then click on the dropdown next to the "Effects" option in the toolbar and change the opacity value using the slider (0 is the value of full transparency).

    Take a look ath the screenshot that can help:

    I hope this helps.

    Kind regards

    Sachin

  • How can I change the Menu Windows Contacts bar to show new Contacts, new Group Contacts, etc.. ?

    I have Windows Vista with Windows Mail. In Windows Mail, my Contacts are displayed, but the Menu bar icons related to the Windows images. How can I change the Menu Windows Contacts bar to show new Contacts, new Group Contacts, etc.. ?

    Original title: Windows Mail with Vista

    Missing the Windows Contacts toolbar buttons
    http://www.wintuts.com/missing-buttons-from-Windows-contacts-toolbar

    Vista - "New Contact" and "Contact Group on new" button missing
    http://www.Vistax64.com/tutorials/186477-new-contact-new-contact-group-button-missing.html

  • How to keep a Spry menu in one file?

    Could someone explain to me how I can keep the HTML code for a (horizontal) Spry menu bar in one file? Of course, the goal is to reduce the effort to make subsequent changes in the menu to a minimum... I'm not a professional developer, but I wonder if I can do it using PHP or perhaps XML. The question is: How can I do this?

    Thanks for any help!

    http://www.Tizag.com/phpT/include.php

    --
    Pablo

    www.Paul-Dell.com
    ..........................................
    "Death is not more to a room in another. But there is a
    difference
    for me, you know. Because in this Hall, I know I can have a beer. »

    "bjjobe" wrote in message
    News:fvelgb$IDR$1@forums. Macromedia.com...
    > Could someone explain to me how I can keep the HTML code to display a Spry menu
    > (horizontal) bar into a single file? Of course, the goal is to reduce the
    > effort
    > to make subsequent changes in the menu to a minimum... I'm not a
    > professionell
    > developer, but I wonder if I can do it using PHP or perhaps XML. The
    > cquestion is: How can I do this?
    >
    > Thanks for any help!
    >
    >

  • How to bind a spry menu item to the script for mail chimp campaign

    I already have a site with a spry menu upward. My customer wants to add a link to an e-mail account of chimpanzee for a campaign newsletter.  Chimp mail offers a script to do their campaign newsletter without an administrator log in. How can I associate this script with a submenu item?

    I don't know that a menu link is appropriate for this.  I think MailChimp gives you a script to integrate a form into your web pages.  The obvious place for it would be a sidebar, header or footer tag.

    Better integrated registration forms | MailChimp Email Marketing Blog

    Nancy O.

  • [Adobe Muse] How to make a horizontal menu with drop down horizontal?

    Hi all

    I would like to make a horizontal menu, but have drop them the low go horizontally rather than the default and the vertical level, like the model I made in photoshop. Can someone help me with this? Thank you!

    Screen Shot 2015-02-04 at 15.44.19.png

    My recommendation is to watch the following video of Adobe's Terry White, explaining how to make a custom horizontal menu (use the techniques and adapt):

    How to design a Custom Mega Menu in Adobe Muse CC - YouTube

    If you have any questions after watching, will try my best to answer, but feel that his explanation will be much better than any I can give here in writing.

  • How to make a main menu for a game?

    Hello

    I need to make it appear a main menu for this tower defense game that I do.  I have 2 parts of the menu that I need to set up.  I have as follows:

    I have a splash screen when the player presses the Start button.  I now need the user to the main menu itself.  I have the start menu and the main menu in the same document but on different layers.  I have a button labeled as start to which I put in place to where when clicked, it changes color, but I also need to show/hide the menu layer.  I just need that button to take users to the menu layer where I have 3 buttons more resume, News, and boot options.  I need these buttons to go to their various layers also.  After that users hit the new buttons or resume , I need the game itself to start I'm going to start doing after that I think the other issues.

    I'm new to Flash and I really want to learn how to make the tower defense games.  For now, I use http://www.ehow.com/how_7788131_make-tower-defense-game-flash.html as a guide to do the game stuff, but it says nothing about a main menu.  I use a trial version of Flash Pro CS6 and it is 28 days.

    Any help will be great! Thank you, xp3tp85

    Add:

    Stop()

    for this first image that has your Start button.

  • PShop/Mac ~ how to get rid of the transparent background?

    Hi people,

    I recently changed world from PC to MAC, loving every minute of it, but

    the strange problem happens.

    I am running PS CS3 on snow leopard X and pshop has a transparent background, which means that I can see my office and all the other apps, icons and open windows; gadgets and tools of pshop are scattered, and visually, it's a mess.

    I really liked the Uni on the windows application background; is it possible to restore this type of background on my mac?

    Thank you

    BZ

    This is normal on Macintosh.  Turn on the frame of the App if you like the way of Windows to hide all your other work.

  • How to fill a spry menu by using the microsoft sql server database?

    Hello

    I use dreamweaver cs4 and spry menu to create a dynamically created menu system.

    My concept is to fill the menu items on the fly using MS sql server as database technology.

    Can someone point me in the right direction? I googled and searched, but can't seem to get anywhere.

    As soon as I get my menu established, I would like to this style. It seems that a lot of work for each element of style by hand. I was wondering if there was a collection of css files menu spry somewhere that I could just tie and presto!

    Thank you.

    Jerry

    I use dreamweaver cs4 and spry menu to create a dynamically created menu system. My concept is to fill the menu items on the fly using MS sql server as database technology.

    Basically

    1. create a dynamic XML files containing data from the database
    2. create a SpryXMLDataSet
    3. create a SpryRegion when the menu is displayed
    4. using SpryRepeat fill the menu

    More information can be found here http://labs.adobe.com/technologies/spry/samples/

    As soon as I get my menu established, I would like to this style. It seems that a lot of work for each element of style by hand. I was wondering if there was a collection of css files menu spry somewhere that I could just tie and presto!

    Have a look here http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=2141544

    If you need additional Spry associated support go to http://forums.adobe.com/community/labs/spry

  • Make object with a transparent background when you drag to Illustrator

    Hello

    I hope someone can help me. I am trying to copy and paste or drag an object from Photoshop to Illustrator, but I need to have a transparent background.

    For example, I chose a flower of an image, I took and deleted so just the background, that the flower remained. I changed the background transparent. It seems transparent in photoshop, but when I copy the flower and paste into illustrator there is a white box around the flower.

    Or, I have brushes that for photoshop, I downloaded and want to use the brush as an object and use it in illustrator. I have a transparent background in photoshop and the brush stroke is on a transparent layer, but when I drag in illustrator the white background appears again.

    Thank you for your help in advance.

    JKL

    Save a transparent PSD file and plce in Illustrator. You can incorporate conversion layers in objects - then you reach the same copy and paste

  • How to produce a FLV with transparent background

    I would like to produce a FLV with a transparent background that will be used in the swf file.
    Who can tell me what format should I use to the mov and what are the settings in the output to FLV format.

    Jin

    I saw a similar post and a response on this forum but I am not able to remember. Search and do tell me also.

    Gerard

  • A question about how to make something similar to a Navigation bar?

    Hi guys, I'm sorry if this has been asked before, I just completely sure what I was looking for!

    Well, I think my first official for the company website that I work.  I was curious about how to make a navigation enough image size, with a little information and a link visitors could click to learn more.  I don't know what this method is called or where to start to create a!

    I was certainly not specific, but I don't speak of something similar to www.nationalgeographic.com.

    At the top of their page, they have a daily news thing, when you click the numbers, it takes you to a picture and a sentence of information and a link at the bottom left for "More".

    That's what I was looking for!

    I hope you guys can help me, thanks in advance!

    Adobe Exchange has several cool widgets that you can use.

    http://ALT-Web.com/demos/Spry-test.html

    You will need to install Adobe area to use the browser Widget ~ installed from the link below:

    http://labs.Adobe.com/technologies/widgetbrowser/

    Log-in to Adobe Exchange to enter & configuration desired widgets.

    Nancy O.

    ALT-Web Design & Publishing

    Web | Graphics | Print | Media specialists

    http://ALT-Web.com/

  • How to make a watermark semi transparent?

    I want to make a watermark to include in all my images. I would like to create a text that is semi transparent completely transparent one side then discoloration on the other side. Can someone tell how to do it please? I have CS5. Thank you.

    I'll show you my way:

    1. Enter the text and click on the layer mask icon. The layer mask should be all white and a small border. Which indicates the mask 'active' ist.

    The foreground color should be black and the background color white.

    2. choose the gradient tool. The degraded window. Choose the first gradient, "foreground to background" = black and white.

    Change the color from white to gray.

    3. check the layer mask > is active?

    Apply the gradient from right to left on your text.

    See the thin line in the screenshot.

    4. on your mask layer appears the gradient left starting with gray and straight ending in black.

    The advantage of this method is that you can change your text without changing the gradient.

    The black color on the layer mask hides the text, gray makes the text more or less visible, and white means completely visible.

    It will be useful.

    Miss marple

  • How to make a popup, menu utilities Windows Moviemaker, smaller if I can change the length of the duration of the images?

    I am trying to extend the duration of the photos that I have in a project.  The Utilities menu appears giving me access to change the duration, but the pop-up window is so great that I can't at the bottom of the pop-up window to save my changes.  How can I make the window appear smaller in order for me to see the whole window on my monitor?

    It can help to reduce the size of the menu
    If you increase the resolution of your screen.

    Windows Vista - get the best display on your monitor
    http://Windows.Microsoft.com/en-us/Windows-Vista/getting-the-best-display-on-your-monitor

    Windows Vista - change the screen resolution
    http://Windows.Microsoft.com/en-us/Windows-Vista/change-screen-resolution

    As for the duration of the Photo...

    The change of setting to: Tools / Options /.
    Advanced... tab applies only to the added clips
    to the timeline * after * you change the setting.

    If you switch to view "Storyboard" and select
    all of the clips as a batch (select one and the type...
    CTRL + A)... you can add the 'Speed Up, Double.
    or "Slow down, half" effect of changing the
    duration. Simply select all clips / right click
    the effect on the menu... Choose...
    Add to storyboard table.

    'Speed Up, Double' cuts the duration of half.

    "Slow Down, half ' double life.

    These effects can be added up to six times.

    If you need finer adjustment...
    the info may be useful:

    To the timeline, you can change the
    duration for each clip manually. Drag the
    Garnish handle left or right to increase or
    reduce the duration. You can see a
    Tip displaying the change.

    Or... just to redo the project after changing
    the long-term: Tools / Options / Advanced
    tab.

  • How to make a video as a background to clearly show with video width? How to download webm formats ogg for Muse?

    Should be to download the video files to mp4, webmand ogg on my server ( GODADDY ) first or muse? How can I do? I'll really apreciate any help!

    How can I create this site? What type of file do I do very strong video?


    http://themejive.com/Muse/Muse-Builder/#services

    I just bought a new widget: Widthy, but I spend a lot of hours to make it work, it looks like, it does not at all, you all special advide

    http://www.qooqee.com/mucow/widthy/Instruction_widthy.PDF



    Screen Shot 2015-05-21 at 11.54.20 PM.png

    You can choose file--> add files for download of Muse and browse your video files.

    The files will be added in the active panel. For the path to the video file in the widget options menu, you can write ' / assets/name_of_video.mp4 '

Maybe you are looking for