CS6 fluid grids and creation of models

Similar Questions

• CS6 fluid grid background model

  Hello

  I have a 2 part question...

  First of all, how are light pink grid background in fluid layouts grid created? I noticed that they are not part of any style that I can say so I'm curious to know how they were created.

  Second, is there a way to change the fluid grid specifications after have created you already without creating another new layout fluid grid?

  Thank you!

  kit02 wrote:

  I'm very uncomfortable with the CSS, I guess I was wonering if you go back into the dialog box and change the widths and others here.

  No, you cannot change the width of the dialog box. However, you can manually change the grid by changing the following section in the comments near the top of the stylesheet that contains the media queries:

  Properties Grid Dreamweaver fluid

  ----------------------------------

  DW-num-CLO-mobile: 5

  DW-num-CLO-Tablet: 8

  DW-num-OCOL-Office: 9

  DW-gutter-percentage: 25

  After you make your changes, save the style sheet, close related web page and relaunch it in the Document window. Pink columns reflect the changes you made. Of course, other styles will be unchanged, you will need to resnap the Divs flow layout grid to the grid has been reorganized.

  Post edited by: David_Powers to correct 'may' to 'not capable' in the first sentence.

• CS6 fluid grid 960px wide

  I'm just getting started with the fluid grid in CS6 but need a bit of help. I've set up with 12 columns and the width of the default desktop is 1232px according to the box options. I won't be wide at 100% of the grid. In fact, I want that it not exceeding the 960px width max. This is equivalent to approximately 78% (77.9) of 1232px. However, if I choose 78% like my width and fall in a DIV to span the whole 12 columns, it is much larger than the width 960px. What am I doing wrong and what I need to do in order to have a possible start as close to 960px width.

  Any help is appreciated.

  You can change the CSS code manually and change % to px widths.

  Nancy O.

• Dreamweaver CS6 - fluid grid content

  Hello

  I use the fluid grid layout system and I wonder if it is possible to Exchange content when you switch from layout of desktop/tablet smartphone page layout. I know that you have a different CSS for each screensize but I want pictures of smartphone to be smaller files so it downloads faster, I know that the images are resized automatically, but the file size remains the same. Is it possible within dreamweaver or what I need to use a custom code for this?

  Kind regards

  Ransom of Mitchell

  With programming server side, you can dynamically fill the pages based on device-width, or user-agent.

  Nancy O.

• Possible? A presentation of menu responsive nav for Dreamweaver CS6 fluid grid

  Hello Hello!

  Can you recommend a type/style of menu nav responsive to use on my site which is fluid CS6 checkerboard?

  Those I've seen have an absolute positioning.

  Thank you

  jQuery MeanMenu will produce the familiar stacked (aka hamburger) menu on small devices only.

  MeanMenu demo

  You will need to provide your own list of desktop menu.

  If you have a budget to work with, Pop Menu Magic 3 of the seven is a commercial extension to create menus entirely sensitive on desktop and mobile.

  PVII Pop Menu Magic 3: the constructor only sensitive Menu for Dreamweaver

  Nancy O.

• CS6 fluid grids - how images to resize when the page is resized? [was: Hello]

  I am new to fluid layouts in Dreamweaver cs6 grid, I want to insert a GIF file on my index page but I don't know how to make when the page shrinks the GIF or image shrinks as well. The only code that I found is

  IMG, {}

  Max-width: 100%;

  }

  But this code already exists in the css file when you create a new fluid page layout grid in function

  IMG, object, embed, {video

  Max-width: 100%;

  can someone help a newbie please...

  I fixed it thank you all for the answers

  front

  

  After

  

  This fixed thank you

• problem resolution widescreen CS6 fluid grid layout

  Hi all, I did some poking around but could not find anything that answers this question - if I missed something please pass me the link!

  So I'm doing a new site at cs6 with fluid networking. It is very well in regards to screen sizes, i.e. small medium large, but different resolutions make the content appear differently. Specifically on the desktop screens of size with wide screen resolutions (for example 1600 X 1200) content is tight to the top, to the top of the page. The background image is very well on all resolutions - fillings Exchange in accordance with the resolution of the screen - but the content on the top. On my screen (1600 X 900) there is a nice distribution of content vertically. Is there a way to make sure the content adjusts to the resolution, not only the size? Thanks in advance.

  I think that I have answered your question.  You need more whitespace.  Use a custom for wider screens query.  Adjust the values.

  / * Special rules applicable to larger workstations * /.

  @media only screen and (min-width: 1601px) {}

  .gridContainer {margin-top: 200px ;}}

  }

  Nancy O.

