HTML/CSS customisation in ALUI 6.1 with Publisher 6.4

Hi,
I'm extremely new to BEA products so apologies upfront for my lack of knowledge. I've read through lots and lots of documentation but what I'm really lacking is practical examples.
I'm trying to implement a new look and feel which requires changing both HTML and CSS. My first task is to change the core site header and footer. In truth, I have no idea where to start. My instinct is to try and alter the header/footer for the Default Experience definition, but is this possible? Could anyone let me know the steps to take to achieve this or to documentation explaining it?
I'm assuming that once the default experience definition is altered then it'll apply site-wide, is this correct? Or would I need a custom experience definition for this? Is it then possible to apply this site-wide?
In terms of portlets I plan on using custom html in the presentation template through Publisher so should be able to comfortably change them, but that's a hurdle for later.
Unfortunately I have little control over the system installation so an upgrade is not possible.
Any help on the above would be very vey appreciated!
Kind regards,
James.

Michael-
Thank you for contacting National Instruments. This is a known issue in LabVIEW 8.6.1 that was fixed in LabVIEW 2009. However, you cannot use the RGT 1.1.4 with LabVIEW 2009 or 2009 SP1. You will need to install the toolkit version for each of those versions of LabVIEW. You can get these from www.ni.com/src as long as you have an active contract for SSP. I would recommend downloading the newer version of this toolkit from this website and recreate your EXE files. This should fix your issue.
Prior to LabVIEW 2009, you will need to include several *.ctl files and *.lvclass files in your project and include them as source files. This is outlined in the Knowledge Base Article below.
KnowledgeBase 4TEK2GXK: Building an EXE in LabVIEW 8.6 and Later Using the Report Generation Toolkit
http://digital.ni.com/public.nsf/allkb/2AE85CF95217E60786257540000D818C?OpenDocument
Regards,
Mike S
NI AE

Similar Messages

Inserting HTML/CSS in a Tabbed Panel

I've been having trouble inserting HTML/CSS into a Tabbed Panel widget. In this case, the HTML/CSS is creating a text box with scroll bars (as described in an excellent workaround for getting scroll bars to work).
Has anyone else come across this situation?
Thanks!

I'm not seeing the same problem (the scrolling text box displays fine in the tabbed panel for me).
Does your HTML container fit within the content area of the panel?
Here are screenshots from Muse Design view:
and Preview in Browser (Firefox):
When you say it's not working, what exactly do you mean? What's happening?
Best regards,
Corey
Edited: Adding topic on creating scrolling text box for reference: http://forums.adobe.com/message/4327943#4327943)

HTML+CSS conversion issue with nth-child() selector

Why doesn't Adobe Acrobat XI Pro convert the below HTML code correctly when I try to create a PDF from it?
I've simplified the actual code significanly in order to present the problem in its simplest possible form. The code below uses the CSS "counter" feature to modify <li> elements according to a specific pattern. This code enumerates and indents every third line in the progression 1,4,7,10,13, ...
In Firefox and Internet Explorer, this code is displayed correctly, but Acrobat XI Pro ignores the lines with the "nth-child(3n+1)" selector which contain directives to hide line enumeration on non-matching lines and to indent text on matching lines. Acrobat XI Pro instead displays line enumeration for all lines and doesn't indent text on any line, as if the two directives containing the "nth-child(3n+1)" selector were not present at all.
Is this a bug or is it an unsupported feature in Adobe Acrobat XI Pro?
Whichever the case, any suggestions on a not too labourious alternative method to achieve the same result?
As things are, I've been forced to resort to using the so called "poor man's nth-child selector" workaround (abouthalf.com/development/poor-mans-nth-child-selector-for-ie-7-and-8/), which requires manual specification of each line's content with ever-increasing code extension/repetition. It gets the job done, but in a very messy and time-consuming way, and it only works with pre-defined static content. In terms of size, the difference is that of less than 1kb CSS file size when using the nth-child() selector vs more than 75kb CSS file size when using the above mentioned workaround, for a 250 line predefined stylesheet.
Surely there has to be a better way to deal with this issue? Support for a core HTML/CSS feature that generates ordered layout patterns for line enumeration, indentation, etc, would seem like a top priority feature to support in a product such as Adobe Acrobat Pro, given its focus on page layout...
<html>
<head>
<style type="text/css">
body { margin: 75px 90px; }
li { list-style-type: none; counter-increment: listing; }
li:after { content: counter(listing); float: right; margin-right: -2em; visibility: visible; }
li:not(:nth-child(3n+1)):after { visibility: hidden; }
li:nth-child(3n+1) { text-indent: 25px; }
</style>
</head>
<body>
<li>Line One</li>
<li>Line Two</li>
<li>Line Three</li>
<li>Line Four</li>
<li>Line Five</li>
<li>Line Six</li>
<li>Line Seven</li>
<li>Line Eight</li>
<li>Line Nine</li>
<li>Line Ten</li>
</body>
</html>

