Tutorial: Custom CSS and hover-effects in Adobe Muse CC

Hi everyone,
Today I figured out how to work with custom CSS in Muse, being able to apply styles to elements on the page according to their class names. In case it would help others, I've done a write up of how I did this with hover effects using the hover.css library. You can read the tutorial over on my Medium blog:
Tutorial: Hover effects in Adobe Muse
Hope someone finds it useful!

It's so cool

Similar Messages

After deleteing Custom CSS and Custom Functions, cannot get FireFox to recognize audio player. Works in IE and Safari. Site is https and using bluehost.

Using the Genesis Framework on my WordPress site. I can use Safari and IE. However, when I try to use Fire Fox, it will not appear. I deleted all of my Custom CSS and Functions. Still, nothing is working. Contacted bluehost, the representative there was not able to help me out and also emailed CD Baby to see what might work. I am not sure if it is something with my site using HTTPS instead of HTTP of why this is not working? I am told the plugin works on Fire Fox but I cannot for the life of me figure out what's going on. Also changed themes and used Twenty Thirteen among others. Still the same thing. Fire Fox will not work. Tried in Text widget, and pasting on a page, and still not working. IE and Safari it is fine. Do I need to add something else within my site? Thanks ahead of time for any way to solve this situation.

There is mixed active content loaded in an iframe that Firefox is blocking as you can see by the shield icon at the left end of the location/address bar.
*https://developer.mozilla.org/Security/MixedContent
*https://developer.mozilla.org/Tools/Web_Console

Adding Parallax Scrolling Effect to Adobe Muse

Just want this effect in Adobe muse, I think it will be great to have this option!
I hope the Adobe team may this possible in a better and easy way to add it to our designs.

Cool stuff, shame it isn't available in latest update of Muse. The effects panel only has 3 options: Shadows, Bevel an Glow.
Why, Adobe?
It's like showing candy to kids, and then taking it away from them again

Create and send EDM using Adobe MUSE and Business Catalyst.

There is just one thing missing in my armour as a graphic designer – creating and sending EDMs.
Given the success of creating websites using Adobe Muse, an EDM functionality would be a fantastic addition to MUSE and Business Catalyst (BC). Imagine this:
1. I open Adobe Muse.
2. I select "New EDM" (instead of "New Site").
3. I design and build my EDM to spec.
4. I test my EDM using 'Preview' or a single send to myself.
5. I publish my EDM to Business Catalyst.
6. In BC, I review my EDM and add 'FROM NAME', 'FROM EMAIL ADDRESS' and 'SUBJECT'.
7. I import my database.
8. I hit SEND!
After my EDM has gone out, I can review a report in BC - just like any report for a website.
As a designer that does not know code but can build a website using MUSE - creating an EDM is the one thing I can't personally offer. Using a digital supplier can be expensive and website like Mail Chimp aren't professional enough.
To the Adobe Muse team, please – for the love of humanity – consider this as viable addition to MUSE. You will save a lot of heart ache and win a lot of hearts.
Thanks,
Phil

Done!
See here: Create and send EDM using Adobe MUSE and Business Catalyst.

Hover Zoom in Adobe Muse

Hi,
I'm using Adobe Muse to creat a website and I would like to know if there is a way to create a hover zoom effect when the mouse is over an image.

We have a new Photo Zoom widget over at MuseThemes.com that achieves this. Simply drag the widget out onto your canvas, link up your images and the widget takes care of the rest. There's a video overview to help if you end up getting stuck
Check out the widget here
Hope this helps! Cheers.
Steve Harris
MuseThemes.com

How can I build a News/Article (Entertainment and Gaming) website with Adobe Muse CC 14.1?

Hello,
I've created a website in Muse but there's one thing that is really giving me a headache
I want to create a news portal where other people who have no understanding of HTML can post news and articles. We're using Adobe Muse CC 14.1.. Any help?
(The website is in Portuguese)
This is our website: pshub.businesscatalyst.com/index.html
Cheers

As you are using Adobe Hosting , you can use blogs/News etc and then comments module where users can submit comments from front end.
Another way would be to create web apps where users would be able to submit web app items.
http://helpx.adobe.com/business-catalyst/partner/add-comments-customer-feedback.html
http://helpx.adobe.com/business-catalyst/using/add-news-items.html
http://helpx.adobe.com/business-catalyst/partner/web-apps-module-create-custom.html
Thanks,
Sanjit

