How can I insert different sizes of Flash in a Fluid Grid layout?

I am trying to develop a simple website based on the standard template 10. For this example there are 3 sizes of each image used, to suit the 3 display sizes.
I wish to do the same with a flash animation, but cannot see how.
The "@media screen" feature is a CSS only device, whereas the flash animation has to be in the HTML code.
Being very new to web design, the answer may be simple, and I hope someone can help.

Short answer: Don't use Flash. It's not web friendly and won't work in most mobile devices.
Long answer: Depends on what you're using animations for. Look at Edge Animate or jQuery or CSS3 Transitions which work in all mobile / tablet devices:
http://html.adobe.com/edge/animate/
http://jquery.malsup.com/cycle/
http://wowslider.com/
http://www.adobe.com/devnet/dreamweaver/articles/css-transitions-panel.html
Nancy O.

Similar Messages

How to setup a default size for new divs in fluid grid layout in dreamweaver?

Hi,
how to setup a default size for a new divs in fluid grid layout in dreamweaver? I don't need the default size for new divs as a 100% width, I need them 13.69% as a one coulmn width only (7 coulmns fluid grids layout for desktop size 1000w).
This problem I've faced when I intended to insert dozens of fluid grid divs in the layout.

Sorry, I don't believe that you have had a good look at the Foundation framework. I'll now hold your hand while we go through the basics.
Here is the specific page http://foundation.zurb.com/docs/components/grid.html
The default values are
Em-base : 16px
Row width: 62.5em (62.5em x 16px = 1000px)
Columns per row: 12
These and other default values can be changed. The fact of the matter is that if you stipulate a section width of 2 or 3 or 12 columns, the widths will automatically be calculated for you.
In your case, if you want 7 columns, all you need to do is change the number of columns per row and the rest is done for you.

How to setup a default direction for new divs in fluid grid layout in dreamweaver?

Hi,
how to setup a default direction for new divs in fluid grid layout in dreamweaver? I am an RTL interface user, I need my new divs to be inserted from right to left not Left to Right! could it be in dreamweaver?
Thanks.

This may get me into strife, but my experience is that you are better off finding another platform for your RWD.
The framework that I tend to use is by Zub-Foundation http://foundation.zurb.com/.
A commercial product that I have come to appreciate can be found here http://www.projectseven.com/products/tools/composer/index.htm. Please do not mention me if you happen to choose this product.

How can I insert an additional page without screwing up the master layouts? I have a document with multiple sized pages and the same master applied to each page.

My document is currently 10 pages. There are 5 different sizes of the pages. They all have the same master page applied to them. When I go to insert a new page and/or duplicate a page...it screws up where the master layout goes. Surely there is simple way to do this??
For example:
These pages are all inserts for a sales folder.
Pages 7 and 8 are sized at 8.5" w X 10.25" h. Pages 9 and 10 are sized at 8.5" w X 11" h.
I need to duplicate page 8 and have it go between 8 and 9 and it needs to be sized like pages 7 and 8 (or 8.5" w X 10.25" h)
When I go to to do this, it screws up the master page layout for the remaining pages of the document.
I have tried several ways to do this. Can anyone help??
Thanks!

Try to define 5 different master pages.

How can I use the entire screen width while using fluid grids?

Starting to play around with fluid grids in CS6. If you start with the fluid grid template, in the desktop layout (for example), the gridContainer is 88.5% wide. It appears you should do everything within the gridContainer div. With that being said, If I want to create different visual effects on my page that use a true 100% of the width, how do I do that and stay within this design structure/methodology?
This seems pretty basic but I don't want to start off by breaking the rules or hacking in a work around
Thanks in advance.
Donna

