Appear effect

Hello all,
I've built a website using DW CS5, but found out spryeffects don't show in IE (i'm a newbee..)
So now I've downloaded DW CC, works much better but one of the effects is gone. Does anyone know how to apply an appear effect of a DIV on click of another one?
Thanks for helping out, much appreciated.

Hello Hans-Günter,
Thanks for your reply. Here's the issue:
This is how page is supposed to look like when you open 'ik ben', and it does cause I set the visibility of the green box on top of the pink one on hidden.
then, one's you click on 'gelukkig met' you should see just the box underneath turn pink (green fades away) and the rest green. It works, because the pink box of 'sinds 1977' hasn't faded yet.
After this where the problem starts. If you click 'sinds 1977' again, the box of 'gelukkig met' doesn't turn green anymore.. The reason is that every box that has faded once, doesn't get green anymore.
And the 'appear' effect in dreamweaver is gone..
I have tried to set the visibility, the opacity, the display, but its just a headache.
Hope you're still following me? Thanks for your efforts anyway, I really appreciate it!

Similar Messages

Fade/appear effect question in DW CS4

When using the fade/appear effect on a photo in Dreamweaver CS4 I'm having the following problem. The photo loads in first and then it fades in after. How do I make so it only fades in with it preloading?
Thanks,
BC

I've never used this effect. Maybe if you preload the image(s)...
Go to Behaviors panel.
Click the plus sign (+).
From the drop menu, select Preload Images.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Appear effect problem

Forgive me if the solution to this problem has been posted -
My search didn't work. I have applied the appear behavior to the
body of my page and it is not working properly. When it loads it
seems to flash everything first and then the appear effect kicks
in. What am I doing wrong? Any help would be greatly appreciated.
Here's the address:
http://www.macaran.com/development_site/sustain.html

no one can help me here?

Very Strange occurance when page with effect viewed in IE 7

I applied the spry (Fade/Appear) effect to a container.
The container contains text and images. When I test the page,
I noticed the images has strange white marks or scratches on them.
Has anyone noticed this? This only happens in IE 7. Not Firefox.
I also noticed a gap between the tabs at the bottom of the
page and the container when the effect (Fade/Appear) is applied.
There also appeared to be a latency when I click on the tabs
and when the effects happens.
Like you click on the tabs and the effects occurs after about
two seconds.
Can you adjust the time it takes for the effects to fire up
when you click on a tab?
Just wondering if anyone has experience any of these
problems.
Patrick

quote:
Originally posted by:
Newsgroup User
Webethics wrote:
> I applied the spry (Fade/Appear) effect to a container.
> The container contains text and images. When I test the
page, I noticed the
> images has strange white marks or scratches on them. Has
anyone noticed this?
> This only happens in IE 7. Not Firefox.
> I also noticed a gap between the tabs at the bottom of
the page and the
> container when the effect (Fade/Appear) is applied.
>
> There also appeared to be a latency when I click on the
tabs and when the
> effects happens.
> Like you click on the tabs and the effects occurs after
about two seconds.
>
> Can you adjust the time it takes for the effects to fire
up when you click on
> a tab?
You should post a link to your page so that others can see
what is going on, and potentially offer some suggestions.
I've not seen any "delay" options for starting effects. It
may be that something is interfering with start of the effect.
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert
This is the URL
http://www.patrickjudson.com/weddingIndex.php,
The effect is on the first tab, not the others. you can click any
other tab and then click the first tab to see the effect. What I
mentioned above only happens in IE 7.
thanks again - Patrick

Duplicate layer appearance between documents

Hi there,
I use a javascript that copies all objects within a layer to a new layer in a new document. This works fine as all appearances are attached to the objects but appearances applied to a layer will not be duplicated (as the objects are copied into a newly created layer). Is there a method using javascript to duplicate all layer appearances (effects, fills, strokes) from one layer to another layer?
Thanks in advance.

It looks as thought the only way to do this is to make the appearances of the layer into a Graphic Style, group the page items on the layer and apply the Style to the new group.

Changing divs with the fade effect

Hi there, I have a problem finding out how to change two divs
using the fade/appear effect.
I will describe my idea of how it should work:
When you click on a link in the menu, the content wich is
showed should fade.
Then a new div should appear.
My problem is, that i cannot find out how to connect the fade
of a present div and afterwards the appearence of a new div. Im
very new to SPRY so i'ts propably a very stupid question:S
I hope someone will help me:)

Have a look at the example
http://labs.adobe.com/technologies/spry/samples/htmlpanel/html_panel_two.html
at the bottom of the page. The div is fading out, content is
changed, and is faded in.
You could also combine the fading out and fading in in an
effect cluster. An example is found at
http://labs.adobe.com/technologies/spry/samples/effects/observers_sample.html
at the bottom of the page.