Is there a Page Transition Effect in Adobe Muse?

Good Evening! I am new to Adobe Muse. I am looking for a Page Transtion Effect. Where would I find it.
Thanks in advance for your time,
JD

Try this out! http://musewidgets.com/products/in-and-out
Also try out musewidgets.com and https://creative.adobe.com/addons?pp=MUSE
That is where Adobe host all of there Muse Widgets and Templates... Another on I like is musefree.com
Hope These Help!!!
- Levi Jones

I am receiving the 'Could not sign you in [Access denied: 530]. Check your user name and password' problem on Adobe Muse CC 2014 and I cannot access the xml file that is supposed to fix this issue?

I am a PC user and I have Adobe Creative Cloud Muse 2014. I have received the 'Could not sign you in [Access denied: 530]. Check your user name and password' error when trying to upload my muse site to my ftp host, GoDaddy. I have successfully done this in the past and only recently it has stopped working. I looked online at the FAQ Adobe Muse Help | Uploading an Adobe Muse Site to a third-party hosting service and it said to download the ftpprefs.xml file but this file simply leads to a blank page that says /*Not found*//*Not found*/.
Can someone direct me to a working page with this file or provide a different solution? Thank you!

Hello,
As you are getting error [Access denied: 530] it means issue is with access. Either the username and password you are entering is incorrect or you do not have proper permissions.
I would suggest you to contact Godaddy to either reset password or reset the permissions.
Regards
Vivek

Header and Footer Items in Adobe Muse? Also Menu text being cut off half way.

How can I make the header and footer items load faster in Adobe Muse? I am hosting with Business Catalyst. Everything else loads almost immediatly on my web page, but my Header and Footer graphic- wood grain picture- take almost 10 seconds to load, and almost a minute to load on mobile devices.
As well, my menu's are not loading correctly on other peoples devices. On my lap top everything looks fine, but on other peoples devices the text in my menus is only loading half way? -only shows half the text.
Still working on my site, but to see what I am talking about you can visit the web page I am in the middle of building at www.bkskin.com
Please give me some advice if any of you have some, thank you.
Megan Burnett

Hello,
It seems to be an issue with the Font that you have used.
You have used Bubble-one font and if you check this font in Google Chrome it is cut off and if you check in Firefox, it comes up fine.
Please have a look at this link in Google Chrome and Firefox and you will see the difference : http://www.google.com/fonts/specimen/Bubbler+One
I would suggest you to use some other font in order to fix it.
Regards,
Sachin

Help with tweaking blog and webform built in Adobe Muse

Hi there.
A client of mine had a 3rd party do a re-design (in Adobe Muse) of their current site in BC. Managed to get most of the re-design all launched except for a couple of tweaks that have been giving me major headaches.
Firstly, is it possible to edit the site that was built in Muse directly from BC itself and not Muse? I don't have a Muse subscription.
If so, I need help with the following that I have tried to tweak myself, but just can't find out how. BTW I am not a developer but muddle my way around editing existing code etc etc.
1. On the contact us page, I need to add an additional field to the webform. A radio button question: "preferred contact method". Phone or email. I know how to add the field to the webform in BC. Apparently Muse forms don't support radio buttons? Anyway, I can't figure out how to edit the source on the contact page to include the fields that I add to the webform.
2. Some minor tweaks to the layout of the blog page. I need to make the horizontal and vertical lines meet up and not have a space. Also, the left column width needs to be decreased and the right column width increased. Basically I need the current live blog http://www.robertsonburns.com.au/blah-blog to look like the previously coded muse blog (which is not live) http://robertsonburns-test5.businesscatalyst.com/blah.html which it does, except for these two minor issues.
Would appreciate anyone's help and/or advice.
Thanks.

