Inserting externally purchased code into Muse.

I purchased code that I would like to use in my site. How do I use it with Muse? I understand how to place HTML, but right now I have CSS and JQuery files. Is there any way to get it in there?

It's hard to give a useful answer to that question. There's a wide variety of HTML widgets out there with lots of different requirements...
Generally speaking, CSS files usually contain styling info, to control how some HTML elements look.
JS files are scripts that usually attach behavior to certain HTML elements.
Usually you'd also have some HTML to insert so the CSS has something to style and the JS has something to attach behavior to.
Muse has a few features that may help you integrate this fabulous thing into your Muse layout.
1) Insert HTML allows you to insert a bit of HTML which Muse will export along with the rest of your page.
2) The page properties dialog metadata pane allows you to insert HTML code into the <head> of the exported HTML page.
3) The 'Add files for upload' menu item allows you to tell Muse to upload additional files to your website. They'll be uploaded into a folder named 'assets'.
Depending on what you have, you might be able to use some of these features to get your wonderous thing into Muse without editing any of Muse's output.
If these features aren't sufficient for your use case, you may have to edit the exported HTML as suggested by iamDK. Note that if you do this, you'll have to re-edit the exported HTML every time you export/publish/ftp upload from Muse, as Muse does not preserve any edits made to the generated HTML.

Similar Messages

How to insert a tumbler blog into muse web site?

Hey I was wondering if you know how to insert a tumbler blog into adobe muse? I have a tumbler account but would like to use it in adobe muse. how can I add it to my blog page in muse for desktop?

Goto your Tumblr account and then view it when you're logged out ... the URL link should look something like this?:
http://my-tumblr-blog.tumblr.com
Now copy & paste that URL link and insert it into this code snippet:
<iframe src="http://my-tumblr-blog.tumblr.com" onLoad="calcHeight();" scrolling="YES" frameborder="0" width="660" height="950" name="resize" id="resize"></iframe>
Now copy and paste this edited snippet into the Muse page where you want your Blog ... set the correct width and height in the code (see above) to fit your page ...
Cutomize it:
I would suggest customizing your Blog with the built-in customize HTML section to tweak the embedded Blog page ... i.e. turn off some of the Tumblr sections like Header, Description, etc, if you don't want them ...
Better still go over to this Tumblr Theme site and create a nice custom theme where you can do it all yourself ...
Then after that still use the snippet code above once you have copied & pasted the new customised Tumblr HTML into you Tumblr Blog:
http://www.totallylayouts.com/tumblr-generator/
The art is to streamline your Blog as much as possible so you get the most screen estate shown in Muse, because as an inserted iFrame widget you do lose a bit ...
cheers,
Gem

Inserting external swf "Widgets" into a Flex app

Hi.
I need to insert several external widgets into my Flex application. For example the Twitter flash widget and flickr slideshows widget.
Those widgets normally give you HTML code to insert in your HTML page, like:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,124,0" width="290" height="350" id="TwitterWidget" align="middle">
    <param name="allowScriptAccess" value="always" />
    <param name="allowFullScreen" value="false" />
    <param name="movie" value="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" />
    <param name="quality" value="high" />
    <param name="bgcolor" value="#000000" />
    <param name="FlashVars" value="userID=xxxxxx&styleURL=http://static.twitter.com/flash/widgets/profile/smooth.xml">
    <embed src="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" quality="high" bgcolor="#000000" width="290" height="350" name="TwitterWidget" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" FlashVars="userID=xxxxxx&styleURL=http://static.twitter.com/flash/widgets/profile/smooth.xml"/>
</object>
I'm trying to achieve the same goal in my Flex application using the SWFLoader control, but I've got a lot of troubles starting with security issues, and although I just learned to pass the FlashVars values, I don't know how to pass the "<param" values.
public var twitterWidgetSrc:String = "http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf?userID=xxxxxx&styleURL=h ttp://static.twitter.com/flash/widgets/profile/smooth.xml";
            <mx:SWFLoader
                id="twitterWidget"
                source="{twitterWidgetSrc}"
                height="290" width="350"
                init="setSecurity();">
            </mx:SWFLoader>
