Image/Page Transitions - How do I add 2D/3D Transitions in Muse

like these - http://tympanus.net/codrops/201 and http://jquery-plugins.net/slicebox-3d-image-slider-with-graceful-fallback
Thanks
- Roland

Thanks for the reply Sanjit. I'm not a coder hence my post. I come from an Adobe AE/video background and I'm liking Muse a lot. I guess I like it because it's meant for folks like me who are more design based in our background and want to get into a bit of Web publishing for our own sites.
I posted a Feature Request, a couple of days back, in the appropriate Adobe Muse Forum. Hopefully, we can get such transitions as widgets soon. I believe it's only a matter of time - and the sooner the better.
Having said these and also having accounted for your thoughts on probable issues, can you or someone at Muse do up a tutorial on how to incorporate jquery stuff so that users can expand on Muse's feature-set and hopefully also get developers to have interest in developing such widgets.
Cheers
- Roland

Similar Messages

  • Pls help - How can I add a typekit font to muse?

    As Muse doesn't come with all typekit fonts already included in the dropdown list of webfonts, I'd like to know how I can add a typekit font to the dropdown menu so I can use it for my website. I have Adobe creative cloud membership.
    I've searched the whole of the web and can't find anything about this at all - only about adding one of the existing muse typekit fonts which I already know how to do.
    Why doesn't Adobe include all typekit fonts with Muse when you're already a full creative cloud subscriber?

    Done!
    Date: Thu, 20 Dec 2012 03:13:17 -0700
    From: [email protected]
    To: [email protected]
    Subject: Pls help - How can I add a typekit font to muse?
        Re: Pls help - How can I add a typekit font to muse?
        created by morgan_in_london in Help with using Adobe Muse - View the full discussion
    You're very welcome - can I be cheeky and ask for a "correct answer" to be noted? :^D
         Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/4935814#4935814
         Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4935814#4935814
         To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4935814#4935814. In the Actions box on the right, click the Stop Email Notifications link.
         Start a new discussion in Help with using Adobe Muse by email or at Adobe Community
      For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

  • How do i add html code to my muse site? I want pintrest to verify my site.

    how do i add html code to my muse site? I want pintrest to verify my site.

    Hi,
    There are multiple ways in which you can add the HTML code to your site. Few methods are :-
    1) Copy your HTML code, In Muse -> Select Objects-> Insert HTML . Paste your HTML code on the page.  Please reer to this screenshot :- http://prntscr.com/52vprn
    2) If you want to add the HTML code in the Head section of your page, Go to Page Properties-> Metadata-> HTML for <Head> .    Please refer to this screenshot :- http://prntscr.com/52vpx5
    Hope this helps
    Regards,
    Rohit Nair

  • How do you add a google calendar to muse web site, that updates are synced

    how do you add a google calendar to muse web site, that updates are synced?

    You can add Google Calender using iframe which Google provides if you go to calender settings.
    Once you insert this code in Muse page through Object > Insert HTML , the calender will be displayed on page.
    https://support.google.com/calendar/answer/41207?hl=en
    Thanks,
    Sanjit

  • How do i add type kit fonts to muse web site

    how do I +add type kit fonts to muse website

    Hi.
    Check this video, might be helpful
    Let me know if you have any questions

  • JQuery Page Transitions in Muse - Help!

    Hello,
    I'm currently trying Muse and I love it. I feel like it's the answer to my prayers and I wish I'd discovered it earlier. However, I feel a little out of my depth when it comes to doing stuff with code. I know a little HTML since I've come from a wordpress background.
    I need a fade out / fade in transition on all of my pages to hide the image heavy website until the images have loaded. It will make the site experience a whole lot slicker with this in place. I wondered if this was possible natively with Muse? I cannot find a definitive answer on this - but I fear the answer is no! If I am correct, could anybody lend an insight as to whether I can implement this easily enough?
    http://www.onextrapixel.com/2010/02/23/how-to-use-jquery-to-make-slick-page-transitions/
    I don't mind editing CSS, and HTML and adding a bit of Javascript after the site is up there, but before I build a site with fades in mind, I'd like to know if this is possible or will there be conflicts? If anybody has any knowledge or experience concerning this I'd love to hear from you!
    Thanks in advance,
    Dexter
    EDIT: Not sure if this could be achived by using Adobe Edge Animate? I'm learning that program at the moment!

    Hello Gary,
    You can use static animations from Edge into Muse.
    However using the transition effects using Edge into Muse according to me is not possible.
    This link "Inserting Adobe Edge content into a Muse website" might be helpful.
    http://www.adobekb.com/inserting_edge_content.html
    Regards,
    Sachin

  • How do you add BC ecommerce features to Muse?

    For more a year I see this same question, not one spokesperson from Adobe has given a straightforward answer. Why are you suggesting we go to 3rd party providers like Wazala, Ecwid, Americart to get add on shopping carts to "insert as HTML" on my Muse built website and are paying 38$ a month to host on BC? Both BC and Muse are Adobe products, I don't know the code but I have a reasonable expectations that your products should work together, if I can't add the same shopping cart features from BC to Muse, really all of BC features to Muse why do I need BC in the first place? When is Adobe going to add all the BC widgets to the Muse library? When is BC going to provide the HTML codes for all the BC features that we can copy and paste in the "insert HTML" option on Muse? Why do I have to go to Wazala? Adobe knew when I used Muse I didn't know the code so don't give me some crazy code based solution, I won't understand anyway. That's why I pay for CC and BC for you to provide it. I would appreciate a response. This is stopping me from making money. My muse site is finished, how do I add the shopping cart from BC? Thank you

    You can add Google Calender using iframe which Google provides if you go to calender settings.
    Once you insert this code in Muse page through Object > Insert HTML , the calender will be displayed on page.
    https://support.google.com/calendar/answer/41207?hl=en
    Thanks,
    Sanjit

  • How do I add a blog to my Muse site?

    Is there a widget or something I can throw onto a page and have people post comments?
    Or more importantly, can I just allow my customer to post "News" through In-Browser editing? (Do I just throw a text block on a page and title it, "News" and let them add to it)?
    What if they wanted to add photos to their "News" or "Blog" page?

    You can absolutely insert a blog into your Adobe Muse site. Most instructions for doing this involve creating a WordPress hosted blog, then embedding that into a Muse page with 'Insert HTML', which creates an iframe with your blog inside.
    While embedding an existing blog with an iframe within a Muse page works, it isolates the blog's content from being considered in the main site's SEO, since it's pages are not actually on the site's server.
    The simplest way, and it's very simple, is to install a WordPress, or any other, blog into a folder in your site named 'blog'. Pick a theme that enables you to mimic your main as closely as you care to. Then create a link in your main site's menu to link to the blog folder. Here's an example...
    http://creativeillusions.biz
    You can also use a blank WordPress theme with no header or footer at all - only the blog posts and sidebar(for categories and recent posts, etc.). Use that theme with a locally installed WordPress blog, them embed that blog in an iframe, and you'd have a very functional blog that can perfectly fit your Muse site's theme, since it's header and footer will actually be the ones on your main site. Plus, since it's actually hosted along with your Muse site's files, it's available for the site's SEO.
    For SEO purposes, you'll need to add your blog folder manually to your sitemap.xml. This is a bit of a hassle, since you'll need to add the blog's entry into your sitemap.xml each time that you re-upload your site, since that actually writes a new version of the sitemap.xml over the existing one. Still, it's a very simple way to add a blog to your Muse site.

  • How do I add my own footer to emails ideally with an image included?, How do I add my own footer to emails ideally with an image included?

    Does anyone know how I add my personal footer to my emails - ideally including an image?

    On his phone, sign in Settings>iCloud and enable Mail so that he can have his own email address. Then add your account in Settings>Mail, Contacts & Calendars and enable Contacts and Calendars. They will then appear on his phone alongside any syncing he has set up. This will keep your emails separate, or you can add Mail as well so that you can both access that if you want. You can add his account in the same way on your phone and enable any data types you want to sync.

  • How can I add web counter into my Muse page?

    Normally with Dreamweaver I added the right code right before the end of body tag. How can I solve this problem with Muse?

    Hi,
    If you have the code for the web counter, you can add it to your Muse site using Insert HTML feature.
    Regards,
    Aish

  • How do I add a cookie pop in Muse without using BC?

    Hi
    In the UK we need to highlight to people visiting a site that cookies are being used.
    I've built some websites, but don't want to fall foul of EU law.

    Hi,
    At this point of time Muse does not have the feature to create shopping cart. However you can create shopping cart in combination with BC, if your site is hosted on BC.
    Please refer to this thread which talks about how to create shopping cart using both, Muse and BC.
    http://forums.adobe.com/message/4488407#4488407
    Hope this helps.
    Regards,
    Rajan

  • How do I add a mp3 track to Muse

    I need to add a mp3 file (not background) to a site I am building in Adobe Muse.
    I also need to have the bar with play and stop button.
    my track is in my asset folder.
    I have look at other post and tried (using the name of my mp3 track instead of mysong.mp3)
    <audio controls="controls">
       <source src="mysong.mp3" type="audio/mp3">
    </audio>
    HELP!

    This should come handy:
    http://docs.info.apple.com/article.html?artnum=107240

  • How do I Add a Picture Frame Around a Flash Video?

    I tried searching for this but "frame" has too many meanings. I have flv videos inserted in several web pages, but they look dull without some sort of fancy border or frame around them. Maybe a picture frame. Maybe the image of a flat screen TV surrounding the image. But how do I add the image "behind" the video so that the video sits perfectly inside the image, regardless of the monitor viewing the image.

    Do a google search for the IE PNG Fix javascript.  Some work better than others.  The one you had didn't work at all for PNG backgrounds in pre-IE7.
    Copy and Paste the following document into a new blank page and see how it looks in all the major browsers.  I changed your document type to XHTML transitional and replaced deprecated <div align> tags with inline CSS styles.  I also ran your Flash code through http://validifyer.com to make it XHTML compliant. 
    HTML Validator - http://validator.w3.org
    CSS Validator - http://jigsaw.w3.org/css-validator/
    <!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>
    <title>Let It Rock</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    <style type="text/css">
    body {
         background-image: url(images/bg_blank-01.gif);
         background-repeat: no-repeat;
         background-color: #363737;
    #flash {   
         width: 500px; /**video size 428 x 240**/
         height: 377px; /** +30px **/
         background: url(images/tv-ws-02b.png) no-repeat top;
         text-align: center;
         padding-top: 37px; /**adjust as needed**/
         margin: 0 auto; /**this is horizontally centered div**/
    </style>
    <script type="text/javascript">
    function MM_CheckFlashVersion(reqVerStr,msg){
      with(navigator){
        var isIE  = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);
        var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
        if (!isIE || !isWin){ 
          var flashVer = -1;
          if (plugins && plugins.length > 0){
            var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : "";
            desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc;
            if (desc == "") flashVer = -1;
            else{
              var descArr = desc.split(" ");
              var tempArrMajor = descArr[2].split(".");
              var verMajor = tempArrMajor[0];
              var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
              var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
              flashVer =  parseFloat(verMajor + "." + verMinor);
          // WebTV has Flash Player 4 or lower -- too low for video
          else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;
          var verArr = reqVerStr.split(",");
          var reqVer = parseFloat(verArr[0] + "." + verArr[2]);
          if (flashVer < reqVer){
            if (confirm(msg))
              window.location = "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    </head>
    <body onload="MM_CheckFlashVersion('8,0,0,0','Content on this page requires a newer version of Adobe Flash Player. Do you want to download it now?');">
    <p> </p>
    <p style="text-align:center"><img src="logo-video.gif" alt="logo" width="608" height="129" /></p>
    <div id="flash">
    <!--[if !IE]> -->
      <object type="application/x-shockwave-flash" data="FLVPlayer_Progressive.swf" width="428" height="240">
    <!-- <![endif]-->
    <!--[if IE]>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#v ersion=8,0,0,0" width="428" height="240">
        <param name="movie" value="FLVPlayer_Progressive.swf" />
    <!--><!-- http://Validifier.com -->
      </object>
    <!-- <![endif]-->
    </div>
    <p style="text-align: center"><a href="music-videos.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','back-button2.gif',1)"><img src="back-button1.gif" alt="back" name="Image3" width="93" height="57" border="0" id="Image3" /></a></p>
    <p style="text-align: center">
      <!--[if !IE]> -->
      <object type="application/x-shockwave-flash" data="footer.swf" width="720" height="159">
    <!-- <![endif]-->
    <!--[if IE]>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="720" height="159">
        <param name="movie" value="footer.swf" />
    <!--><!-- http://Validifier.com -->
      </object>
    <!-- <![endif]-->
    </p>
    </body>
    </html>
    Packing up and closing the office door now.  Good luck!
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb

  • How do I add hyperlinks to a photo

    I would like to have a page of photos that when you click on the photo it take you to another page. How can I add a hyperlink to a photo?

    I know of two ways to do this.
    If you use a photo page template to drop your photos into it allows you to use the slide show option but doesn't let you select a photo as a hyperlink.
    In this case put a box over the photo set to 1% opacity (you can't see it) then enable the box as the hyperlink. The down side to this is that if you add photos to the page the photo under the box might move but the box doesn't. so you need to pay attention and move the hyperlinks manually if needed.
    If you don't want to use slide show it's easier, just add your photos to a non photo page template, then you can enable the photo as a hyperlink.
    I've done this with two photos on this page:
    http://web.mac.com/phelpssculpture/iWeb/Site/exhibition.html
    Look at this page for another method of linking on a photo page:
    http://web.mac.com/phelpssculpture/iWeb/Site/available.html
    Good luck, David Phelps
    I may receive some form of compensation, financial or otherwise, from my recommendation or link
    ibook & imac   Mac OS X (10.4.9)  

  • Add an existing website to Muse

    Hello, I am new to Muse, however, I build sites in Dreamweaver and WordPress so not new to building sites. How do I add an existing website to Muse to work on? Site in question was built by someone and we have access to all the files but not sure how to get the site files into Muse to work on.....??
    Thanks much in advance for your help!

    Thanks! The only file I see on the server to pull down is muse_manifest.xml.
    I checked in all the folders too. See image below.

Maybe you are looking for

  • Error when open Oracle Report Builder 10g (Windows 7 Ultimate 32-bit)

    Hi all, I installed Oracle Developer 10g on windows 7 ultimate 32bit. Form builder running well, but the report got problem when i opened. This is the error message: Problem signature: Problem Event Name: APPCRASH Application Name: rwbuilder.exe Appl

  • Installing iTunes with x64 XP Pro

    How can I install iTunes on a system that is running x64 XP Pro. It keeps telling me that its not compatible. Is it compatible or are there different drivers I need to download and install?   Windows XP Pro  

  • Is it possible to save/export and load search queries?

    Currently, when I open the Find/Replace window (Apple+F), I see a long list over every query I have saved in the dropdown menu. This is not ideal for me because of the 100 queries, I might only use 1–10 for Project A, 11–20 for Project B, and so on.

  • Pooled Connection not supported in oracle forms 11g

    Dear all, I am using oracle from builder (11.1.1.4) and oracle database 11g Release 2. I can connect to the database from oracle forms 11g, when I use a dedicated or shared server connection mentioned in the tnsnames.ora file . But I want to use the

  • Not all photos in photostream

    Hi, for some reason one or two photos every so often do not appear in my iphoto photo stream folder on my mac book pro and ipad from my iphone 5 Usually all is well but I just wondered if there is something I may have set up wrong and is there a way