Hey there,
Yes you just go to the site either via... site.buisnesscatalyst.com/admin or livesite.com/admin
Once you do that you can login. It depends how it was built though. Properly a site will have content holders and templates and the pages just hold the content. A user can go to those pages, webapps, blogs (dependng on the plan and build of the site) can edit that content.
Muse is not the best in terms of handling that and making updates, I am aware the Team updated Muse to handle fetching updates etc though but there is a note of caution on that stil though.
1. What is the plan of the site? If it is just a CC site then there is no web form manager with that plan of BC. You will have to edit and update the form built in Muse.
If it is on a plan that supports web forms it also depends on how you built it. If in Muse you should be able to just update the form in Muse I think and it posts into the system to update. If not then you need to go into the admin and web form manager and edit the html to make changes. This depends though if the form was inserted as a module, if not you need to navigate to the template or page and update it there once you have added the new fields to the form under the web form itself.
2. Layouts are managed via SFTP under the folder Layouts or in the admin under Module Templates in the main menu and Blog layouts.

How can I design and send emailers using Adobe Muse?

Hello Geeks,
How can I design and send emailers using this wonderful software called Adobe Muse?

Hi
Are you referring , creating email templates or sending marketing campaigns ?
We cannot create templates as Muse doesn't output HTML optimized for e-mail output.
Regarding email campaigns, you can setup this from hosting platform end.
More details :
https://forums.adobe.com/message/5469744
Re: Is it possible to create email templates using Muse?
Thanks,
Sanjit

Can I add a blog and shopping cart in Adobe Muse?

Can I add a blog and a shopping cart in Adobe Muse?

You will get better program help in a program forum Help with using Adobe Muse CC
The Cloud forum is not about using individual programs
The Cloud forum is about the Cloud as a delivery & install process
If you will start at the Forums Index https://forums.adobe.com/welcome
You will be able to select a forum for the specific Adobe product(s) you use
Click the "down arrow" symbol on the right (where it says All communities) to open the drop down list and scroll

Scrolling Effects in Adobe Muse

Hey everyone,
I am experimenting with the scrolling effects in Muse and I am using a pattern that tiles horizontally
across the site. My pattern scrolls up and off the screen. My key position is 143. If I change this, it
changes my original postion on the page. I like the scrolling up motion but want it to stop at a certain
spot and remain fixed there while the rest of the animation goes through its motions.
Any ideas?
Thx,
matt

Aish,
I think we are on to something here. I went back to changing the final motion to 0. Then, I changed the T-Bar ( the blue line that designates the starting from point)
to extend into the graphic, instead of above it. In previous attempts I tried to extend the T-Bar below the graphic without success. Now, the graphic moves to the correct
position but does not start in my desired position. In "design" mode the graphic appears to be in position but in "preview" mode it has shifted from my intended placement.
What do you think?
matt

Configuring Custom JavaScript/CSS and YUI in WSRP Producer Portlet

I am trying to find information on how to setup/configure WebCenter for WSRP Producer Portlets that have YUI and custom javascript/CSS. While we have gotten some of the YUI features and custom javascript/CSS to work, we find that some references are not loading such as custom CSS and images. This appears to be a result of the URL rewrite not occuring for some of these references. It appears that WebLogic Portal supports this capability and can be configured using a dependency file for such needs but I have been unable to find a equivalent for WebCenter.
Any help would be greatly appreciated.
Best Regards.
Carl

When you are providing javascript or css path,provide the absolute path.
like src="http://<server>:<port>/portlet context root/images/some.png".
In that way custom javascript/css will work.
Regards,
Hoque

How to do a site like this on adobe muse? the sliding page effect...

Something like this website... http://www.razvangarofeanu.com/#the-g is this possible on adobe muse? THANKS!

Hi Macky,
This website that you have mentioned utilizes the "Scroll Effects" In Muse and the designer has applied the Horizontal Scrolling effects.
Please refer these links in order to understand how it can be done :-Add scroll effects | Learn Adobe Muse CC | Adobe TV
Adobe Muse CC Motion Scroll (Parallax) Tips & Tricks - MuseThemes.com - YouTube
Adobe Muse CC Scroll Effects Tutorial | Animated Goodie Box - YouTube
The basics of horizontal scrolling websites from the Course Designing a Portfolio Website with Muse
Adobe Muse CC Parallax Scrolling Tutorial | Horizontal Scrolling Websites - YouTube
Cheers,
Rohit Nair

Tutorial: Custom CSS and hover-effects in Adobe Muse CC

Similar Messages

Maybe you are looking for