Text animation style

Is there any plugins for Cap 8 that has simple text animation styles.  I am trying to create a simple writing on the screen effect but the closest I can come is a typewriter. 

Still not, has been asked for since very long, but nothing has changed concerning text animations in CP8.
Closest, if you don't need HTML5 output: the Masquerade component of Infosemantics, in combination with a motion path effect. Works nicely.
Lilybiri

Similar Messages

  • How to make a impressive text animation?

    Hi everyone,
    I have completed my video, but now I want to add some text to it, I tried using title, and I love one of those style in there, but I want to make a impressive text animation (transition). There's no way I can do it with the effect control tab, I want text appear and disappear with fire around or appear like typing style something like that. Is that anyway to do it, or any other softwares that can easily do what I expected? Please help, this is urgent.
    Thank you.

    Besides the great suggestions so far, you might want to look into a couple of 3rd party programs:
    BluffTitler (I think that it has a "fire" Effect as a Preset, and does have "Typewriter")
    ProDAD's Vitascene, along with their Heroglyph
    Pixelan's Spice Master (more for Transitons, but you can create custom Effects too)
    Good luck,
    Hunt

  • HELP Missing text animations

    I installed my Premier Elements 7 including the extra theme content and I have zero text transitions. Where are they? Am I somehow missing something? I installed from a new CD. Help is appreciated.

    JohnnyO,
    Thanks for the attempted help, but my themes, styles, templates, etc. are all there...just no text animations at all. And idea where those are stored (file name/folder) so I can check and see if they are missing?
    Since I didn't buy it from Adobe, their support said they couldn't help me...something about the serial number not being valid.
    Thanks.

  • PE7 - Title text animation

    When creating a title, you can choose to apply one of several text animations, e.g. fade, pan and zoom, etc. You simply select the text you want to animate, then choose an animation from the edit panel and click apply. My question is, when you later come back to edit that title, how can you tell which animation is applied? The animation does not seem to highlight. Similarly, the text style does not highlight, although you can tell which font and point and other characteristics are applied to selected text by looking at the text options.
    The "Fade out by line" animation seems to be similar to just clicking the "Fade out" button in the opacity properties of the title (if all there is in the title is text), but no key frames are created, or at least they are not visible anywhere that I can find. There does not seem to be any way to edit the properties of one of these "canned" animations. Is this right, or am I missing something?
    Thanks for any help or further explanation.

    There is no straightforward location in the UI from where you can find out which animated title or which Style has been applied to a title. The Remove button in the animation panel gets highlighted only once we have applied an animation, so a user can find out wether any animation has been applied or not but cannot decipher which animation has been applied to a text.
    I normally apply the nimation and click preview to see the end result, and If I like it, I keep it that way.

  • How do I get rid of the underline in text - tried   style decoration:none

    I am trying to get rid of the underline on some text which is not a link. I have tried putting style decoration: none in various places and I still can't get rid of it.
    Any ideas?
    Here's my HTML
    <!doctype html>
    <div id="businesscircleportfolio">
      <html>
      <head>
      <meta charset="UTF-8">
      <title>Untitled Document</title>
      <link href="style.css" rel="stylesheet" type="text/css">
      <style type="text/css">
    <script src="respond.min.js"></script>
    <script type="text/javascript">
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    /* I have no idea what this code below does but Dreamweaver randomly put it in*/
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    /* This is code I put in that I found on the web that said it would work but doesn't*/
    <STYLE>
    <!--
    A{text-decoration:none}
    -->
    </STYLE>
    /* end of that code*/
      </style>
      </head>
      <body>
      <div class="portfoliolinkbackground"><font face= "arial" color= "white" font size="4" > Home </font><a id="portfoliolinkclear" href="index.html"></a>
      </div>
        <div id="adtitletest"><img src="images/adtitlewithwdandgraphics.png" width="700" height="220" alt=""/></div>
      <div id="businesslinkport"><font face= "arial" color= "white" font size="3" >Portfolio</font></div>
        <a id="businesslinkclear" href="portfolio.html" style="text-decoration:none"></div>
        <div id="classicallinkport"><font face= "arial" color= "white" font size="3" >Client</font></div>
       <a id="classicallinkclear" href="client.html" style="text-decoration:none"> </div>
         <div id="hiphoplinkport"><font face= "arial" color= "white" font size="3" >Contact</font></div>
         <a id="hiphoplinkclear" href="contactform.html" style="text-decoration:none"> </div>
         <div id="rocklinkport"><font face= "arial" color= "white" font size="3" >Pricing</font></div>
        <a id="rocklinkclear" href="price.html" style="text-decoration:none"> </div>
        <div id="facebook"><a href="https://www.facebook.com/paul.kirsch.399/about" title="facebook" target="new">
          <p><img src="images/facebookdkblue.png" width= "95" height="60" alt=""></p></div>
      <div id="linkedin"><a href="https://www.linkedin.com/profile/view?id=30306216&trk=nav_responsive_tab_profile" title="linkedin" target="new"><img src="images/linkedin.jpg" width="55" height="52" alt""></div>
      <div id="twitter">
        <img src="images/twitter.png" width="58" height="58" alt ""></div>
        </div>
        <div class="prices"> <font size="3" color=#b3f5f1 font face="helvetica" style= "text-decoration:none">
    Graphics and Web Service Prices<br>
    <ul>
    <li>Custom Web Site Graphics $350</li><p></p>
    <li>Custom Logo $125</li><p></p>
    <li>Custom website ($40/hr - price dependent on complexity and deadline)</li><p></p>
    <li>Five-Page Wordpress Brochure Web Site you can update yourself  $350</li><p></p>
    <li>Each additional page from the same template $40/page</li><p></p>
    <li>interactive forms - (surveys etc.) $250+ </li><p></p>
    <li>Site maintenance (we update your site) $360/yr </li><p></p>
    <li>Rebuild of existing site $40/hour </li>
    </ul></div>   </font></div>    
       </div>
        <p> </p>
        <p> </p>
        <p> </p>
      </body>
      </html>
    </div>
    /* I have 60 tons of CSS much of it junk. It is below*/
    charset "UTF-8";
    /* CSS Document */
    body {
      background-color: rgba(30,30,30,1);
      margin-left: 0px;
      left: -130px;
      margin-top: 50px;
      line-height: 5px;
      position: static;
      padding-top: 5px;
      height: auto;
    #div1 {
      margin-top: -40px;
      margin-left: 275px;
      margin-right: auto;
      position: relative;
    #div9 {
      margin-top: -15px;
      margin-left: 220px;
      margin-right: auto;
      position: relative;
      float: left;
    #adtitle:
    margin-left: 500px;
    #div2 {
      display: block;
      margin-top: 100px;
      margin-left: 450px;
      margin-right: auto;
      position: relative;
      border-radius: 100% / 50%;
    .meatsunsetshadow {
      margin-top: -120px;
      margin-left: 390px;
      width: 500px;
      height: 700px;
      display: block;
      background-image: url("images/me_atsunsetbackground4.JPG");
      background-size: 500px 700px;
      -webkit-box-shadow: inset 1px 2px 23px #FFF;
      box-shadow: inset -5px 30px 25px #000000;
      -webkit-border-radius: 75%;
      border-radius: 75%;
      margin-bottom: -750px;
      top: -60px;
    #clear-oval {
    img src: url(clear-oval.png);
    margin-top: -100px;
    margin-left: 100px;
    -webkit-border-radius: 75%;
      border-radius: 75%;
    #abouttext {
    margin-top:-165px;
    margin-left: 40px;
    #shadow a {
        display:block;
        width:900px;
        height:700px;
    .box-shad {
      margin-top: 100px;
      margin-left: -188px;
      width: 800px;
      height: 600px;
      display: block;
      background-image: url("big-tree-final1.jpg");
      background-size: 800px 600px;
      -webkit-box-shadow: 15px 15px 15px #000000 inset;
      box-shadow: 15px 15px 15px #000000 inset;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      position: static;
    .box-shad a {
        display:block;
        width:900px;
        height:700px;
    #portfolio {
      width: 100px;
      height: 100px;
      margin-top: 610px;
      margin-right: 200px;
      margin-left: -75px;
      margin-bottom: 50px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(92,87,58);
      position: relative;
      top: -900px;
      justify-content: center;
      align-content: center;
      text-align: 80px;
      text-indent: 77px;
      text-align-vertical: -5px;
    #portfolioprice {
      width: 100px;
      height: 100px;
      margin-top: 256px;
      margin-right: 200px;
      margin-left: -74px;
      margin-bottom: 50px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(119,87,35);
      position: relative;
      top: -800px;
      justify-content: center;
      align-content: center;
      text-align: center;
    #portfolioclassical {
      width: 100px;
      height: 100px;
      margin-top: -185px;
      margin-right: 200px;
      margin-left: -30px;
      margin-bottom: 250px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(119,87,35);
      position: relative;
      top: -800px;
      justify-content: center;
      align-content: center;
      text-align: center;
      text-indent: 60px;
    #portfolio2 {
      width: 100px;
      height: 100px;
      margin-top: -200px;
      margin-right: 200px;
      margin-left: -50px;
      margin-bottom: 50px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(119,87,35);
      position: relative;
      top: -800px;
      justify-content: center;
      align-content: center;
      text-align: center;
    #businesspageportfolio {
      /*this covers the circular portfolio link for hiphop and business*/
      width: 100px;
      height: 100px;
      margin-top: 700px;
      margin-right: 200px;
      margin-left: 225px;
      margin-bottom: 50px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(92,87,58);
      position: relative;
      top: -800px;
      display: flex;
      justify-content: center;
      align-content: center;
      text-align: center;
      align-items: center;
      text-indent: 77px;
    #textforbusiness{
      position top: -300px;
      margin-top: -840px;
      margin-left: 230px;
      margin-below: -50px;
      margin-bottom: -150px;
    .wrap {
    transition: -webkit-transition 1s ease-in;
    transition-delay: 1s, 2s;
    transition-duration: 1s .5s;
    .wrap:hover {
    -webkit-transform: translateZ(-200px);
    #portfoliobusiness {
      /*This is the circle for business on the portfolio page */
      width: 100px;
      height: 100px;
      margin-top: 262px;
      margin-right: 200px;
      margin-left: 176px;
      margin-bottom: 50px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(202,177,136);
      position: relative;
      top: -35px;
      justify-content: center;
      align-content: center;
      text-align: center;
      text-indent: 77px;
    #spacertwo {
    #portfoliohome {
      /*this is the circle on the portfolio page for home */
      width: 100px;
      height: 100px;
      margin-top: 76px;
      margin-right: 150px;
      margin-left: -398px;
      margin-bottom: 50px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(204,197,181);
      position: relative;
      top: -420px;
      justify-content: center;
      align-content: center;
      text-align: center;
      text-indent: 77px;
      line-height: 20px;
    #clearcircleportfolio {
      /* this is in the index page for portfolio link*/
    img src: url(images/clearcircle.png);
      width: 100px;
      height: 100px;
      margin-top: -102px;
      margin-left: -175px;
      left: -60px;
      z-index: 10;
      top: -60px;
    #clearcirlehomeportfoliopage {
      position: absolute;
      top: 8px;
      left: 10px;
      width: 700px;
      height: 900px;
      background-color: green;
    #clearcirclebusiness {
    img src: url(images/findme.png);
      width: 100px;
      height: 100px;
      margin-top: -192px;
      margin-left: -80px;
      margin-bottom: -90px;
      padding-bottom: -90px;
      -webkit-border-radius: 100%;
      border-radius: 50%;
      -webkit-border-radius: 50% 50%;
      left: 40px;
    #clearcircleclient {
    img src: url(images/findme.png);
      width: 100px;
      height: 100px;
      margin-top: -110px;
      margin-left: -00px;
      margin-bottom: -98px;
      padding-bottom: -90px;
      -webkit-border-radius: 100%;
      border-radius: 50%;
      -webkit-border-radius: 50% 50%;
      z-index: 9;
      top: 80px;
    #clientneeds {
      width: 100px;
      height: 100px;
      margin-top: -250px;
      margin-right: 200px;
      margin-left: 70px;
      margin-bottom: 0px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(138,116,79);
      position: relative;
      top: -800px;
      text-align: 200px;
      text-indent: 77px;
    #contact {
      width: 100px;
      height: 100px;
      margin-top: -100px;
      margin-right: 200px;
      margin-left: 225px;
      margin-bottom: 0px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(96,89,83);
      position: relative;
      top: -800px;
      text-indent: 113px;
      text-align: center;
      line-height: 55px;
    /*cleaercircle contact is the index page clear circle for contact-*/
    #clearcirclecontact {
    img src: url(images/clearcircle.png);
      width: 100px;
      height: 100px;
      margin-bottom: -90px;
      padding-bottom: -90px;
      -webkit-border-radius: 100%;
      border-radius: 50%;
      -webkit-border-radius: 50% 50%;
      z-index: 999;
      margin-left: -110px;
      margin-top: -121px;
    /*pricing is the price tan circle on index page*/
    #pricing {
      width:100px;
      height: 100px;
      margin-top: -100px;
      margin-right: 200px;
      margin-left: 380px;
      margin-bottom: 0px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(180,168,144);
      position: relative;
      top: -800px;
      text-align: center;
      text-indent: 115px;
      line-height: 55px;
    /*repeating the above on portfolio page*/
    #business {
      width: 100px;
      height: 100px;
      margin-top: -128px;
      margin-right: 50px;
      margin-left: 250px;
      margin-bottom: 0px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: white;
      position: relative;
      top: 200px;
      justify-content:center;
        align-content:center;
      text-align: center;
      text-indent: 90px;
    #classical {
      width: 100px;
      height: 100px;
      margin-top: -235px;
      margin-right: 200px;
      margin-left: 345px;
      margin-bottom: 0px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(215,170,38);
      position: relative;
      top: 50px;
      text-align: center;
      text-indent: 77px;
    #hiphop {
      width: 100px;
      height: 100px;
      margin-top: -250px;
      margin-right: 200px;
      margin-left:500px;
      margin-bottom: 0px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(213,164,97);
      position: relative;
      top: 200px;
      display: flex;
      text-align: center;
      text-indent: 115px;
      justify-content: center;
      align-items: center;
      line-height: 50px;
    #clearcirclehiphop {
    img src: url(images/clearcircle.png);
    width: 50px;
    height: 50px;
    margin-top: -270px;
    margin-left: -150px;
    margin-bottom: 90px;
    padding-bottom: 90px;
    -webkit-border-radius: 100%;
      border-radius: 50%;
      -webkit-border-radius: 50% 50%;
      z-index: 9;
    #clearcirclebusiness {
    img src: url(images/clearcircle.png);
    width: 50px;
    height: 50px;
    margin-top: -620px;
    margin-left: -450px;
    margin-bottom: 90px;
    -webkit-border-radius: 100%;
      border-radius: 50%;
      -webkit-border-radius: 50% 50%;
      z-index: 9;
    #rock {
      width: 100px;
      height: 100px;
      margin-top: -280px;
      margin-right: 50px;
      margin-left: 155px;
      margin-bottom: 0px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(119, 87, 35);
      position: relative;
      top: 200px;
      text-align: center;
    .vcenter{
        width: 100px;
        height: 100px;
      vertical-align: middle;
    .vcenter:before {
      content: " ";
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      float: left;
    .vcenter :first-child {
      display: inline-block;
      vertical-align: middle;
      left: -40px;
      text-align: center;
      top: -2px;
    #spacerhh {
    width: 200px;
    height: -80px;
    #spacerclassical {
    width: 200px;
    height: 50px;
    #spacerbusiness {
    width: 200px;
    height: 250px;
    #div22 {
      margin-top: 80px;
      margin-left: 200px;
    #div23{
    margin-top: -30px;
    #bustext {
      text-align: left
    Ul {
      list-style-type: square;
      margin-bottom: -29px;
    #clearcircleclassical {
    img src: url(images/findme.png);
    width: 50px;
    height: 50px;
    margin-top: -95px;
    margin-left: 0px;
    margin-bottom: -90px;
    -webkit-border-radius: 100%;
      border-radius: 50%;
      -webkit-border-radius: 50% 50%;
    #clearcirclebusiness {
    img src: url(images/clearcircle.png);
    width: 50px;
    height: 50px;
    margin-top: -120px;
    margin-left: 0px;
    margin-bottom: -90px;
    -webkit-border-radius: 100%;
      border-radius: 50%;
      -webkit-border-radius: 50% 50%;
    #clearcirclepricing {
      image src: url(images/findme.png);
      width: 600px;
      height: 600px;
      margin-top: -140px;
      margin-left: 50px;
    .mytext {
        width: 500px;
      height: 100px;
    .mytext1 {
        width: 500px;
      height: 50px;
    #facebook {
      margin-left: 170px;
      margin-top: -10px;
    #facebookpos {
      margin-left: -20px;
      margin-top: -670px;
      width: 900px;
      height: 900px;
    #linkedin {
      margin-left: 190px;
      margin-top: 20px;
      left: -150px;
    #linkedinposindex {
      margin-left: -20px;
      margin-top: 0px;
    #twitter {
      margin-left: 190px;
      margin-top: 20px;
    #twitterposindex {
    margin-left: -345px;
    margin-top: 5px;
    .prices {
      font-color: white;
      font-size: 14px;
      font-type: helvetica;
      margin-top: -180px;
      margin-left: 350px;
      z-index: 10;
      border: none;
      text-decoration: none;
    #iconsforpricing {
    margin-top: 950px;
    #businesslist {
    width: 600px;
    height: 800px;
    margin-top: 100px;
    #clearovalfortree {
      margin-left: -352px
    #facebookposprice {
      margin-top: -360px;
      margin-left: 30px;
    #linkedinposprice {
        margin-top: 0px;
      margin-left: 30px;
    #twitterposprice {
        margin-top: 0px;
      margin-left: -305px;
    #pricehome {
      width: 100px;
      height: 100px;
      margin-top: -0px;
      margin-right: 150px;
      margin-left: -275px;
      margin-bottom: 50px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(204,197,181);
      position: relative;
      top: -420px;
      justify-content: center;
      align-content: center;
      text-align: center;
    #priceportfolio {
      width: 100px;
      height: 100px;
      margin-top: 1100px;
      margin-right: 200px;
      margin-left: 175px;
      margin-bottom: 50px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(92,87,58);
      position: relative;
      top: -900px;
      justify-content: center;
      align-content: center;
      text-align: center;
    #priceclient {
      width: 100px;
      height: 100px;
      margin-top: -150px;
      margin-right: 200px;
      margin-left: 330px;
      margin-bottom: 50px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(138,116,79);
      position: relative;
      top: -900px;
      justify-content: center;
      align-content: center;
      text-align: center;
    #pricecontact {
      width: 100px;
      height: 100px;
      margin-top: -150px;
      margin-right: 200px;
      margin-left: 490px;
      margin-bottom: 50px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(96,89,83);
      position: relative;
      top: -900px;
      justify-content: center;
      align-content: center;
      text-align: center;
    #priceprice {
      width: 100px;
      height: 100px;
      margin-top: -150px;
      margin-right: 200px;
      margin-left: 655px;
      margin-bottom: 50px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(180,168,144);
      position: relative;
      top: -900px;
      justify-content: center;
      align-content: center;
      text-align: center;
    #test {
      width: 800px;
      height: 600px
      position: relative;
      margin-left: 262px;
      margin-top: 10px;
    #test img {
      width: 800px;
      height: 600px;
      position: absolute;
      left: -487px;
      top: 113px;
      -webkit-transition: opacity 1s ease-in-out;
      -moz-transition: opacity 1s ease-in-out;
      -o-transition: opacity 1s ease-in-out;
      transition: opacity 1s ease-in-out;
      margin-left: -80px;
    #test img.top:hover {
      opacity: 0;
    #footercontact {
    width 500px;
      top: 700px;
      margin-top: 1000px;
      width: 400px;
    #wilsontext {
      width: 300px;
      height: 100px;
      left: -10px;
      line-height:.45em;
    #clienthome {
      width: 100px;
      height: 100px;
      margin-top: 110px;
      margin-right: 150px;
      margin-left: -375px;
      margin-bottom: 50px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(204,197,181);
      position: relative;
      top: -420px;
      justify-content: center;
      align-content: center;
      text-align: center;
    #clearcircle {
    img src: url(images/findme.png);
      width: 50px;
      height: 50px;
      margin-top: -122px;
      margin-left: -250px;
      margin-bottom: -90px;
      padding-bottom: -90px;
      -webkit-border-radius: 100%;
      border-radius: 50%;
      -webkit-border-radius: 50% 50%;
      left: -50px;
    #angelface {
      margin-top: -160px;
      margin-left: 0px;
    #clientlinkportfolio {
    width: 100px;
      height: 100px;
      margin-top: 860px;
      margin-right: 200px;
      margin-left: 270px;
      margin-bottom: 50px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(92,87,58);
      position: relative;
      top: -900px;
      justify-content: center;
      align-content: center;
      text-align: center;
      text-indent: 77px;
    #clientlinkclient{
    width:100px;
      height: 100px;
      margin-top: -250px;
      margin-right: 200px;
      margin-left: 400px;
      margin-bottom: 0px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(138,116,79);
      position: relative;
      top: -800px;
      text-align: center;
      text-indent: 77px;
    #clientlinkcontact {
      width:100px;
      height: 100px;
      margin-top: -246px;
      margin-right: 200px;
      margin-left: 520px;
      margin-bottom: 0px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(96,89,83);
      position: relative;
      top: -800px;
      text-align: center;
      text-indent: 112px;
      line-height: 45px;
    #clientlinkprice {
    width: 100px;
      height: 100px;
      margin-top: -246px;
      margin-right: 200px;
      margin-left: 640px;
      margin-bottom: 50px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(119,87,35);
      position: relative;
      top: -800px;
      justify-content: center;
      align-content: center;
      text-align: center;
      text-indent: 115px;
      line-height: 45px;
    #checklist {
      margin-left: -120px;
      left: -320px;
    .portfoliolinkbackground {
      background-color: rgba(92,87,58,1);
      background-position: 50px 25px;
      height: 100px;
      width: 100px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      margin-left: 150px;
      position: relative;
      max-width: 100px;
      max-height: 100px;
      line-height: 20px;
      justify-content: center;
      align-content: center;
      text-align: center;
      text-indent: -1px;
      line-height: 99px;
    #portfoliolinkclear {
      position: absolute;
      top: 8px;
      left: 10px;
      width: 100px;
      height: 100px;
      background-color: transparent;
    #adtitletest {
      height: 200px;
      width: 800px;
      margin-top: -120px;
      margin-left: 275px;
      position: relative;
    #wilsontextgeneric {
      margin-top: 40px;
      margin-right: 40px;
      margin-left: 150px;
      margin-bottom: 0px;
      height: 80px;
      width: 325px;
      line-height: 10px;
    #cdcovergeneric {
      margin-top: 35px;
      margin-left: 150px;
      height: 500px;
      width: 500px;
    #facebookicon {
      margin-left: 220px;
      vertical-align: top;
      top: -20px;
    #linkedicon {
      left: 250px;
      margin-left: 236px;
      margin-bottom: 22px;
      width: 60px;
    #twittericon {
      margin-top: 5px;
      margin-left: 232px;
      width: 60px;
      height: 0px;
      top: -5px;
    #businesslinkport {
      height: 100px;
      width: 100px;
      margin-top: 10px;
      margin-left: 0px;
      position: relative;
      left: 350px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(202,177,136);
      justify-content: center;
      align-content: center;
      text-align: center;
      text-indent: 5px;
      line-height: 100px;
    #classicallinkport {
      height: 100px;
      width: 100px;
      margin-top: 150px;
      margin-left: 50px;
      position: relative;
      left: 100px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(215,170,38);
      justify-content: center;
      align-content: center;
      text-align: center;
      text-indent: 5px;
      line-height: 100px;
      top: -150px;
    #hiphoplinkport {
      height: 100px;
      width: 100px;
      margin-top: 0px;
      margin-left: -300px;
      position: relative;
      left: 450px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(213,164,97);
      justify-content: center;
      align-content: center;
      text-align: center;
      text-indent: 5px;
      line-height: 100px;
    #rocklinkport {
      height: 100px;
      width: 100px;
      margin-top: 200px;
      margin-left: 100px;
      position: relative;
      left: 50px;
      border-radius: 75%;
      -webkit-border-radius: 75% 75%;
      background: rgb(119, 87, 35);
      justify-content: center;
      align-content: center;
      text-align: center;
      text-indent: 5px;
      line-height: 100px;
      top: -200px;
    #businesslinkclear {
      position: absolute;
      top: 245px;
      left: 350px;
      width: 100px;
      height: 100px;
      background-color: transparent;
    #classicallinkclear {
      position: absolute;
      top: 245px;
      left: 510px;
      width: 100px;
      height: 100px;
      background-color: transparent;
    #hiphoplinkclear {
      position: absolute;
      top: 245px;
      left: 660px;
      width: 100px;
      height: 100px;
      background-color: transparent;
    #rocklinkclear {
      position: absolute;
      top: 245px;
      left: 810px;
      width: 100px;
      height: 100px;
      background-color: transparent;
    #test1 {
      width: 800px;
      height: 600px;
      position: relative;
      margin-left: -25px;
      margin-top: -550px;
    #test1 img {
      width: 800px;
      height: 600px;
      position: absolute;
      left: 347px;
      top: 390px;
      -webkit-transition: opacity 1s ease-in-out;
      -moz-transition: opacity 1s ease-in-out;
      -o-transition: opacity 1s ease-in-out;
      transition: opacity 1s ease-in-out;
      margin-left: -80px;
    .top1 {
      width: 800px;
      height: 600px
      position: relative;
      margin-left: 252px;
      margin-top: -0px;
    .top1: hover {
      width: 800px;
      height: 600px
      position: relative;
      margin-left: 252px;
      margin-top: -10px;
      background-image: treeinovalonlyforpossiblefade4.png;
    #clientchecklistnew {
      margin-left: 300px;
      left: 150px;
      margin-right: 60px;
      padding-left: 70px;
      margin-top: -150px;
      text-decoration: none;
    #clientchecklistnew a {
      text-decoration: none;
    #crossfade {
        position:relative;
        height:800px;
        width:600px;
    #crossfade img {
        position:absolute;
        left:230px;
      top: -150px;
        opacity: 1;
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;   
        transition: opacity 1s ease-in-out;
    #crossfade img.top:hover {
        opacity:0;

    Nancy,
    You are God!
    It worked!
    Thanks.
    I have a dumb basic question which is sort of related to your shambles comment, which I don't deny is true.
    I am confused about whether style.css files get affiliated with each separate HTML page or whether there is just one style.css file that is affiliated with all my HTML pages. If they are separate CSS files, how do I separate each style.css file?
    Best, P.

  • Text animation not working

    'm having some issues with some text animation. I'm trying to animate certain text boxes of a slide and not others...it all seems to work when I preview it, but when it comes to actually playing the slide, the animation does not appear. I've tried using the Magic Slide (not sure if that's quite the name) but that doesn't give me the animation options I'm looking for. Any ideas?

    Inspector???
    Yes
    Inspector > Animate > Add an Effect > Magic Move (inspector is the side panel on right)

  • Text animation not working in Captivate 5

    Hi there -- I am seeing some strange results and need some help troubleshooting.
    I have one project and on the first slide I have an image, a text animation, and video.  I view it and everything plays perfectly.  Here is what the timeline and properties looks like:
    I removed the video and resaved the project under a different name.
    But when I preview the movie, it does not play the text animation.  When I play it from the timeline I do see the text and the animation.  But when I preview the project and publish and view the movie the text animation is not included.
    This is are the settings in the second project (which match the first b/c I simply saved the project as a different name).
    I added another text animation to the second project and that also did not play in preview or after publishing.  But the first project works fine.
    Any ideas on why text animation would be playing in one project but not another project?
    Thanks!

    Text Animation works in one and not in the other.  It doesn't matter the order in which it is located on the slide.
    I have been doing more tests and just ran into an interesting bug.
    I recreated the original steps:
    1) Take the working .cptx (which has graphics, text animation,  and video)
    2) Resave under a new name
    3) Remove the video
    Everything seemed to be working fine.  When I previewed, the text animation works.
    Then I published using two different settings:
    Version 1:  Externalize Skin, AutoPlay, No Preload
    Version 2:  Nothing External, AutoPlay, Preload
    Weird thing is with version 1, the skin is externalized as a separate swf, and it does not play the title text animation.
    But version 2, when nothing is set to be external it plays fine.
    They are both being published from the same exact .cptx only difference is how I published.

  • I copy text, paragraph styles, character styles & images from 1 document to another only text copies

    I have a few documents that have text and images that is frequently repeated through many chapters of an In Design book. (Printing, exporting etc.) I used to select all in the source document, Command + C to copy it, change to the target document, Command + V to paste it. It worked well for six months.
    About two weeks ago it stopped working (shortly after an update to In Design). I have text, paragraph styles, chacter styles and images in each document. Only the plain text copies over. This is the same for any document.
    I haven't changed Preferences in six months.
    I'm on a Mac 10.8.2, In Design CS6 version 8.0.1.
    It's driving me crazy! It's a lot of work to reformat each 2  to 10 pages after copying it in.
    Steven Hussey

    Source:
    Target:
    Here you go.
    Steve

  • Text Link Styles not working in Footer Section

    I have a master page with a footer that has three columns of navigation text links inside.
    In order to match my design I have created a customer text link style for these links.
    However when I preview my site (in muse and browsers) the roll over effect (should show an underline) doesn't work.
    I've searched the forums and found that someone else had a similar problem and it was down to them having a paragraph and character style stacked on top of one another. However I have checked this on my links and this is not the case.
    NOTE: I have already successfully managed to create a similar style that resides in a side bar navigation panel in some of the sites internal pages and these link styles are working fine.
    So, I'm not sure if the file has become corrupt or if I'm missing something that I've done wrong?
    One question I have is at which point to you apply the text link style?
    1. By clicking on the line of text to select it?
        OR
    2. By clicking further into the text box; as if you were editing it, then selecting all of the characters in the word you want to make a link. With the word selected, click on the style name in the Character Panel to apply it?
        OR
    3. as with the above example, once you have selected all of the characters in the word you want to make a link. Click on the Hyperlink drop down arrow (from the main toolbar) and choose the style name you wish to apply, from the drop down box 'Text Link Style'
    NOTE:
    I'm running version v2.3, Build 50, CL 771675
    AIR Runtime: 3.5.0.600
    UPDATE:
    I couldn't wait any longer, so I just deleted the text boxes and styles and re-created them both and they seem to work now. Lot of additional work though that I'd rather have not had to do.

    Sorry, I forgot to say, to see how the email link at the
    bottom of the page should look please see www.bethhockley.com
    Thanks,
    Beth

  • Premiere elements 7 error while playing text animation

    I installed premiere elements 7 on my 64 bit windows 7 os. Everything has worked fine so far except when I play a clip that involves text animation. It starts to play then freezes. A box pops up and says "Adobe Premiere Elements.exe has stopped working" Windows tries to detect the problems and it says, "A problem has caused the program to stop working correctly windows will close the program and notify you if a solution."
    The is a brand new computer and meets all of the requirements. I have it installed on my laptop using Vista with no problem.
    thanks

    Windows 7 64-bit seems to be causing a lot of problems for Premiere Elements users. This is not a problem with the program or the operating system. It's most likely related to the OS's 64-bit drivers, which are not yet fully compatible with 32-bit programs.
    Have you gone to Windows Updates and ensured you have even the non-critical updates (particularly the hardware drivers)?
    If it is a Dell, have you gone to the Dell site, looked up your model and ensured you have all of the Dell updates?
    Do you have the latest version of Quicktime?
    These are not guaranteed to fix your problem. You are, after all, using a brand-new 64-bit operating system that has not yet fully evolved. But they'll certainly increase the odds in your favor.

  • Text Animation Presets do not load.

    Text animation presets do not load in After Effects CC (or Adobe Bridge when browsing presets). They don't show up in Effects & Presets panel. I believe they used to show up but no longer. They are in the presets folder so I'm not sure why they won't load in either program.
    Any help appreciated.
    James

    They show up for me and everybody I know except you. Without knowing something about your system, about whether this is new behavior, and without knowing what if anything has changed on your system I have no idea how to help you.

  • Does Bridge CC have more text animation presets then Bridge CS6?

    so I upgrade from CS6 to CC and did not install Bridge CC. Then while in After Effects CC I try to view the text animation presets, but window informs me I do not have Bridge CC installed. I then download and install Bridge CC and view the animation presets, but seem all the same as Bridge CS6 has.
    My question is - Does Bridge CC have more text animation presets then Bridge CS6.
    Is there another procedure to acquire more? Did I click past something on my first launch of Bridge CC?

    My question is - Does Bridge CC have more text animation presets then Bridge CS6.
    Best try this in the After Effect forum, to my knowledge not many AE users are here at a regular base. Besides that, every suite version has its dedicated applications to work together in that suite, CC is no exception to that so for best practice use Bridge CC.

  • Inline text-shadow style property missing

    Hi, I'm wondering if anyone has come across this as I'm at a loss trying to debug it.
    I create a composition with text that has a text-shadow. The text shadow is there when I preview in IE11. I upload to my own site and it works fine.
    Update: I've checked the composition in the LCMS on other browsers and the text-shadow is there. Looks like it could be an IE issue.
    However, when I upload to my clients LCMS, all works correctly, except there are no text-shadows. When I inspect the code produced, the inline text-shadow style property is missing i.e. it is not hard coded in! Everything else is as expected.
    In order to deploy the composition to my clients LCMS, I have to change some image url's but otherwise, there are no differences.
    I can't work out why the JavaScript is not writing the text-shadow to the elements.
    Does anyone know where I can put checks in my JS to see what is happening?
    Thanks for any help.
    Cheers,
    Patrick

    Of course, text shadows are not supported in IE9 in particular. I am not sure whether filter is still supported though. You might want to check that out.
    Try using filter instead in your css code like:
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45);
    Note: keep text-shadow for the other browsers too.
    Hope it works but I make no promise.

  • Help with drop-in text animation

    Hi Folks,
    I'm trying to create a specific text animation, but I'm having a little difficulty.  I'd like to have the text drop in in a random order into its final spot.  I can get close using the text drop-in animation, but I'd really like the 'source' of the text dropping in to be from a single point.  Picture a watering can pouring the letters out and they randomly fall into their correct spot in a phrase. The default look of the drop-in animation is that each character drops from its corresponding spot in the phrase. I've played with changing the tracking, using the 'before' setting and managed to squeeze the space that the text is dropping from, but that causes the letter to appear to move after they've already landed.  You can see a rough draft here:  http://www.c2-it.com/clients/a/textdrop.mov
    Does anyone have any suggestions on how I can get closer to what I'm looking for?
    Thanks,
    CJ

    Todd, thanks for the reference to the tutorials.  They helped me understand a little more how the animators work.
    Mylenium, I'm still a little confused on your approach.  I've got the base text layer and added an animator for opacity.  I set it for random and that works fine, the letters randomly appear and complete the phrase.  For the 'pouring in' part, I added a second text layer and animated the position property, but the text still originates from its original place in the phrase.  I can't get it to originate from a single point.  Also, I'm not even sure I understood about using multiple selectors for the 1st layer.  Just using the animator for opacity with a random setting seems to provide the correct 'ending' of the animation.
    Thanks Again,
    CJ

  • Problem with text-indent style , select tag on IE

    Hi Developers,
    i tried text-indent style class for <select> <option> tag .. The following given code is working on Mozilla fire box browser, but it is not working on IE..
    I am trying to build a tree structure in the list box with multiple levels without ' ' and <OPTGROUP> does not support multiple levels.
    Here is the example with multiple levels.
    <html>
    <head>
    <title>Main </title>
    <style>
    .style {color:green;font-weight:bold}
    .style1 {text-indent:45px;color:red;}
    .style2 {text-indent:90px;color:blue;}
    .style3 {text-indent:135px;color:green;}
    </style>
    </head>
    <body>
    <form name="form1">
    <select name="retail" >
    <option selected disabled value="">Tree Structure</option>
    <option value="Father" class="style">Father</option>
    <option class="style1" value="/retail/chandler/">Son 1</option>
    <option class="style2" value="/retail/chandler/">Grand Son 1</option>
    <option class="style2" value="/retail/chandler/">Grand Son 2</option>
    <option class="style3" value="/retail/chandler/">Great Grand Son 1</option>
    <option class="style3" value="/retail/chandler/">Great Grand Son 2</option>
    <option class="style2" value="/retail/chandler/">Grand Son 3</option>
    <option class="style1" value="/retail/chandler/">Son 2</option>
    </select>
    </form>
    </body>
    </html>
    Please help me out by providing a solution to this issue.

    You have bigger problems than you realize.   On this page - the one after the Splash intro page,
    http://www.transgenic-rabbit-models.com/Home.html
    As seen in Firefox with increased text.  See screenshot.
    Notice how your text boxes are colliding into other text boxes?  This happens when web designers paint themselves into a corner with a rigid layout.  Web pages must be flexible for all screen and text sizes.
    You are using APDivs as a primary layout method which is a bad choice.  And here is why.
    http://apptools.com/examples/pagelayout101.php
    Suggested Tutorials -
    From  Tables to CSS Web Design Part 1 -
    http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
    From   Tables to CSS Web Design Part 2 -
    http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

Maybe you are looking for