Any suggestion what the issue and/or solution might be?

Catalyst and HTML/CSS Round Trip with Flash?

Question one: I was wondering if Catalyst will be able to assist in importing into Flash an existing (or under development) HTML page which contains flash apps --to make technical changes such as insert more multimedia? audio, swf, jpgs, etc?
I have a nearly completed html/css page that contains Flash etc., but I'd like to add a new swf at the beginning of the page and edit it in Flash to be sympatico with the overall style established in Dreamweaver. I am using CS4 Premium Creative Suite.
I know how to bring Flash files into Dreamweaver but a round trip would be so great! Can Catalyst do it? or what do you recommend?
Question two: I am hoping to give Catalyst Beta a try where do I sign in for it?
Joy Foraker
I Web Woman

Hey Joy,
Currently there isn't any way to go between Flash Catalyst and Flash CS4. You can bring the SWFs you create in Catalyst into Dreamweaver in the same way you bring in other SWFs, but it won't be able to edit or change any of your current Flash files.
And the public beta is getting close, we're still looking at late May, early June. You can sign up here - http://www.adobe.com/cfusion/mmform/index.cfm?name=flashcatalyst_notify - to be notified when Catalyst goes beta.
=Ryan
[email protected]

What html code will start an EXE (program) with a click on a webpage link?

The code in bold below worked. After I switched my browser from IE 11 to Firefox to get the hover on hotspots to work, the program gave me this error message. I moved the EXE file to my local file folder and tried it as shown below. Still no success. Any suggestions?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Family Tree Charts</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style type="text/css">

</style></head>
<body link=blue vlink=blue>
<table width="100%" height="25" border="0" cellpadding="4" cellspacing="0">
<tr>
    <td width="93%" height="27" bgcolor="#EFEFEF"> <div align="center"><font color="#999999">
    <b>This Software Allows You To Review Neat Charts of Your Family Tree </b></font></div></td>
    <td width="7%" bgcolor="#CCFFFF"> <div align="center"><A href="Mementos_Menu.html"><font size="2">Back</font></a></div></td>
</tr>
</table><BR><center>
<br>
<FONT color=#ff00ff><strong>Click the link below to download a special software program for your PC.</strong></FONT><br>
<br>
<a href="http://jdmcox.com/"><strong>Cox Website</strong></a><br><br>
<strong>ITEM 1</strong> (AT THIS WEBSITE) IS THE <strong>FAMILY TREE CHART</strong> PROGRAM.<br>
It is called <strong>Simple Family Tree</strong><br>
<table width="80%" border="2" cellspacing="2" cellpadding="2">
<tr>
    <td width="49%" align="left" valign="top"><FONT color=#ff00ff><strong>Click the link below to use this special software program after you download and install the program.</strong></FONT><br>
<br>