• Page when enlarged kicks / fluid grid Video resize

  I have some problems with my foot on this page: http://pauldhart.com/tf_teaser.html

  I applied the code to allow for the video, incorporate scalability in the fluid grid and the footer is in the EXACT right place when the window is reduced in size, however, when that maximize the footer jumps down below the scroll.

  I guess it has something to do with my code for the video scaling, since it disappears when I cut this CSS but I can't identify the problem.  Here is the code in question.

  HTML PART:

  < div id = "contentbody" >

  < div class = 'container-video' >

  " < iframe src =" Byline = 0 & portrait = 0 & https://Player.Vimeo.com/video/128816726?color=f6ecca "width ="500"height ="281"frameborder ="0"allowfullscreen mozallowfullscreen webkitallowfullscreen > < / iframe > "

  < / div >

  < div id = 'fb-root' > < / div >

  < script > (function (d, s, id) {})

  var js, SJF = d.getElementsByTagName (s) [0];

  If (d.getElementById (id)) return;

  js = d.createElement (s); js.ID = id;

  js. SRC = "/ / connect.facebook.net/en_US/all.js#xfbml=1";

  fjs.parentNode.insertBefore (js, SJF);

  (} (document, 'script', 'facebook-jssdk')); < /script >

  " < div align ="left"id ="footer"> < div class ="fb-like"data-href = ' http://Facebook.com/threefingersmovie "data-width ="330"data-colorscheme = data-show-faces of the 'light' = 'false' data-send ="true"> "

  < / div >

  CSS PART:

  {#contentbody}

  Clear: both;

  float: left;

  Width: 100%;

  display: block;

  margin: 0px;

  padding: 0px;

  box-shadow: 3px 10px 20px #000;

  max height: 600px;

  }

  .video-container {}

  position: relative;

  padding-bottom:56.25%;

  padding-top: 30px;

  height: 0;

  overflow: hidden;

  }

  . Video-container iframe, .video-container object, container-.video incorporate {}

  position: absolute;

  top: 0;

  left: 0;

  Width: 100%;

  height: 100%;

  max height: 600px;

  }

  If you follow the link above and resize the browser, you will see the question.  Any suggestions would be very helpful!  Thanks guys/girls.

  The problem is caused by padding-bottom on the container-video class. When the fill is specified as a percentage, the value is always calculated the width of the parent element. This applies not only to the horizontal padding, but also vertical filling. Therefore, the page becomes, more the footer is pushed away from the video.

  The solution is very simple. Once the video has reached its maximum height, you must change the fill from the bottom to a fixed value instead of a percentage. Add this to your style sheet:

  @media screen and (min-width: 769px) {
     .video-container {
         padding-bottom: 576px;
     }
  }
  

• dreamweavercc fluid grid

  Hello

  I'm working on a site with fluid grid and sort my grids have disappeared and I can't change my element more... Advice please?

  Use Ctrl + Z to undo all that you have done to create the problem.

  If this is no longer an option, we would need to see your code.

  Nancy O.

