Using "States" on the image and text together
I'm having a problem with 'States' of an image with text above. I would like for the image to 100% opacity and text to be hidden in the States 'normal' and 'active '. In the States of "mouse down" and the 'reversal', I would like the image to have an opacity of 20% as well as the text to be visible. Basically, I'm trying to achieve a similar effect to this Web page: http://www.shedbuilt.com/#mi=11 & pt = 0 & pi = 39 & p = -1 & a = -1 & at = -1. I can define States for text and image separately, but I would like that they work as a single object when it is tilted. Thanks for your help!
Try the widget status button
Abhishek
Tags: Adobe Muse
Similar Questions
-
slideshow of the entire width of the images and text with switch small points
Hi!, I'm going crazy trying to do something I think should be really easy and simple:
a full-width or full-screen composition or a slideshow of images and text with little switch points instead of thumbnails.
I guess everyone nows what I'm talking about... because all of a sudden he's everywhere!
Something like this QooQee model: http://www.qooqee.com/templates/sense/sense-qooqee-slideshow.htmlI tried the compositions, but they cannot be expanded full-width...
then I tried to slide shows, but they do not have triggers... they have thumbnails...
I tried to fill points picture slideshow thumbnails too (I know that is not the best way to do this, but...). He did not, the filling will not appear unless I low opacity... Why is this?I also noticed that the example of sense QooQee is something complicated... text is displayed as 'on-off', but images do their entry by a transition melted... are you looking for they combining 2 widgets for this?
Any help is appreciated! : )
Hello
What you're trying to achieve is possible in the Muse by using the Fullscreen Slideshow option.
I created a video showing how it can be done. Please download it using this link:- http://adobe.ly/1mp5X84
Please let me know if this worked for you.
Kind regards
Rohit Nair
-
State of the image and the change of image
I want to change an image when clicked, but I want to keep it changed in the new State. Any suggestions?
Try using a blank publication. First image can go inside the relaxation and the second to be displayed when you click the trigger, can go inside the target.
-
Creating a space between the image and text
www.bristolequestrianservices.co.UK
On my index page, I created an another social media on my page buttons on my right side. Don't want to confuse people but social-media-icons2 # are on my right side because I wanted to change the margins.
I want a gap between my h2 tag "View Gallery" and then the photo and a space after the photo and follow us... Thank you, Karen
CSS
#social-media-icons {float: right ;}} #social - media - icons ul li {display: inline ;}} UL #social - media - icons {margin-top: 40px ;}} #social-media-icons2 {float: left ;}} #social - media - icons2 ul li {display: inline ;}} UL #social - media - icons2 {margin-top: 10px ;}} < div id = "right" >
the latest news < h2 > < / h2 >
< p > < a href = "newpictures.html" > new pics added < /a > < /p > "
< p > < a href = "testimonials.html" > new stories < /a > < /p > ""
See the Gallery < h2 > < / h2 > < br >
"< img src="images/photos/1a.jpg "/ > < br / >
Follow us < h2 > < / h2 > < br >
< div id = "social-media-icons2" >
< ul >
" < li > < a href =" https://www.Facebook.com/groups/150449201771804/ "> < img src="images/icons/facebook.jpg "/ > < / a > < /li >
"< li > < a href =" £"> < img src="images/icons/rss.jpg "/ > < / has > < /li >
" < li > < a href =" http://www.Twitter.com "> < img src="images/icons/twitter.jpg "/ > < / a > < /li >
"< li > < img src="images/icons/youtube.jpg "/ > < /li >
< /ul >
< / div >
The H2 tag absorbs a rule applied to many items on line 10 of styles.css (margin: 0; padding: 0;).
The H2 tag is used in contexts as long as you probably don't want to add a fill rule for all of the H2 in concrete. You can add a generic utility class, for example:
{H2.padBottom10}
padding-bottom: 10px; / * change to quantity * /.
}
The tag 'Follow us' is a good example of this because it would have absorbed this bottom padding if you do not use a class for itself. It should also have a generic class applied to him of H2, so that others are not affected, same as above, but a different utility class:
{H2.padTop10}
padding-top: 10px;
}
As with CSS, there are 1 million ways to do this, but on specialized articles like this, if it doesn't appear in the same place or continues a smaller purpose, applying a general utility class can be useful.
Then you must add just the H2 class, for example
See the Gallery
,Follow us
. -
Is there a way to flatten all the images and the text when you optimize?
I want to flatten all the images and text (not only those with transparency) in PDF files to ensure that no one can steal my images and work. Are there settings that I can choose when I save as optimized in Acrobat? This is on a Mac. Thank you.
Flattening, but you use that term, does not extract images from a PDF. You can apply security, products from Adobe that will prevent the extraction of content from a PDF file, but that's all. If it is in a document, it can be extracted.
-
Thumbnail images, more large images and text PROBLEM
Unclear title, with a problem difficult.
What I am wanting to do is, when I click on a thumbnail image, I want to have the content of the DIV to display the image and the thumbnail information you just clicked the right to change accordingly. I use Dreamweaver CS5 on MAC:
-J' have a page divided into 2 vertical columns. On the left, I have 6 thumbnails in their individual DIVs, all wrapped together in another DIV container
-on the right side of the page, I assigned a large DIV to display a large image with a description below what the project was etc...
I know that you can attach a behavior to the thumbnail to change the big picture on the right, but I have a short paragraph of the text below the big picture too, and I don't particularly want to make the image and text a huge image. I want to keep the text, text.
How can I do? Is it a simple thing? or y at - there a lot of coding to do this with JQuery, Javascript or something? Is there something to do with the data record sets involved?
Is it possible to do that when you click on the thumbnail it can charge the relevant image and text in the div on the right?
Sorry if it did not clearly explain, do not know how do it, so don't know if I'm describing correctly.
As always, all the help and advice very welcome.
In the right column, you would-
Legend legend legend
Legend legend legend
...
The CSS would be-
{of signs
display: none;
/ * Add other styles as needed for the caption * /.
}
The thumbnails would each of the following behaviors:
* onclick set the desired right column div to "display: block" using behavior ChangeProperty of DW.
* also onclick set all the other div of the right column on ' display: no "DW ChangeProperty behavior.
Be aware that how to apply this behavior for inches is one) first to wrap every inch in an anchor null () and then apply the behavior to the anchoring of the packaging not to the image. Alternatively, you can apply the behavior to the image and then using the behaviors panel, change the behavior of "onClick" event to " onClick.
-
Images and text blocks will not stay on-site in a target of composition
I'm having a problem with the placement of the images and text on a target of composition. What is maddening, it's that I did several times before and it's worked very well. Now, when I place the image, it is still there - even when the user clicks on a new trigger or when the composition is entirely closed. I can provide a link to the site, do not know if this is allowed here. I'm just trying to add a trigger/target more to one of the compositions. All the settings on the images, triggers and targets are the same as they have been for all the previous ones, that I have added in the past. Any help would be appreciated, as the company that I'm running the site is naturally impatient
Did you try to 'cut' the image, and then select the right target in the nested composition (in the upper left corner of your application window displays the label "target: Normal ') and 'Paste' the image 'in place'?
(And: are you using the latest version of Muse?) It is a version, which refuses to add several triggers to a composition in designs complex page.)
-
How to change the highlight color, click the button image and text and sound. are there packages of buttons for use in my project?
Hello
Even if the point of things based Web links buttons created using them is of simple images. Captivate uses simple images. If you need to put your creative hat and not to let the fact that you see the word 'web' scared you somehow. An image is an image. Use on the web, use Captivate. Same case!
If you change the properties of the button, you can activate the legend of success. Fix any sound that you like with the legend of success and it will play when you click the button. If you do not want to see the legend of success, delete the text and configure it as transparent.
See you soon... Rick
Useful and practical links
-
I built my site in Muse, but when I preview the, there are white spaces of different sizes that appear between images and text. In addition, an entire section of the Web site has moved down through an entire page. Here are a few screenshots as I can manage them. Unfortunately it is not yet hosted, so I can't post a link.
Just a note: I'm build this page of my site as a portfolio to side scrolling. At the beginning of each "page", I added an anchor point, and I've added a 'back to the start arrow' so that the elements of different menu on the far left of the page (at the beginning) a link to their respective 'page' along the portfolio of horizontal scrolling. Similarly, the "back to the start arrow" menu link. I don't know if this is part of the question, but it seems that it shouldn't be, because I got that simply making the page extremely broad and not very large.
Here are a few screenshots.
Inside, Muse:
Leave the browser preview:
Inside the Muse:
Leave the browser preview:
(Here are two screenshots only because they were separated by white space so that I could not them on the screen at the same time.)
A more. This one shifted downwards, rather than on the side. Note that I did so that the image on the bottom was not attached to a low sticky footer or anything.
Inside, Muse:
Leave the browser preview:
Thank you!
Well well, the standard answer (and I should perhaps store them somewhere as a copy & paste NOTE): you must use groups and other methods of structuring as widgets. Your items may not stick together because they have no container parent to hold them together as in reverse, they can overlap with because they have no logic telling them everything that is left, right, above and below. Muse is not a page layout program and you not post a PDF file where everything is nailed in place. dumping everything on the page without which concerns the way in which it will interact in your browser never gives the result you expect.
Mylenium
-
How to set the text to the center of the image and keep it responsive
Hi, I'm new in Muse so Hello everyone
I created a large image and add the text object that I placed in the Center. I have setup the image and width sensitive.
Keep what reduction in size of the sensitive image browser, but the text is now high position relative to the browser.
My question is how do you tell the text object to hold the center of the image? (As rather pin to pin object browser)
Thank you
I found this one:
Text the PIN in the center of the image when using fluid width
He answered my question but not yet a reasonable solution. Muse should allow us to group objects even with width and high sensitive. Another way is to allow pin object to.
-
Pinned object goes behind the images and the text when scrolling
Hey guys,.
Im having a problem with my pinned Center the menu at the top of my page. Whenever I scroll to the top, the menu goes behind the images and the texts that are underneath. I tried to fixed by sending the menu at the top layer (arrange > send up), but nothing helped.
How I fixed it?
Thank you!
Hello
You have the Menu added to the master page? If yes then in order to resolve this problem you must add the Menu separately to all pages.
Master page items may be brought forward on the pages. You can use cut and paste in place function paste the Menu on all pages separately.
I hope this helps.
Kind regards
Sachin
-
Addition of the new Image and text to an existing Page created with Tables
Work in DW 5.5
I try to add a new image/link and a small amount of text to an existing web page that was created with tables and centered. I use AP div tags. One for the image and one for the text. Everything works fine, but I can't get the new anchor points and to re - center with the rest of the page. I'm not able to get around the "absolute positioning". I tried different solutions of various tutorials but I can't make them work with tables.
Added items are a Facebook button and text.
Go to: http://www.sugarhollowfarms.NET/index.html See the problem.
Help, please. I'm not that experienced.
First, make a back up of the page before you implement the changes below!
Take the bit of code below to
...... to..........and insert it directly after the opening tag div FWTableContainer and before your opening table tag (see location below):
">Join us
on Facebook
Then add - position: relative; -to the css of FWTableContainer (as shown below):
{#FWTableContainer209091602}
/ * The div master to make sure that our contextual menus get properly aligned. Be careful when you play with this one. */
position: relative;
margin: auto;
Width: 800px;
height: 600px;
text-align: left;
top: 20px;
background-image: url(images/homepage_new3.jpg);
border: medium solid #336600;
position: relative;
}
Edit the css for FBlogo to as below:
{#FBlogo}
position: absolute;
left: 700px;
top: 380px;
Width: 91px;
z-index: 1;
text-align: center;
}
Edit the css for bodytext as below:
{.bodytext}
do-family: Verdana, Arial, Helvetica, without serif.
do-size: 11px;
line-height: 13px;
margin: 0;
padding: 0;
}
-
Display a different image and text on the Quiz result based on percent reached
Captivate v5.5
I have a quiz with a pass mark of 80%.
I want the text and the background image is based on the success or failure.
If the score is less than 80%, displays a picture (sad face) and a relevant text 'failed ".
If the score is 80% or more, show another picture (happy face) and a relevant text "passed."
I help Lilybiri and the stem when I used Captivate v4 - but cannt find the details.
(Liybiri/Rod...) someone can help me once again and explain the process.
Thank you
Noel
Hi Noel,
I don't know if you read that my blog post on the features of Question slides and slide to score? And somewhere I have a topic customization review messages (also on the slide of score) as well.
If you want to only two situations: success or failure, it will be pretty easy. The pass/fail is stored in the cpQuizInfoPassFail of system variables. This system variable has its final value when you go to the slide to Score, so you can use it in a conditional action advanced at the entrance to this slide to Score. The idea is that you have both images and text captions ready and hidden and you show one of these, based on the conditional action. And you must get rid of the message default review on the slide to score, but without deleting the placeholder review if you want to allow the review.
Is that what you want?
Lilybiri
-
Mac OS 10.6.8 - Photoshop CS5.1
After years of perfect use, suddenly I can't select a layer by clicking on the image and select it in the layers palette.
Solve this problem for me and I'll buy you a new car.
With our thanks, David Heidelberger
Hi David
Have you checked your settings to automatic selection in the upper left of the workspace?
-
Spacing between the image and the text
Hello!
I can't find how to increase the gap between the image and the text. Here is the picture that will explain what I mean:
Thanks for the reply and your help.
Kind regards
Hrvoje
Open the text wrapping Panel (window > text wrapping) and you will see the distance adjustment controls.
Maybe you are looking for
-
Satellite A45-S150, updates
Hello I'm new to the forum and wanted to know if anyone can tell me how to determine what updates (drivers & etc) I need to download to bring my laptop up to date? I have an A45-S150 and nothing has been put to date since I bought it in February. How
-
Tecra M3 - when the motorized screen is completely black
Hi all I really need help with this one!I plugged my tour through an S-video to a flat screen and watched a movie and throughout the film, everything worked very well. I stopped regular and normal. Went home and it start and started regularly and I g
-
Hello I created a VI to display a dialog box to the user at a test TestStand sequence. Among other attributes, I brought color controls (color sorry!) to TestStand to change the font and background of façade etc. for flexibility and reuse. My questi
-
Hello I'm not able to find drivers for WifI & Bluetooth on the portal of support for HP Compaq 15 - s008Tu for Windows 7 (64-bit). Please help me with these drivers. Thanks in advance a ton!
-
Can I return an image altered to its original form?
I was sent a photo that has been changed by someone else until they sent me.