Is there an easier way to insert these widgets into my Flex application? or how can I complete the SWFLoader to achieve the same results?

I don't mean to disappoint you, but your Idea is impossible due to security violation
if you'll look inside this file http://static.twitter.com/crossdomain.xml
you'll probably find out that your host isn't listed there, so you will be not able to load any twitter stuff
Detailed info you could catch in here:
http://www.adobe.com/devnet/flashplayer/articles/flash_player_9_security.pdf
The only way to get the widget embed and working is through HTML

How can I insert a Wordpress page into my Muse site? I need a client to be able to edit links on specific pages. Inbrowser doesn't allow client to ad links.

I need to be able to give my client access to a few pages with links. These links will change often and they want to make the changes. What is the best solution if you can insert a Wordpress page into Muse?

Hi Vickichic,
It is not possible to insert a wordpress page in Muse. You can refer to this post for a similar discussion : Re: How can i integrate Wordpress in my Muse website?
Regards,
Aish

Integrating Wordpress into Muse need dynamic height based on content with cross domain

Since Muse doesn't currently support Blogs and Wordpress integration I have decided to use an iFrame.
My goal is to have the height of the iframe dynamically change based on the content in my Wordpress blog. I understand this is a common issue with frames that are hosted on different domains.
I am running into having to over compensate with a bunch of deadspace to allow enough room. Alternatively I get the horrible looking scroll bar.
I have tried using cross site scripting, JQuery and postMessage but am having trouble figuring out how to put the proper code into Muse and Wordpress for them to communicate back and forth.
Please, any help on this matter would be greatly appreciated.

Abhishek,
Thanks for your reply, however, it is not working with Muse. I added the Javascript to the head section and adjusted iframe and it displays as a small square in the upper left hand corner, unable to view the whole page.
Inserted into head section --
<script type="text/javascript">
function resizeIframe(obj)
obj.style.height = 0;
obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
</script>
inserted as an html object --
<iframe name="MycoSmooth" src="http://www.mycosmooth.com" frameborder="0" scrolling="no" id="iframe" onload='javascript:resizeIframe(this);' />
Below is the result:
The purpose is to have an independent website run the blogging capabilities, since muse doesn't directly support blogging as of yet.
Since the site is on a different domain, I am running into cross domain issues and it won't get the height of the page. The methods that apparently work use php and I am unsure how that would work in muse, if at all.

Using ecwid ecommerce code within muse -- all in one column?

Although new to using Muse, I have good experience with DW.
In its simplest form, following the link here on how to place the code into Muse:http://kb.ecwid.com/w/page/49244914/Adobe%20Muse
(using "Insert Html" on muse page, this is the code)
<div id="my-store-4167334">If you your browser does not support JavaScript, please proceed to its <a href="http://app.ecwid.com/jsp/4167334/catalog">simple HTML version</a>.</div><div>
<script type="text/javascript" src="http://app.ecwid.com/script.js?4167334" charset="utf-8"></script><script type="text/javascript"> xProductBrowser("categoriesPerRow=3","views=grid(3,3) list(10) table(20)","categoryView=grid","searchView=list","id=my-store-4167334");</script>
</div>
The categories are all pushed into a single column rather than spanning horizontally. It runs downwards and I cannot manipulate the frame, it only stretches. If I click on clothing to view products, it get worse. As far I as know I cannot add the code to a container or div in muse? Check it out -- http://www.windrivergear.com/test/gear.html
If I create a blank page in DW, define a div and place the ecwid code within, its fine. So the issue is more within Muse or lack of ability to define a div within the ecwid code.
Hopefully I'm missing something simple.
Any ideas?

Hello,
Could you please try stretching the HTML box to right and check if it helps?
It worked fine for me when the Insert HTML box was stretched to right.
Regards,
Sachin

Created my own subscription box in animate, how to embed the mail code into the symbols?