• IE8 question: fluid grid/reagents nav bar - cancel or in css overide?

  For a sensitive Bootstrap site: how to replace the fluid grid and the foldable navbar on a separate stylesheet for IE8 to render the page not compliant? Is it a question of weight or destroy?

  Respond.js may address other elements of "screen" for IE8, assuming that no one with a smartphone or Tablet using IE older browsers in any case.

  But if someone could give me a branch of How to deal w/ the navbar and grid of fluid in the css without modifying the markup in my doc, I would be grateful to him

  Do you really need support IE8?  Very few people still use it.

  If you are compatible with IE8, create a style sheet IE only with your office layout styles.  Insert it inside a conditional comment for browsers of pre - IE9.

  Don't forget to insert this after all other styles and style, sheets just before your closing tag.

  Nancy O.

• How to build a model dreamweaver help than a fluid grid.  My file/save model is grayed out and will not aloow me to save my site as a template page.  Thank you

  Can I do a fluid grid layout template.  If yes how to accomplish this?

  It does not strip the CSS from your code.  If done correctly, deceive you DW thinking that it is a non fluid grid which allows to use design mode.

  Just add an X to code CSS FluidGrid that generates DW for you when you create a new FGLayout.

  Properties Grid Dreamweaver fluid

  ----------------------------------

  DW-num-CLO-mobile: X 4;

  DW-num-CLO-Tablet: 8;

  DW-num-OCOL-Office: 12;

  DW-gutter-percentage: 25;

  =====================================

  To do this, you must manually change the CSS code in Code view. Record. DW to close and reopen DW.

  To return to the mode of FGLayout, you will need to remove the X.  Record.  DW to close and reopen DW.

  Nancy O.

• Change the fluid grid in Dreamweaver CS6?

  I'm trying to understand how do to change my fluid layout grid in Dreamweaver CS6. Can anyone guide me on this issue? I'm also struggling with reorganize my images and text inside the div tags - can't move anything. Can someone enlighten me?

  Project seven Page Packs?  The affinity is their sensitive theme.

  Affinity PVII CSS: Reagents and Mobile-Ready layouts for Dreamweaver

  I use no more than FGLayouts.  At best, it's an OK Starter for your projects of reactive nature.  But I was never enthusiastic with the execution of the interface in DW.  Buggy, very fickle and if you alter the CSS code, it will break the page layouts.  Basically, it's a good idea that was never fully carried out.

  In 2015, CC, it's called fluid grid Layouts (Legacy) which means that it is removed gradually from. IMO, Bootstrap is much better.

  Nancy O.

