Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

Updating to Luna 1.1.3

PVII is the leader in creative extensions for Dreamweaver.

What's new in 1.1.3

Added mobile browser detection and special rules for mobile browsers in regular style sheets. The separate iOS style sheets using media queries are no longer necessary. Also revised conditional comments for IE6 so that vertical menus display properly.

Updating existing Luna pages

To update existing pages you'll need to update the p7PageScroll.js file, your main CSS file, and your conditional comments (only for pages with vertical menus). You'll also need to delete the link to the mobile iOS style sheet.

Update the script

Go to p7luna folder and locate p7PageScroll.js

Delete it. Dreamweaver will warn you that it is being used
Click the Delete Anyway button

Open your Luna page.

Choose Modify > Studio VII > Modify Luna Page Scroll by PVII...

When the interface opens, click OK

A new p7PageScroll.js file will be generated in your p7luna folder
Upload it to your server if applicable

Update main CSS file

In the p7luna folder, open your p7luna0X.css file, where "X" is a number from 1-8 depending on your layout.

Make a new line at the bottom of your style sheet and add the following rules, according to which CSS file you are using:

For p7luna01.css, p7luna03.css, p7luna05.css and p7luna07.css add these rules:

.p7PGS_mobile .navigation, .p7PGS_mobile #logo, .p7PGS_mobile #footer {
    position: static !important;
    width: auto !important;
}
.p7PGS_mobile div.section {
    padding: 30px 0 !important;
}

For p7luna02.css, p7luna04.css, p7luna06.css and p7luna08.css add these rules:

.p7PGS_mobile #logo, .p7PGS_mobile #footer {
    position: static !important;
    width: auto !important;
}
.p7PGS_mobile .navigation {
    position: absolute !important;
}
.p7PGS_mobile div.section {
    padding: 30px 0 !important;
}

Update IE Conditional Comments

The conditional comments only need to be updated for pages that have a vertical navigation menu. Switch to Code View and locate the original conditional comments in the head of your document. They look like this:

<!--[if lte IE 6]>
<style>
#logo, .navigation, #footer {width: auto; position: static;}
div.section {padding-top: 30px !important;padding-bottom: 0px !important;}
div.section-content {padding-bottom: 0px;}
</style>
<![endif]-->
<!--[if lte IE 7]>
<style>
.navigation li {display: inline;}
.css-table div {width: 100%; border: 0; padding: 0;}
</style>
<![endif]-->

Delete them and replace with this code:

<!--[if lte IE 6]>
<style>
.navigation {position: absolute;}
.navigation a, .navigation li {zoom: 1;}
div.section {padding-top: 30px !important;padding-bottom: 0px !important;}
div.section-content {padding-bottom: 0px;}
</style>
<![endif]-->
<!--[if lte IE 7]>
<style>
.css-table div {width: 100%; border: 0; padding: 0;}
</style>
<![endif]-->

Delete the Mobile Browser CSS link

The mobile style sheets are named p7luna01_ios.css to p7luna08_ios.css, depending on the layout you are using. If you are using Layout 1, the code in your page, near the top of Code View, would look like this:

<link href="p7luna/p7luna01_ios.css" rel="stylesheet" type="text/css" />

Delete the entire line.

That's it. You are now up-to-date.