<a href="C:\Users\Tom and Polly\Documents\Genealogy CD\Simple Family Tree\Simple Family Tree.exe"><b>Family Tree Charts Program</b></a><br><br>
<FONT color=#ff00ff><strong>Click the "run" button for both warning messages.<br>
Click the "READ THIS!" menu option when the program opens.<br>
Click "X" in the upper right to close the program.<br><br>
You can update the family data in future years with this program too.</strong></FONT>
<br></td>
    <td width="51%" align="left" valign="top"><FONT color=#ff00ff><strong>NOTE 1: Be sure your HTML code for this webpage has a proper line to link to the location where the software was installed. You can use NOTEPAD to make HTML code changes. My existing line is: </strong></FONT><br>
      "c:\<u>program files (x86)</u>\simple family tree\simple family tree.exe"<br><br>
      <FONT color=#ff00ff><strong>The underlined portion will need to agree with where the program was installed. Just change the directory (see underlined sample above). Good luck. If I am still living, call me.<br><br>
      NOTE 2: After you download, install, and try to use the program, you may get an error message window that looks like this -"0 FAMS @F191 @ FAM". This means you have an individual record in your GEDCOM file that does not have a parent. Be sure all GEDCOM records have at least one parent even if you must name the parent UNKNOWN.</strong></FONT></td>
</tr>
</table>
<br></center>
<table width="100%" border="0" cellpadding="2" cellspacing="0" bgcolor="#CCCCCC">
    <tr>
      <td bgcolor="#EFEFEF"> <font size="2">©2002 Sales and People</font></td>
    </tr>
</table></body>
</html>

Herbert:
Here is my latest code attempt, but I get messages about the lines in BOLD that I do not understand.
Perhaps you will see what I need to fix. Sure appreciate what you have found and shared with such a neophyte (aka dumbo).
Tom