• DW CS6 - best fluid grid multilevel MENUS for scaling mobile (big site)?

  Hi I currently have a non-mobile-friendly site that contains 450 + pages (www.midlifebachelor.com), and my search rankings go wrong to cause not to be mobile-friendly.   I use Dreamweaver CS6 on the Windows 8.1 as a development platform and would like to stay with her.  [I have also a site different, much smaller that I recently successfully migrated to a fluid grid layout, and it works very well... and that was my experience very first/only with grid encoding, using DW CS6 fluid.]

  So I need migrating my site page 450 + big a checkered to fluid and I have several problems to solve - the first / most obvious are to know how to deal with some of the complex menus. Today as top-level menus, I have reversals of the image at the top of every page of my site, for a customized mobile version running desktops, tablets and mobile devices - I tried (on different threads here) and one that seems to meet my needs the most is the 'Vertical Drop Down Mode"projectseven:

  http://www.Projectseven.com/products/templates/pagepacks/DMM/affinity/menu-modes/index.htm

  Some menus multi-level migration is important to me because many of my existing main/top level (currently image hover) menu selections now go to pages that contain Spry tabs - which go far.   So the migration of pages with these Spry tabs in new multi-level menus (using checkerboard to fluid, etc.); those without something complex on the landing page would be one level of menu in the upper part.   Goal is to have a system menu unique uniform at the top of each page of the site page 450 +.

  As my site is so great, I clearly don't want to modify the code any time soon the whole site (once I do it immediately, using the menu system above or?).   I want to test my design as much as possible.

  MY QUESTION to THE GURUS - do you think that the "Drop Down Mode Vertical" Projectseven is a very good choice for me to migrate to (for the multi-level menus, using a fluid grid - for scaling of the bureau, to table for mobile)?   Are there other choices that I have to look?  [If there is something different that I should, can you please give me a link that shows examples for this?]

  Thank you very much for your time!

  MLBdesigner wrote:

  (2) another section of the site is more like a book - so not as a collection of independent articles (as with the link you quoted above), but more like 100 pages of content that is usually read in order.  The player has the opportunity to watch an 'index' on the right side of the page that contains links that allow the reader to move from things that are of interest.  Example:

  It's exactly the same principle. Think of each page of the book stored in a column of data.

  You have 1 book page on the site with the index of linked pages / registered associated will be filled with data. According to link (page) is chosen by the user that it is then retrieved from the database in the database identification number that is attached to the link of the page-based.

  This all sounds quite complicated I don't know if you have little experience of database. But if you take the time to research - master-detail in Dreamweaver pages it might help you better understand the principle and how your needs would adapt.

  I don't know how effective the information below are to the current version of DW, but it explains the procedure:

  Using Dreamweaver | Main and detail page design

  MLBdesigner wrote:

  So the above is the other half of the site that I need an approach to understand.  The mobile aspect where it migrates to probably means that I lose the index on the right that allows the reader to spend.  If anyone has any ideas or suggestions on how to manage this migration to something easy to mobile, then I'm all ears.

  You might just have a single link "Choose a Page" at the top in mobile, BUT it's a heck of a lot of links to scroll down, or you can break it down into manageable chapters.

• Is it possible to create a model using fluid grids?

  I'm working on a new site and now starting to really try and arrange everything correctly, so what I want to do is to create a master page to work from universal.  I understand that this is not a master page as such, I read that you need to create a template and a link to that, but I don't see how to do this with a checkerboard in fluid.

  Is it possible to use fluid grids, keeping a 'template' link to and do NOT have to redo all the work I've done so far?

  Thanks for any help in advance =]

  Read F1 help on DW models to gain an understanding on how they work.

  1. Make your prototype of FluidGrid page.  Check in all browsers, and when you are satisfied of how it looks and reads the file save as Template.dwt.
  2. Add editable regions for things that will change the page.  Save and close the template.
  3. Go to file > new model page.  Press the button create.
  4. This new file is a page of the child.  SaveAs index.html (your home page) or a different file name.
  5. Repeat steps 3 & 4 for your other pages of the site.
  6. Re-open the model and add links to your navigation menus.
  7. Save the model and fill changes to the child pages.
  8. Child pages look in browsers before uploading to your remote server.
  9. Repeat steps 7 & 8 whenever you make changes to your file main template.dwt.

  Nancy O.

• Can you add a video to a fluid grid project in CS6

  Hi again;

  I think of the CS6 upgrade to help with my video problem in CS 5.5 and I was wondering if you can add video to a web project of fluid grid.  Of that I looked on the web, it seems that everything is a web site to a page with links to an area on the index page.  I need to get the video into my site as examples of what I'm doing and the fluid grid is superb.  I also suspect that I could put a link to a site of videos like Vimeo.

  Thanks for your help.

  Tom

  wondering if you can add video to a web project of fluid grid.

  Sure.  You can drop your own HTML5 videos or embed Vimeo, YouTube, etc...

  Of that I looked on the web, it seems that everything is a web site to a page with links to an area on the index page.

  Not true.  jQuery Mobile and fluid grid Layouts differ a little, not to get confused.

  JQuery Mobile is essentially a website a page for mobile devices.

  With fluid grid Layouts however, you can make a layout of reagent website in a few minutes, then save as template.  Use file > new template page to create the rest of your site pages. Or, you can use the jQuery tab panels inside the fluid grid layouts.  It is entirely up to you.

  Nancy O.