Appearance of text on webpage

text on webpages is thin/ shaky-looking/ hard to read. Not talking about font size here.
== after downloading Firefox onto my computer

You can enable ClearType, used by IE as default.
You can enable ClearType system wide for all programs to make other programs like Firefox use it.
Vista: Control Panel > Personalization > Window Color and Appearance > Effects: "Use the following method to smooth edges of screen fonts"
XP: Control Panel > Display > Appearance > Effects: "Use the following method to smooth edges of screen fonts"
See http://support.microsoft.com/kb/306527 - HOW TO: Use ClearType to Enhance Screen Fonts in Windows XP
[http://www.microsoft.com/typography/cleartype/tuner/tune.aspx Windows ClearType Tuner] (online version only works with IE)
[http://www.microsoft.com/typography/ClearTypeInfo.mspx Microsoft typography: ClearType information]

Timing effects successively?

Hello!
This is first time that I'm actually building a site with
spry, sort of flash site clone. Well, everything is fine until I
got to the moment when I had to apply few appear/fade effects on
the different div elements - I can't figure out how can I
distribute the effects to appear in a certain order and timing. For
example when my main page finished appearing (appear effect) I want
to trigger the appear effect of the menu.
Is this possible with spry?
Thank you so much!

quote:
Originally posted by:
AGM!
Hello,
see the examples here
http://labs.adobe.com/technologies/spry/samples/effects/blind_sample.html
I've pasted the code to the part I was refering to:
<script type="text/javascript"> var animation_start =
function(){
var button = document.getElementById('animation_button');
if (button){
button.disabled = true;
button.style.backgroundColor = 'white';
var animation_stop = function(){
var button = document.getElementById('animation_button');
if (button){
button.disabled = false;
button.style.backgroundColor = '';
var blind_func = new Spry.Effect.Blind('slideIt',
{toggle:true, setup: animation_start, finish: animation_stop});
</script>
The "setup: animation_start, finish: animation_stop"
part calls the respected functions before and after the
animation.
Thank you!
I'll check this out tonight and see if I can make it work :)

Object flashing effect

I have a simple object–a yellow circle, can be either an imported Omni Graffle drawn object or a circle drawn in Keynote '08–and I want it to build in with the appear effect and then flash repeatedly until I advance to the next slide. But I can't find such a flashing action anywhere in the Build: Action pane. How can I give my object a flashing effect?

What do you mean by 'flash'? If you want the circle to change colors, you could create another, identical circle, just of a different color, place it in the same place on the slide and just have the original one appear and disappear alternately with the new one. Not perfect, but it might work.
JohnnyV

Spry Effects jumpy at start, then smooth

Here is my sample page:
http://www.bloominvestors.com/sample.html
I am trying to put a toggle on/off feature at the head of a
dynamic table. The user can click an "Instructions On/Off" button
and the instructions on how to use the table will fade in or out. I
am applying two effects - highlight and appear. As you can see,
when the page is first loaded and you click "Instructions On/Off"
the appear effect on the text comes first, then highlight on the
background. It's jumpy. However, once it is loaded the first time,
it toggles on/off in synch beautifully. How do I get it to
synchronize the effects the first time.
Here is the code:
#instructions {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-variant: small-caps;
color: #333;
text-align: center;
width: 890px;
height: 150px;
margin-right: auto;
margin-left: auto;
#instructions_title {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-variant: small-caps;
color: #606;
background-color: #FFF;
text-align: center;
#instructions_interior_body {
color: #90C;
height: 200px;
width: 900px;
margin-right: auto;
margin-left: auto;
visibility: hidden;
-->
</style>
<script src="SpryEffects.js"
type="text/javascript"></script>
<script type="text/javascript">

</script>
</head>
<body>
<div id="instructions"
onclick="MM_effectHighlight(instructions_interior_body, 1000, '',
'#330066', '#ffffff',
true);MM_effectAppearFade(instructions_interior_body, 1000, 0, 100,
true)"><span id="instructions_title"> Instructions
(On/Off)</span>
<div id="instructions_interior_body">This is how you
use this table! </div>
</div><br />

one more hopeful bump

Repairing laptops that won't boot and show the blinking caps

Here's a little tutorial for all of you who have this annoying issue. It mostly applies to the 1 blink code (other codes have much simpler and straightforward solutions).
Ok, so the code says that it's caused because of a not functional CPU. That is most likely not the case. Most people who had the 1 blink code actually had a problem with the integrated video graphics card or northbridge of their laptops, not the CPU (in fact, CPU failures are quite uncommon). The problem is that these chips overheat quite often, they don't have good cooling and dissipation systems (most of the time, it is shared with the CPU which is absolutely insane), and the solder connections are of very bad quality. So with overheating, solder points start fracturing or cracking and they stop making contact, which causes all these issues, including the infamous RRoD and YLoD issues in the Xbox and Playstation consoles with their soldered video chips.
So there are two main ways of dealing with this:
1 - Reflow
This is a short-term but easy solution that simply consists of reheating the damaged component to the point of getting rid of said fractures. It has a high success rate, as many people will tell you. It worked for me always, but again, after some time the issue may come back. Still, this is a very simple solution that doesn't require too much skill or equipment and is satisfying enough for most users. This is what I'm going to show how to do in this tutorial.
2 - Reball
Reflowing doesn't always work, and when it does, it doesn't last long. Instead, reballing is a permanent solution which consists of removing the chip in its entirety and replacing all the solder contacts. Reballing requires specific equipment (a reball station), reballing stencils and leaded solder balls. It is a long procedure, which requires some skill and it only should be performed by experienced people. When a reflow won't work, you are better off sending your laptop to a reballing technician, or buying a new one (which would be a waste, in my opinion).
Ok, so how can we do a reflow? There are many ways to do this:
1) Reheating your laptop: This is a simple as it sounds. Some people call it the "blanket" method, because you can just simply turn on your laptop, wrap it with a blanket or sweater and let it run until it shuts down because of overheating. I absolutely don't recommend doing this, as there are probably many working components (particularly the hard drive holding your data) that won't benefit from the overheating. I recommend disassembling the laptop and taking out all the good parts, like the hard drive, RAM sticks and any extra PCI-e cards installed. After that you can just simply unplug the cooling fan connector from the board then turn the laptop on. This will cause it to overheat faster, so you won't have to waste hours waiting for it to get hot (using the blanket method, it can take a lot of time). Most laptops will shutdown themselves after reaching a certain threshold temperature, if yours doesn't, well, just keep an eye on it so you can turn it off before it catches fire. After it turns off, let it rest and cool for at least an hour, then connect the cooling fan again, turn the laptop on and see if it boots. If it doesn't, well, you can keep trying this until it does (not recommended after 3 tries or so), or try the next methods.
2) The oven method: This a bit tricky, but it may be more successful in some cases. First, strip down your computer until you get to the bare board holding the video chip. Remove the CPU, heatsink & fan, RAM, BIOS battery, wires, speakers, stickers, plastic sticky guards, foam spacers, absolutely everything that can be removed from the motherboard. Then preheat your household oven to approximately 200°C or 385°F. If your oven does not have a digital temperature display, perhaps use an internal oven thermometer to make sure the oven is in the right temperature range. Roll up some kitchen foil into balls, between half an inch and an inch wide, and place them on a baking tray. Place your motherboard, with CPU socket and GPU facing upwards, on top of the foil balls. It is a good idea to wrap additional foil around the more sensitive parts of the motherboard, like areas where there are capacitors and the CPU socket.
Try to wrap the rest of the motherboard in foil to protect it, leaving just the GPU exposed on both the top and bottom of the motherboard. Then place the baking tray with the laptop motherboard on it into the preheated oven.
Make sure your kitchen is well ventilated at this stage, turn on the extractor fan to full power and/or open an outside door and windows. This will help to take away any fumes. Ideally, you should leave the kitchen while any fumes are still present. A couple of times during the procedure, have a quick look through the oven door (without opening it) making sure there are no smoke or flames visible. This is unlikely to occur, but can happen if stickers were left on the motherboard. After 8 minutes, turn the oven off and open the oven door. Do not remove the motherboard from the oven at this stage, it could be very hot and it is a better idea to allow it to cool down gradually. Take care not to inhale any fumes that might be present. After 20 minutes to half an hour, remove the cool motherboard from the oven and begin rebuilding your laptop. If all has gone well, it will boot up and the problem will be fixed. If the problem remains, you could try the procedure again, leaving it in the oven for a couple of minutes longer.
After performing a reflow in an oven, I recommend cleaning the oven thoroughly, then turn it on and allow any fumes that may have built up to be completely removed. This is especially important before cooking food in the oven again.
3) The heat gun method: Probably the best way to do a reflow, it is less destructive than the previous method (as you can focus on a single place, rather than overheating the entire board), but it may be worse than the first. The first step is to test out how well your heat gun will melt the solder. Place a chunk of solder on a coin, hold the heat gun one inch above it and record how long it takes the solder to flow. Once you have the timing right, mask off the motherboard (already removed from the case) so that just the chip in question is accessible. Reflow with the same spacing and timing as you did during the coin test.
Did it work?
If your laptop works now, then you can do a couple of extra things to avoid this problem in the future:
Avoid overheating by underclocking the CPU: You can run your laptop's CPU at a lower clock speed (it will run slower, BUT not as much as you think. Undercloking by a 50% doesn't mean your laptop will perform 50% slower). It not only protects your laptop from damaging over time, it has the added benefits of making it run *much* cooler and quieter and also having longer battery life, which is awesome as well. To do this, simply (in Windows 7 and up) click the battery icon in your notification area, select More power options, then change the selected plan (like Balanced) settings (click on Change plan settings), select Change advanced power settings, scroll down and, under Processor power management, Maximum processor state, type on both 'On Battery' and 'Plugged in' a value less than 50%. Change Minimum processor state to 1% and then System cooling policy to Active.
Avoid playing heavy games and running intensive applications: Such programs very often cause the underpowered integrated graphics card and CPU to overheat, which causes all these issues. Use a desktop machine with dedicated graphics for such programs if you want your laptop to last.
Again, always take out the hard drive before any of these procedures if you don't wanna lose any data, and if you can, any other components that can get damaged in the way. Note that a reflow, particularly the oven or heat gun methods are usually last-ditch resorts because they can permanently damage your computer, in particular if performed incorrectly. DO IT AT YOUR OWN RISK. I can't be held responsible for any accidents or unwanted results that may occur after following this tutorial. If you have doubts, then you're generally better off sending your laptop to professional technicians than trying to repair these kind of issues by yourself. Unless a repair costs more than replacing your laptop, that is.
And before starting any of these procedures, try to research your issue on the Internet as much as you can. Search for your particular model, search in this exact same forum and any other as you'll be able to read about people experiencing this problem. You can search reflow on your favorite search engine and you'll find detailed tutorials and many videos which will show the procedure and help you do a better repair. Once you're very comfortable and knowledgeable with the subject, you can go ahead with the repair.

This is actually good stuff and well written but I hesitate to advise people to use either the "oven trick" or really even the heat gun method as both are notriously short-lived even if they appear effective. Your far better bet is to send the board in to one of the vendors on the internet who are set up to do a proper reball. Even those fixes are good for maybe 12-18 mos. But again, you get a high grade for spelling it out.

How do I make screen easier to read?

I have increased the font size, but the font is very pale and I would like to make it bolder.

You can enable ClearType system wide for all programs to make other programs like Firefox use it.
* http://support.microsoft.com/kb/306527 - HOW TO: Use ClearType to Enhance Screen Fonts in Windows XP
Control Panel > Display > Appearance > Effects: "Use the following method to smooth edges of screen fonts"

How to use a non-standard true type font that won't be changed by the native environment on others' computers when they open the document?

We are using a non-standard true type font (Zurich Ex BT) when creating a .pdf document but when others view it, the font is changed on their computers. How do we use this font and keep it from being changed when others look at it?

This is actually good stuff and well written but I hesitate to advise people to use either the "oven trick" or really even the heat gun method as both are notriously short-lived even if they appear effective. Your far better bet is to send the board in to one of the vendors on the internet who are set up to do a proper reball. Even those fixes are good for maybe 12-18 mos. But again, you get a high grade for spelling it out.

Letters of words have become less clear - how do I rectify?

I have a laptop connected to a monitor. When I opened the laptop the letters became less clear - difficult to read - how do I make the letters clear?

You can enable ClearType, used by IE as default. <br />
You need to enable ClearType system wide for all programs to make other programs like Firefox use it.
XP: Control Panel > Display > Appearance > Effects: "Use the following method to smooth edges of screen fonts"
[http://www.microsoft.com/typography/cleartype/tuner/tune.aspx|Windows ClearType Tuner] (online version only works with IE) <br />
[http://www.microsoft.com/typography/ClearTypeInfo.mspx|Microsoft typography: ClearType information]
http://support.microsoft.com/kb/306527

Gradient Dithering

I realise Illustrator is a vector drawing program, but a lot of us use it to build dynamic user interfaces to output bitmap graphics. There are tools to export bitmap images (save for web and export as PNG) to this should also be optimised for it. One area that illustrator is really lacking in outputting good quality bitmap graphics is the lack of gradient dithering that can be found in photoshop.
Marc Edwards has a great writeup on this.
http://bjango.com/articles/illustratorandappdesign/
I'm sure it could be implemented as an Appearance Effect since dithering occurs at a pixel level.

They don't list Layer style gradient dither in Photoshop's feature list, but it is in CS6. I don't have acces to Illustrator CS6 and would like to know if these features/issues have been addressed. Have searched high and low on the net to see if anyone has mentioned any of these things and have found nothing, hence me asking on the forum.
I wouldn't expect Adobe to put 'Now with better circles!' on the feature list.

Appear effect

Similar Messages

Maybe you are looking for