function RunExe(path) {
try {
var ua = navigator.userAgent.toLowerCase();
if (ua.indexOf("msie") != -1) {
MyObject = new ActiveXObject("WScript.Shell")
MyObject.Run(path);
} else {
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
var exe = window.Components.classes['@mozilla.org/file/local;1'].createInstance(Components.interfaces.nsILocalFile);
exe.initWithPath(path);
var run = window.Components.classes['@mozilla.org/process/util;1'].createInstance(Components.inteinterfaces.nsIProcess);
run.init(exe);
var parameters = ["/c start Simple Family Tree.exe"];
run.run(false, parameters, parameters.length);
} catch (ex) {
alert(ex.toString());
This Software Allows You To Review Neat Charts of Your Family Tree
Back
Click the link below to download a special software program for your PC and your GED file.
*Cox Website*
ITEM 1 (AT HIS WEBSITE) IS HIS FAMILY TREE CHART PROGRAM.
It is called Simple Family Tree
Click the link below to look at my GEDCOM file contents.<br>Instructions are provided in the READ THIS menu option at the top of the window.
*Show Yarnall Chart*
*Return to this webpage by clicking on the backarrow after looking at the chart.
You can update the family data in future years with this program too.*
©2002 Sales and People
Date: Thu, 2 Jan 2014 02:09:18 -0800
From: [email protected]
To: [email protected]
Subject: What html code will start an EXE (program) with a click on a webpage link?
    Re: What html code will start an EXE (program) with a click on a webpage link?
    created by Herbert2001 in Dreamweaver support forum - View the full discussion
Perhaps this might be helpful:
https://addons.mozilla.org/en-US/firefox/addon/opendownload-10902/
It allows executables in Firefox to be run - it is an extenstion, though, so it must be installed in Firefox before your page will work.
Another option is this solution, but it will still require a manual change in Firefox:
http://forums.mozillazine.org/viewtopic.php?f=19&t=803615
Or this: http://stackoverflow.com/questions/6472435/running-exe-in-firefox-why- do-i-get-an-error
However, you will still have problems with getting it to work cross-browser. Honestly, browsers are not supposed to have access like that to the client side file system, which absolutely makes sense for the web.
That is why you may have to approach the solution from a different angle - perhaps create a server side cloud version of your application(s) which can be easily accessed and run by your family members. I believe you used C to develop the applications? Although I have no experience with this framework, Wt might be a solution to convert your projects to server side applications:
http://www.webtoolkit.eu/wt
Good luck!
     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 http://forums.adobe.com/message/5972893#5972893
     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: http://forums.adobe.com/message/5972893#5972893
     To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/5972893#5972893. In the Actions box on the right, click the Stop Email Notifications link.
           Start a new discussion in Dreamweaver support forum 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 use my Html/CSS Navigation bar to control an Edge Stage?

I have an HTML/CSS navigation bar set up in my EDGE created page. The Navbar is not created in edge. I would like to use these buttons to control the stage.
Inside the stage the main timeline has labels and stop actions every 1.5 secs to create a horizontally sliding site.
The labels are as follows: home, work, blog, profile, and contact. I can easily use a symbol created inside edge for example:
sym.play("home");
and animate a 6000px width symbol across my 1000px stage in 1000px increments.
I do not want to use a symbol inside of edge to do this because I cannot create the effect that the html/css navbar has on mouseover inside of edge.
So I am interested in knowing if I can use this bar to control my main timeline so I don't have to sacrifice design for functionality.
currently the link list is setup with the standard hyperlink. What code would I use to play the stage on click of the html navbar?
Many thanks to anyone who can help with this!
Here is the code for the navbar:
<div id="menu"><ul class="block-menu">
                    <li><a href="/home" class="three-d">
                              Dynamic
                              <span class="three-d-box"><span class="front">Dynamic</span><span class="back">Artisans</span></span>
                    </a></li>
                    <li><a href="/demos" class="three-d">
                              Work
                              <span class="three-d-box"><span class="front">Work</span><span class="back">Work</span></span>
                    </a></li>
                    <li><a href="/deals" class="three-d">
                              Blog
                              <span class="three-d-box"><span class="front">Blog</span><span class="back">Blog</span></span>
                    </a></li>
                    <li><a href="/about" class="three-d">
                              Profile
                              <span class="three-d-box"><span class="front">Profile</span><span class="back">Profile</span></span>
                    </a></li>
        <li><a href="/about" class="three-d">
                              Contact
                              <span class="three-d-box"><span class="front">Contact</span><span class="back">Contact</span></span>
                    </a></li>
          </ul>
<span class="block-menu"></span></div>
Full HTML:
<!DOCTYPE html>
<html>
<head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
          <title>Untitled</title>

    <script type="text/javascript" charset="utf-8" src="workapp_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-57204389 { visibility:hidden; }
              .block-menu {
                              display: block;
                              background: #000;
                    .block-menu li {
                              display: inline-block;
                    .block-menu li a {
                              color: #fff;
                              display: block;
                              text-decoration: none;
                              font-family: 'Passion One',Arial,sans-serif;
                              -webkit-font-smoothing: antialiased;
                              -moz-font-smoothing: antialiased;
                              font-smoothing: antialiased;
                              text-transform: uppercase;
                              overflow: visible;
                              line-height: 20px;
                              font-size: 24px;
                              padding: 15px 10px;
                    /* animation domination */
                    .three-d {
                              -webkit-perspective: 200px;
                              -moz-perspective: 200px;
                              perspective: 200px;
                              -webkit-transition: all .07s linear;
                              -moz-transition: all .07s linear;
                              transition: all .07s linear;
                              position: relative;
                              .three-d:not(.active):hover {
                                        cursor: pointer;
                              .three-d:not(.active):hover .three-d-box,
                              .three-d:not(.active):focus .three-d-box {
                                        -moz-transform: translateZ(-25px) rotateX(90deg);
                                        -webkit-transform: translateZ(-25px) rotateX(90deg);
                                        -o-transform: translateZ(-25px) rotateX(90deg);
                                        transform: translateZ(-25px) rotateX(90deg);
                    .three-d-box {
                              -webkit-transition: all .3s ease-out;
                              -moz-transition: all .3s ease-out;
                              -ms-transition: all .3s ease-out;
                              -o-transition: all .3s ease-out;
                              transition: all .3s ease-out;
                              -webkit-transform: translatez(-25px);
                              -moz-transform: translatez(-25px);
                              -o-transform: translatez(-25px);
                              transform: translatez(-25px);
                              -webkit-transform-style: preserve-3d;
                              -moz-transform-style: preserve-3d;
                              -ms-transform-style: preserve-3d;
                              -o-transform-style: preserve-3d;
                              transform-style: preserve-3d;
                              pointer-events: none;
                              position: absolute;
                              top: 0;
                              left: 0;
                              display: block;
                              width: 100%;
                              height: 100%;
                    .front {
                              -webkit-transform: rotatex(0deg) translatez(25px);
                              -moz-transform: rotatex(0deg) translatez(25px);
                              -o-transform: rotatex(0deg) translatez(25px);
                              transform: rotatex(0deg) translatez(25px);
                    .back {
                              -webkit-transform: rotatex(-90deg) translatez(25px);
                              -moz-transform: rotatex(-90deg) translatez(25px);
                              -o-transform: rotatex(-90deg) translatez(25px);
                              transform: rotatex(-90deg) translatez(25px);
                              color: #FFE7C4;
                    .front, .back {
                              display: block;
                              width: 100%;
                              height: 100%;
                              position: absolute;
                              top: 0;
                              left: 0;
                              background: black;
                              padding: 15px 10px;
                              color: white;
                              pointer-events: none;
                              -moz-box-sizing: border-box;
                              box-sizing: border-box;
    </style>

</head>
<body>
<div id="menu"><ul class="block-menu">
                    <li><a href="/home" class="three-d">
                              Dynamic
                              <span class="three-d-box"><span class="front">Dynamic</span><span class="back">Artisans</span></span>
                    </a></li>
                    <li><a href="/demos" class="three-d">
                              Work
                              <span class="three-d-box"><span class="front">Work</span><span class="back">Work</span></span>
                    </a></li>
                    <li><a href="/deals" class="three-d">
                              Blog
                              <span class="three-d-box"><span class="front">Blog</span><span class="back">Blog</span></span>
                    </a></li>
                    <li><a href="/about" class="three-d">
                              Profile
                              <span class="three-d-box"><span class="front">Profile</span><span class="back">Profile</span></span>
                    </a></li>
        <li><a href="/about" class="three-d">
                              Contact
                              <span class="three-d-box"><span class="front">Contact</span><span class="back">Contact</span></span>
                    </a></li>
          </ul>
<span class="block-menu"></span></div>
<div id="Stage" class="EDGE-57204389">
</div>
</body>
</html>

I've come across this from the Edge API:
Edge.getComposition(compId)
Anyone having trouble with this same issue should try this:
var targetComp = AdobeEdge.getComposition('TARGETCOMPID');
   targetComp.getStage().play();
in their trigger or event handler.
How I got it to work:
<li><a href="javascript:var targetComp = AdobeEdge.getComposition('EDGE-57204389');
   targetComp.getStage().play();" class="three-d">
                              Dynamic
                              <span class="three-d-box"><span class="front">Dynamic</span><span class="back">Artisans</span></span>
                    </a></li>

HTML/CSS match to InDesign layout

Hello,
I have been given the task of taking an InDesign layout from CS6, and building it in HTML/CSS. The challenging part is that it is required to be 1:1 pixel perfect. When I open it in Google Chrome–which is going to be the standard browser it’s opened in–the font raggs differently.
When I overlay a PNG of the HTML site, and a PNG from the InDesign file it is no where close to pixel-perfect. The text wrapping differently is the main issue at hand. I have tried every CSS hack possible to adjust letter-spacing and word-spacing, I've also explored Google Fonts to attempt to get a better match.
Does anyone have any experience with a similar ask? In CS6 you can’t specify type pixels, I’m not sure it would matter if you could, because it seems that InDesign is using it’s own conversion for what it considers a pixel.
Please help!!!

Agreed, it's way too optimistic. InDesign is a typographic design application, under development since 1999. Already in its very first version, its type engine came "fully grown and armed, with a shout", supporting enough advanced features to squash all but the very stubbornest competition (I'm looking at you, TeX).
HTML/CSS, on the other hand, has had problems displaying "plain text" since its very beginnings. Only the very latest version of CSS finally addresses some typographic features (probably unnecessary to add, but anyway: with mixed results for different browsers).
" ..it seems that InDesign is using [its] own conversion for what it considers a pixel", you bet it does. After all, there was a web crowd that outright demanded "pixels" to be a measurement unit in InDesign. Adobe did a have a stab at adding pixels, and if one would ask me, they did it the wrong way. But that's no fault in InDesign. ID has its roots firmly in the "real world", that is, you can design a document with a precision right up to the wavelength of visible light; and ID will happily produce output for it. Your "pixel", on the other -- Darker -- Side, "is" not a real thing. It has no width or height. If you think it does, it goes only for your screen. You may say, "but if necesasry I can hold a magnifier to my screen and count the itty bitty lights!" What if you do so, and discover that your screen does not consist of square pixels, but round ones, or hexagonal, or elongated rectangles? And any measurement would only be value for just your screen. What about mine, your bosses', or your client's?
Following John's advice, here is a list of features you would need to switch off (as most are enabled by default) before you can even think of mimicking ID's sophisticated text engine in HTML:
ligatures
alternate characters
real small capitals
tabular or oldstyle figures
.. wait -- better switch off *all* OTF features
Paragraph composer. Use the dumb One Line At A Time And We'll See How Far We Get Composer.
Language based hyphenation.
Minimum/Optimal/Maximum Word Spacing (CSS must be using this internally, else it could not show justified text; however, I don't think you can set its parameters)
Letter Spacing and Glyph Scaling (although to be fair, these seem to be already off by default).
~16 decimals of precision for every object, line width, text size, spacing, et cetera
any real-world based measurement unit.
I probably forgot a few too.
--- add.
Advanced character/class kerning
Optical kerning (not enabled by default)
-- add2.
Balance Ragged Lines (off by default; but you can't use it)
Optical Margin Alignment (as above)
Align to Baseline grid
last line indent
Align to spine
justify last line (can only be achieved with span/div tricks)
tabs
about all internal hyphenation settings (CSS allows 'none', 'manual', and 'auto')
live text color outline (I may be mistaken, but I bet if it were possible literally everybody would be using it by now -- just like the dreaded "blink" tag did, before it was deemed illegal by federal law)
skewed text. I know, nobody with a grain of sense uses it in ID.[*] Still, you can't do it in CSS so I'm gonna list it anyway.
[*] Except myself, by the way. But I don't use it willy-nilly, only after exhausting all the good and the bad options; then yes, I go for the Ugly look.
Message was edited by: [Jongware]
Message was edited by: [Jongware]

Classic/static html+css export

Unfortunately i've never really figuerd out all that div-floating margin-and-padding-overlaping css mambo jumbo
I always prefered flash over html+css becouse of its logical visual approach and I even developed my own little news cms and we suppose to live happily ever after but apple crew that all up ;(
is it posible to make nice and clean layout in flash and then convert it to html+css?
with semantics like container symbol -> container div and buttons become functional links?
that would get smile back on my face :/
i would appreciate any help!

Unfortunately i've never really figuerd out all that div-floating margin-and-padding-overlaping css mambo jumbo
I always prefered flash over html+css becouse of its logical visual approach and I even developed my own little news cms and we suppose to live happily ever after but apple crew that all up ;(
is it posible to make nice and clean layout in flash and then convert it to html+css?
with semantics like container symbol -> container div and buttons become functional links?
that would get smile back on my face :/
i would appreciate any help!

HTML/CSS animation clipped on iPad

Hi list...
When inserting html into an inDesign document intended to be published as an iPad app, I'm running into issues with seeing the entire html. The bounding box that holds the html collapses down to the size of the "This is arbitrary html" message that's displayed in inDesign at design time. Second, when viewing on the iPad, this collapsed box is fully black at first, and you have to touch it in order to see the now clipped html.
Am I missing a setting in inDesign somewhere? In the html, I attached styles to force the <body> and a <div> wrapper to be 500px by 500px. That doesn't seem to help.
Any ideas are appreciated.
- Michael M.

Thanks again Bob for following up. I appreciate your diligence.
I'm trying to insert an svg graphic, with some css animation. That renders fine, but the svg gets shrunk down to fit the bounding box, and the bounding box is clipped. Also, it's filled with black first until you tap it (only then does it display the svg). Below is the html I'm inserting.
Hopefully this is helpful?
- Mike
<!doctype html>
<html>
<head>
<title></title>
<style type="text/css">
#gear{
          -webkit-animation-duration:20s;
          -webkit-animation-iteration-count:infinite;
          -webkit-animation-name:gearSpin;
          -webkit-animation-timing-function:linear;
          animation-duration:20s;
          animation-iteration-count:infinite;
          animation-name:gearSpin;
          animation-timing-function:linear;
          position:relative;
          display:block;
          border:none;
          width:auto;
          height:auto;
@-webkit-keyframes gearSpin {
          from { -webkit-transform:rotate(0deg); transform:rotate(0deg); }
          to { -webkit-transform:rotate(360deg); transform:rotate(360deg); }
</style>
</head>
<body style="width:500px;height:500px;">
<svg id="gear">...</svg>
</body>
</html>

Installing Outlook 2007 HTML & CSS Validator in CS4

Hi everyone,
I have installed the Outlook 2007 HTML & CSS validator but when I go to look at the target browser list nothing appears.
The path that the tool was installed to is: C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS4\configuration\BrowserProfiles
Does anyone know if it will work with CS4? I have scoured Google and these forums to no avail.

The path is correct. Try restarting DW, then go to the Browser Compability window and see if it is there to enable in the Settings. If DW was running it will not appear until it is restarted.

Html + css editor

I am a java programmer who was told to design a jsp page using html + css.
i dont know css. is there a free WYSIWYG editor out there which takes into an account your css files and lets you use it somehow to make what you need.
keep in mind that when i look at the css style sheet i cant "imagine" how any of the stuffs in there would looks, and i dont know which divs must be inside other divs.

As long as you are able to get away with writing "dirty code" it isn't too much of a pain. When I am knocking a random page up I use 2 methods
1) Set the style for a tag using clas="..."
2) Set the style by adding the tag in your css
The first option allows you to tightly control what style gets applied where. The second option is for global setting of styles. By putting a <style> tag in your header you will find you are very quickly able to change and test your style changes. I am currently, at home, learning php with MySql served from apache. All I have to do is edit my css file in notepad, hit F5 on my browser and voil�, I can see the changes. I can develop my style sheets very quickly with this method. I prefer not to use graphic tools because of all the unnecessary tags they create.
Ted.

OT: Tutorial | How to author HTML, CSS, jQuery, and PHP 5.4 in Dreamweaver CC

Hi all,
Dreamweaver CC 2014 comes with a host of tutorials for both beginners and advanced users. In this tutorial you will learn how the latest support for HTML5, CSS3, jQuery and PHP5.4 in Dreamweaver can help you author static, dynamic, mobile or responsive projects.
We would love to hear your opinion on this tutorial after you complete the training.
https://helpx.adobe.com/dreamweaver/how-to/html-css-jquery-php-dreamweaver.html?scid=socia l26198776
Thanks,
Preran

jlig wrote:
> David, I just read thru the sample chapter 7 "Building
Site Navigation with the
> Spry Menu bar".
> - Finally a Spry resource that is friendly , thorough
and easy to follow
> along.
> - I especially like your honest comments in the "Mixed
Blessing" section.
Glad you found it useful. I felt it was essential to present
a balanced
view of Spry widgets, rather than giving a starry-eyed one.
> Trying to adjust the Tab Colors, Fonts, CSS page sizes,
margins, borders, etc
> is a bit of a nightmare for me. I know it is just a
matter of learning, but it
> would help to have resources like yours that take all of
the practical
> considerations into mind for end-users.
It is quite easy to do simple things with CSS, but it's very
powerful,
and has a long learning curve. Keep at it, and you'll get
there in the end.
> ps: How about a similiar new resource: "The Essential
Guide to Dreamweaver
> CS3 with ADDT, SPRY, CSS, AJAX and PHP / ColdFusion"
I'm not a big fan of ADDT (Adobe knows my opinions, because I
have told
them directly). I would like to see how ADDT develops before
committing
to writing about it. As for ColdFusion, I experimented with
it a long
time ago, but decided I preferred to improve my knowledge of
PHP before
branching out into other fields.
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

Conversion from PSD to HTML/CSS

I need help in how to convert my Web Template into a HTML/CSS Format.
Can anyone help?

Depends on exactly what you want help with.
Lots of tutorials online
https://www.google.com.au/search?q=photoshop+to+dreamweaver+tutorial

Blend for Visual Studio's HTML/CSS WYSIWYG editor only usable for Windows 8 apps, NOT for web apps?

Hi there,
In the process of learning Visual Studio (VS) and ASP.NET, I initially thought that I could use Blend for VS's seemingly great HTML/CSS WYSIWYG editor to visually design the HTML pages and CSS for a web app developped with VS, whether it be with ASP.NET MVC
or Django (using Python Tools for Visual Studio).
But now it dawned on me that Blend for VS seems to only be meant to design HTML/CSS for native Windows
8 apps, and not
web apps.
Can someone confirm that this is indeed the case?
Thanks a lot in advance for clarifying this point for me.
PS: Maybe this a dumb newbie question, but from the outside, it seems rather counter-intuitive to offer a top-notch tool for web
standards (HTML/CSS) edition (Blend for VS), all integrated with a top-notch tool for web development (VS) but prohibiting the web developer community to leverage the productivity gains of both
the former and the integration. This is especially puzzling given that the latest components of the ASP framework (MVC, SPA projects):
- Pushes for reliance on HTML elements and CSS instead of ASP elements and Skin files;
- VS apparently also does not provide a visual design page view for ASP.MVC projects, which is sure to make many development teams wary of migrating from web forms to MVC.

I believe this the case, but I'm not familiar with asp.net development. As you point out: html is html so you can edit and copy the code. That said, the Windows Store apps forums are specifically about writing Windows Store apps. For discussion
of writing ASp.net apps and the best tools to use for that please post in the asp.net development forums on
http://asp.net.
--Rob

Looking for HTML,CSS,Dreamweaver books

Hello, I will start teaching a web design class for the first time soon. I am looking for well laid out, detailed, step by step HTML, CSS, Dreamwever books with examples and implementations (activities) for my students to follow and apply as they learn new content. Website suggestions would also be perfect to use as supplemental materials.
Any suggestions are greatly appreciated. Thanks,
Ekrem
[email protected]

HTML, CSS & Web Design Theory Tutorials -
http://www.html.net/
http://w3schools.com/
http://www.csstutorial.net/
http://webdesign.tutsplus.com/sessions/web-design-theory/
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
Centering Pages, Images and other elements with CSS
http://cookbooks.adobe.com/post_Centering_web_pages_and_other_elements_with_CSS-16640.html
Creating your first web site in DW -
http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
Nancy O.

HTML/CSS customisation in ALUI 6.1 with Publisher 6.4

Similar Messages

Maybe you are looking for