So i think I am on the right track, I am trying to embed my mailchimp code into my animate site, and I decided to build my own text box and button in animate and convert them into symbols. Both text box and button or inside of a bigger symbol so that they stay in a responisive design. however when I tryin and plug in the mail code it just puts the subscription box behind my symbols. Is this because html code doesnt work in animate or am I just really stupid and am doing it all wrong? Ha probably the second part, . Any help would be great!.
Animate CC code
<div id="Stage_Center2_Subscription">
                <div id="Stage_Center2_Subscription_subscribe"></div>
                <div id="Stage_Center2_Subscription_Submittbutton">
                    <div id="Stage_Center2_Subscription_Submittbutton_Submitbutton">
                        <div id="Stage_Center2_Subscription_Submittbutton_Submitbutton_RoundRect2"></div>
                    </div>
                    <div id="Stage_Center2_Subscription_Submittbutton_text">
                        <div id="Stage_Center2_Subscription_Submittbutton_text_Text">Join</div>
                    </div>
                </div>
                <div id="Stage_Center2_Subscription_Textbox">
                    <div id="Stage_Center2_Subscription_Textbox_textbox">
                        <div id="Stage_Center2_Subscription_Textbox_textbox_RoundRect"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
Mailchimp code

<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
          #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
          /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
             We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="http://kandied.us3.list-manage.com/subscribe/post?u=4525b320bd81872705a48ea05&id=4743a970b 1" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
          <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
    
    <div style="position: absolute; left: -5000px;"><input type="text" name="b_4525b320bd81872705a48ea05_4743a970b1" value=""></div>
          <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>


Hi, Kyle-
What's happening is that you're inserting static HTML into the base HTML of your current project. We treat any third party static HTML as underneath all managed elements. You can find out whether or not it's being treated as static by hovering over the element in the elements panel:
One thing you can do is to dynamically insert your mailchimp code into a div by changing the html() property of that div using jQuery. So, something like this:
In compositionReady:
sym.$("myDiv").html("INSERT MY FORM CODE HERE");
Hope that points you in the right direction!
-Elaine

MAKING AN IFRAME IN DREAMWEAVER TO IMPORT INTO MUSE FOR CUSTOMER LOGIN

Okay So i am making a client there website in muse and they're wanting a customer login and customer sign up into there webpage but muse does not have that option. I called adobe and they said to make an iframe in dreamweaver and then put it into muse in html. How do i do this? I NEED HELP BADLY!

The code that Muse creates is completely different to the code that Dreamweaver and other good IDE's produce. I doubt that you can put that code into Muse.
It may be an idea to ask the question the the Muse forum.

How to prevent the insertion of rollover code when using a template

Hi there
I am designing a site in Dreamweaver using templates. These templates use rollover images. The code that DW uses for the rollover I have abstracted out into a separate javascript file, which is linked to in the header. Further, I am using window.onload() to call the preloader instead of the <body> onload event. All this works fine.
The problem is that every time I make a change to the template, DW re-inserts the rollover code into the head of the HTML file, and reinserts the preloader code into the <body> tag.
Now, I have found a solution to the <body> tag problem by changing the preload flag from 1 to 0 in the link created; it seems that DW uses this flag as in indication of whether to insert the onload code into the boday tag. So that part is fixed.
But I can't find any way to keep DW from inserting the unecessary and redundant rollover code into the head of the generated HTML files. Is there a way I can prevent this from happening?
...Mike

Just don't externalize your js until the very last step before publishing.
You can let the dev team know about this here -
http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform

Help with html code - inserting video into Muse

I am seeking help writing the code to insert a video into Muse. I uploaded video into my Business Catalyst hosting. I need it to autoplay, loop and not show any controls or frames.
When I host video on Vimeo or YouTube, I see markings on the video that is why I am trying to just host in the same place that the files are stored for my website. If there is a way to host on youtube with out any markings showing up on the video I would be open to that too.
I don't want to see any play button or time bar.
Thanks in advance!!

Hello,
Just as an FYI - we also have an HTML5 video tool over at MuseThemes.com that achieves this, but works on mobile devices as well. The link above looks like it uses Flash, which isn't common anymore since the release of HTML5 based video.
Simply drag the widget out onto your canvas, and link up your videos / set options like loop, controls visible, etc. It's quite a flexible widget, and there's a complete training video included so you don't get stuck
Check out the widget here
Just wanted to provide another alternative that could be helpful. Cheers!
Steve Harris
MuseThemes.com

How to style a custom form that's been inserted as HTML into Muse