While starting with the FG Design you can set the widths to 100% in the New Document Dialog
If you have already into the design of your page , you can modify the gridcontainer classes in your css as below
.gridContainer {
          margin-left: auto;
          margin-right: auto;
width: 100%;
          padding-left: 0%;
          padding-right: 0%;
          clear: none;
          float: none;

How do you add a Facebook "like" button to a Fluid Grid layout?

There are two snippets of javascript from Facebook you're supposed to paste into two different places. Something about the Dreamweaver fluid grid makes it work differently, though, and I can't figure out what it is. I can't figure out what to do with the snippets of code to make the Facebook box/button show up in the browser window.

Here's what the FB page says to paste just after the body tag:
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '196637453839945',
xfbml : true,
version : 'v2.1'
(function(d, s, id){
   var js, fjs = d.getElementsByTagName(s)[0];
   if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
Here's what it says to paste into the spot where you want it to appear:
<div
class="fb-like"
data-share="true"
data-width="450"
data-show-faces="true">
</div>
Seems simple enough, but it hasn't appeared on the page in a browser.

DW CC Fluid grid layout how to change px width for desktop layout

Hi there,
I have been going through the various tutorials about fluid grid layout and setting up our bureau's website in a responsive layout.
The width of the original design was 960 px and the hero pic and others have been exported at that size.
The first divs in the design look fine, header with the 960 px pic in it, and also the BC menu which is set to 960 wide.
However the body text goes out to the right, past the 960 px and this is because, right at the start, when starting the file in DW the desktop screen width is set to 1232px.
How can you change this setting when starting a new fluid grid layout?
I have tried changing the number of columns, or the percentage, and the width for desktop remains at 1232px.
Why is this?
Not all of our clients want a site 1232px wide on a pc.
Thanks so much.

Hi Ben and Nancy,
Thanks for your replies, but maybe you both don't realise I am asking specifically about DW CC and setting up a responsive design using a fluid grid layout?
I have been following the recent videos from Adobe on this.
As far as the width of 960 goes, Nancy I am only shortchanging myself, as this is the website for our agency. The original design is 960px wide as I did read somewhere that this width is recommended now that responsive is coming, as it is easily divided into a grid layout. I also am quoting for a client at the moment who wants a responsive design for their website, and they have specifically requested that the site have a maximum width of 960 px. So I would like to find out if this is possible in DW CC at the moment when doing a fluid grid layout.
So what I am trying to do here is follow the Adobe tutorials on responsive design, using DW CC and I am using the current design for our agency website as a trial to set this up and try and get it working as a responsive website.
It does not seem to me that many other people are doing this, as most people are recommending that I try Github or Bootstrap.
However, I am not a coder and I am used to using DW, so I would like to get the DW CC responsive design features working if possible.
Ben the CSS you are looking at is being generated by DW CC as I follow the steps in the Adobe demonstration videos to set up a fluid grid layout in DW CC.
One of the things they say in the videos is that you can't program the CSS directly when doing a fluid grid layout, or you break the CSS and it all stops working. So I am using the new panels in DW CC to set up the layout. One thing I cannot get access to is the ability to set a maximum width for the site. It seems to be set in concrete when you start the fluid design up in DW CC.
Here is a pic of the screen I am talking about that sets the maximum width:
I cannot click in the pixel width at the top and change it. Also if I adjust the number of gridlines or the percentage for the pc layout, the default maximum pixel width does not change.
If you click on the preferences button and go into the Window sizes screen, there does not seem to be a way to set the maximum pc width here either, so I am a bit stumped.
Maybe I just have say to my clients that if you want a responsive design then the max width for pc can only be 1232px? It does seem strange to me that this cannot be changed.

How can I change to size of a book and keep all the layouts I have created?

How can I change the size of a book and use the layout that I have already chosen (I accidently laid the book out for a larger size book than what I acctually wanted)?

Just in case of problems duplicate the book (select it and edit ==> duplicate or Command=D) and then click on themes and select the same theme in theprper size - verify that everything worked (sometime different sized text blocks cause minor problems that require attention) and preview it -
Before ordering your book preview it using this method - http://support.apple.com/kb/HT1040 - and save the resulting PDF for reference - the delivered book will match it.
then order
LN

How can I combine different pdf files in one?

How can I combine different pdf files in one?

Sara,
It is not working. I wish to decline in having the pdf pack. How can I give up this purchase? I definitely do not want the Adobe PDF Pack anymore.
Who do I have to contact or what do I need to do to cancel this purchase?
Flávia
Enviado do Email do Windows
De: Sara.Forsberg
Enviado: terça-feira, 6 de maio de 2014 14:59
Para: Eu
How can I combine different pdf files in one?
created by Sara.Forsberg in Adobe PDF Pack - View the full discussion
Hi Flávia,
Adobe PDF Pack is an online subscription--it definitely allows you to combine several files into one PDF file. For more information about PDF Pack, see Reliably Create PDFs, Convert PDFs, & Merge PDFs Online | Adobe PDF Pack. If you don't have the full version of Acrobat, this is a great solution for combining PDF files.
However, if you're using Acrobat (not Adobe Reader), you combine files by following these steps:
Open a PDF file that you want to add pages to.
Click the Pages pane on the Tools panel (on the right side of the application).
Click Insert From File, and choose the file that you want to combine with the PDF that you opened in step 1.
Make any changes necessary in the Insert Pages dialog box--these settings determine where the new file will be inserted.
Click OK.
Please let me know how it goes.
Best,
Sara
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 https://forums.adobe.com/message/6358990#6358990
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:
To unsubscribe from this thread, please visit the message page at . In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Adobe PDF Pack by email or at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/thread/416458?tstart=0.

How can I insert chapters in my idvd slideshow?

I am making a slideshow for a family event, marking different times in my couin's life. How can I insert chapters marking different pictures from various milestones? (i.e. birth, growing up, etc.) Is it even possible to do that?

Are you building this slidesshow from still photos in iDVD or in another app and exporting it into iDVD?
If you're building the slideshow in iDVD from stills each still is a chapter and you can't have just the few chapters you'd like.
If you build the slideshow in iMovie you can add chapter markers at the milestone photos.
As Bengt mentioned iMovie HD 6 is best for end quality. When you get the movie exactly as you want it all you need to do is close iMovie and drag the project file into iDVD as shown in the video screenshot below:
Click to play video screenshot
That will avoid iMovie encoding the movie and then iDVD reecoding it which will lessen the quality.
If you add your chapter markers in the current iMovie version and export to Media Browser or to a folder inside your Movie folder you can drag it into iDVD from the Media Browser (which, I learned from Bengt, gives the highest qualtiy) and it will bring with it the chapters.
If you export the movie not to the Media Browser but to the Movie folder the movie must be located in a subfolder of the Movie folder for the Media Browser to recognize it.
As long as you have chapters added to your video file and iDVD's preferences are set to include chapters all you need to do is drag the video file into iDVD and it will automatically create a Scene Selection menu with the chapters.
OT

How Can I Determine the Size of the 'My Documents' Folder for every user on a local machine using VBScript?

Hello,
I am at my wits end into this. Either I am doing it the wrong way or it is not possible.
Let me explain. I need a vb script for the following scenario:
1. The script is to run on multiple Windows 7 machines (32-Bit & 64-Bit alike).
2. These are shared workstation i.e. different users login to these machines from time to time.
3. The objective of this script is to traverse through each User Profile folder and get the size of the 'My Documents' folder within each User Profile folder. This information is to be written to a
.CSV file located at C:\Temp directory on the machine.
4. This script would be pushed to all workstations from SCCM. It would be configured to execute with
System Rights
I tried the script detailed at:
http://blogs.technet.com/b/heyscriptingguy/archive/2005/03/31/how-can-i-determine-the-size-of-the-my-documents-folder.aspx
Const MY_DOCUMENTS = &H5&
Set objFSO = CreateObject("Scripting.FileSystemObject")
Set objShell = CreateObject("Shell.Application")
Set objFolder = objShell.Namespace(MY_DOCUMENTS)
Set objFolderItem = objFolder.Self
strPath = objFolderItem.Path
Set objFolder = objFSO.GetFolder(strPath)
Wscript.Echo objFolder.Size
The Wscript.Echo objFolder.Size command in the script at the above mentioned link returned the value as
'0' (zero) for the current logged on user. Although the actual size was like 30 MB or so.
I then tried the script at:
http://www.experts-exchange.com/Programming/Languages/Visual_Basic/VB_Script/Q_27869829.html
This script returns the correct value but only for the current logged-on user.
Const blnShowErrors = False
' Set up filesystem object for usage
Set objFSO = CreateObject("Scripting.FileSystemObject")
Set objShell = CreateObject("WScript.Shell")
' Display desired folder sizes
Wscript.Echo "MyDocuments : " & FormatSize(FindFiles(objFSO.GetFolder(objShell.SpecialFolders("MyDocuments"))))
' Recursively tally the size of all files under a folder
' Protect against folders or files that are not accessible
Function FindFiles(objFolder)
On Error Resume Next
' List files
For Each objFile In objFolder.Files
On Error Resume Next
If Err.Number <> 0 Then ShowError "FindFiles:01", objFolder.Path
On Error Resume Next
FindFiles = FindFiles + objFile.Size
If Err.Number <> 0 Then ShowError "FindFiles:02", objFile.Path
Next
If Err.Number = 0 Then
' Recursively drill down into subfolder
For Each objSubFolder In objFolder.SubFolders
On Error Resume Next
If Err.Number <> 0 Then ShowError "FindFiles:04", objFolder.Path
FindFiles = FindFiles + FindFiles(objSubFolder)
If Err.Number <> 0 Then ShowError "FindFiles:05", objSubFolder.Path
Next
Else
ShowError "FindFiles:03", objFolder.Path
End If
End Function
' Function to format a number into typical size scales
Function FormatSize(iSize)
aLabel = Array("bytes", "KB", "MB", "GB", "TB")
For i = 0 to 4
If iSize > 1024 Then iSize = iSize / 1024 Else Exit For End If
Next
FormatSize = Round(iSize, 2) & " " & aLabel(i)
End Function
Sub ShowError(strLocation, strMessage)
If blnShowErrors Then
WScript.StdErr.WriteLine "==> ERROR at [" & strLocation & "]"
WScript.StdErr.WriteLine " Number:[" & Err.Number & "], Source:[" & Err.Source & "], Desc:[" & Err.Description & "]"
WScript.StdErr.WriteLine " " & strMessage
Err.Clear
End If
End Sub
The only part pending, is to achieve this for the 'My Documents' folder within each User Profile folder.
Is this possible?
Please help.

Here are a bunch of scripts to get folder size under all circumstances. Take your pick.
https://gallery.technet.microsoft.com/scriptcenter/site/search?query=get%20folder%20size&f%5B0%5D.Value=get%20folder%20size&f%5B0%5D.Type=SearchText&ac=2
¯\_(ツ)_/¯

How can I insert a number of photos in a numbers doc without the file becoming too large?

How can I insert a number of photos into a numbers doc without the file becoming too large?

Use smaller photos.
Seriously, reduce the file size of the photos in Preview, PhotoShop, iPhoto or other application before inserting tehem into the Numbers document.
Regards,
Barry

How can I insert multiple page contents in the page layout properly?

I wanted to create 4 columns on the page layout. These 4 columns are of page contents.
After creating new web page based on that page layout, I attempted to enter 4 different inputs on all 4 columns.
Then, the result (from all columns) becomes the same.
Image - edit the web page based on 4 columns page layout:
Image - after edit & save:
How can I insert multiple page contents in the page layout properly?

First, I copied the HTML snippet for the Page Content on Sharepoint's Design Manger. The code of Page Content HTML snippet is shown below:
<div data-name="Page Field: Page Content">




<div id="ctl02_label" style="display:none">Page Content</div>
<div id="ctl02__ControlWrapper_RichHtmlField" class="ms-rtestate-field"
style="display:inline" aria-labelledby="ctl02_label"><div align="left"
class="ms-formfieldcontainer"><div class="ms-formfieldlabelcontainer"
nowrap="nowrap"><span class="ms-formfieldlabel"
nowrap="nowrap">Page Content</span></div>
<div class="ms-formfieldvaluecontainer"><div class="ms-rtestate-field">
Page Content field value. Lorem ipsum dolor sit incididuntet dolore.</div>
</div></div></div>


</div>
After I published the page layout, I found the code for Page Content from its ASPX page. The code is shown below:
<div data-name="Page Field: Page Content">
<PageFieldRichHtmlField:RichHtmlField FieldName="f55c4d88-1f2e-4ad9-aaa8-819af4ee7ee8" runat="server"/></div>
So, I attempted to create 4 columns by using 4 HTML snippets of Page Content on the same page layout. The page layout is generated from HTML file to ASPX file.
Then I edited some parts in ASPX page layout:
<asp:Content runat="server" ContentPlaceHolderID="PlaceHolderMain">
<table>
<tr>
<td style="width:70px;"> </td>
<td style="width:250px; text-align:right;">
<div data-name="Page Field: Page Content">
<PageFieldRichHtmlField:RichHtmlField FieldName="f55c4d88-1f2e-4ad9-aaa8-819af4ee7ee8" runat="server"/>
</div>
</td>
<td style="width:40px;"> </td>
<td style="width:200px;">
<div data-name="Page Field: Page Content">
<PageFieldRichHtmlField:RichHtmlField FieldName="f55c4d88-1f2e-4ad9-aaa8-819af4ee7ee8" runat="server"/>
</div>
</td>
<td style="width:25px;"> </td>
<td style="width:200px;">
<div data-name="Page Field: Page Content">
<PageFieldRichHtmlField:RichHtmlField FieldName="f55c4d88-1f2e-4ad9-aaa8-819af4ee7ee8" runat="server"/>
</div>
</td>
<td style="width:25px;"> </td>
<td style="width:200px;">
<div data-name="Page Field: Page Content">
<PageFieldRichHtmlField:RichHtmlField FieldName="f55c4d88-1f2e-4ad9-aaa8-819af4ee7ee8" runat="server"/>
</div>
</td>
<td style="width:175px;"> </td>
</tr>
</table>
</asp:Content>
The 4 columns for Page Contents appeared on the web page when I created new page using that page layout. But the problem is that all 4 columns displayed the same result from 4th column.

How can I add a library of flash movies to my site?

I posted this same question on the Dreamweaver forum and a suggestion was made that I try over here for help, so please excuse the duplicate question.
How can I add a library of flash movies to my site?
Hey there everyone and thanks for reading my question.
I have a library of flash movies (specifically a library of maps) and when the map movies are run in Flash they call each other just fine (i.e. the USA map will load the Georgia map when Georgia is clicked on the USA map, etc etc etc for each state).
HOWEVER, when I insert the USA map in one of my site pages (I'm working on the site using Dreamweaver CS4) the USA map page will load, but when a state is clicked the area on the page for the map goes blank and the state map does not load.
Short of coding a specific path in each of my state maps (in the Flash editor) is there a way to tell Dreamweaver there is a library of maps, look there for the sub-map?
and if I do have to code the path to the map, can I code a relative path rather than a specific URL address for the maps?
I know this is probably one of those simple things, but I'm not seeing it (can you tell I'm new at this??)
Thanks in advance for any help!
Frances

Hey again,
Thanks for the helpful suggestions. Everyone's comments got me to thinking about what the path was in the calls from the maps.
here is what finally worked:
on (release)
loadMovie("../FlashIMapDownloads/georgia.swf", 0);
this script code is in the action script for the "georgia" button of my main map - a US Map. (I hope I'm describing all this correctly).
I'll post this same info in the Dreamweaver forum too.
Thanks again!
Frances

How can I reduce the size of a pdf file for emailing?

I want to send a pdf file which is 8 mb, it has bounced in an email because it is too big, how can I reduce the size of the pdf file for emailing?

Sometimes a simple "Save As" will reduce the file size slightly, but probably not enough to pass the <8 mb threshold of your recipient, as you need.
You've probably seen it, try the next option in the Save As menu, "Reduced Size PDF," and make it compatible with the latest version possible, again considering the recipient. This suggestion assumes Acrobat X. You don't say which version you're using, but this tool was available at least going back to Version 8, but in a different place, you'll have to hunt.
If all that doesn't work, you could remove some images from the source document, which also will reduce the overall size.
Best luck.

How can I insert different sizes of Flash in a Fluid Grid layout?

Similar Messages

Maybe you are looking for