Apologies in advance if something similar already exists, and as a print-based designer I'm likely to use incorrect terminology.
I've created a basic website that requires a custom form. I've created this form using dreamweaver as it requires a dropdown and a check box. The unstyled html from DW I then insert into Muse via the 'Insert HTML' function, on a page called 'booking form'
To style it I did the following...
- Opened the form I created back in DW and added classes to the labels .formname, and added a class to some terms and conditions that sits somewhere in the form and called that .formsubtext
- Copied all of this code and inserted it back into Muse via Insert HTML
- The form shows up unstyled as expected
- I export the site as HTML
- Go into the exported folder into the CSS, and into the corresponding css file booking-form.css
- Added some custom CSS styling to reflect the font and colour I wanted to use
- Re-uploaded those edited files
- The result was that it rendered the class .formsubtext reflecting the terms and conditions as it should but not all the other labels
Would someone be able to tell me a better way to style a custom form or point out what I've done wrong.
Thanks!!!

If you have structured your HTML markup for the form well using appropriate class and id names, then you can just add corresponding CSS using the <style> element in the "HTML for <head>" section in Page Properites > Metadata.
You may also choose to add all the CSS in a separate file and add reference to that in the HTML for <head> section and then upload the CSS file in appropriate location after publish.
Cheers,
Vikas

How to insert landing site and impression code into swf files

Hi guys!
i got problems.
Actually, i dont have knowleage about tracking and clicks.
I want to find out how to use it and use it in swf files.
i want to insert landing site and impression code into swf files but i dont know how to do it.
i want insert two link below into swf files.
Impression:
http://impgb.tradedoubler.com/imp?type(inv)g(xxxxxxx)a(xxxxxxx)
Click:
http://clk.tradedoubler.com/click?p=xxxxxx&a=xxxxxxx&g=xxxxxxx
Can you show me how to do that?
Thanks for your helps.

You would need to creat a invisible button or movieclip on a new layer on top and have it fire a external javasctipt function you create in the HTML header that will then call those URLs .

Insert Panorama into Muse

Hi , i have created a website in adobe Muse, i also have a interactive panorama created in panoweaver 8.
The panorama can be a HTML file or a flash file :
1) Is it possible to put this file into Muse ? I have tried using the place option to place a flash file however it did not work.
2) If not how can i add a link in muse so when clicked the HTML page will show.
3) The website is being created for offline use so it all has to be exported.
Thanks for you help
I hope it makes sense

You would need to add an iFrame code in Muse using Object > Insert HTML that loads the panorama html into the frame.
Refer: http://helpx.adobe.com/muse/topics/embedding-html.html
You will still need to place the panorama html/css/js files into the correct location so that iframe loads the panorama just fine.
Cheers,
Vikas

TS1315 I have just purchased the new iPad with the camera connection kit. I just want to bewant to be able to insert my SD card into the Pad and only view my photos, not import them to the pad. Can this be done and how do I do this. Please advise. Thaj

I have just purchased the new iPad with the camera connection kit. I just want to be able insert my SD card into the Pad and view my photos, not import them.Can this be done and how? Please advise. Thank you.

See this article: iPad: Using the iPad Camera Connection Kit
No, this canot be done, afaik. When your camera or card is connected, you will see the thumbnails in the camera pane, but not full size preview. So to browse your photos on the iPad you will need to import them to your camera roll. But you need not delete them from the camera or card after importing, so you might simply import selected photos to your camera roll from the camera grid and then delete them again from the camera roll after importing and browsing, without removing them from the card/camera.
Regards
Léonie

I embedded some HTML code into adobe Muse but not displaying when the pages are Exporting to HTML

I embedded some HTML code into adobe Muse and when I published the remote site on business catalyst the (Add This widget) HTML code shows up but when I exported the site to HTML pages and view the index page in the browser (Safari, Chrome, Firefox) the (Add this widget) HTML code wouldn't display on any of the pages. I've used this code before on other Muse sites not sure what could have happened. Thnx!!!

Hi,
Please take a look at this post for a similar discussion : Re: When i export my muse website my youtube video links stop working. Why is this?
Regards,
Aish

Inserting externally purchased code into Muse.

Similar Messages

Maybe you are looking for