Switch

<!DOCTYPE html>
<html>
    <head>
     <title>{Title}</title>
 <link rel="shortcut icon" href="{Favicon}">
 <link rel="altertnate" type="application/rss+xml" href="{RSS}">

     <meta name="text:2nd title" content="I've moved to" />
     <meta name="text:url" content="YourUrl" />
     <meta name="image:bg" content="" />

        <style>


         body{
        color:#000;
        font-size:12px;
        font-family:"arial";
        line-height:150%;
        background: url({image:bg}) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
         }

         a{
        font-weight:bold;
        text-decoration:none;
        color:black;
         }

         a:hover{
        color:white;
         }


       #cont:hover a{
        color:white;
         }

         #container{
        height:300px;
        width:440px;
        margin-top:200px;
        margin-left:200px;
   -moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
         }

       #first-text{
            position:fixed;
        background:black;
        color:white;
        font-family:"arial black";
        font-size:50px;
        padding:35px;
        -moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
       }

       #cont:hover #first-text{
        background:white;
        color:black;
        -moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
        }


        #cont:hover #second-text{
             background:black;
             -moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
         }


       #second-text{
           width:auto;
        position:fixed;
        background:white;
        color:black;
        font-family:"arial black";
        font-size:50px;
        padding:35px;
        margin-top:-200px;
        margin-left:40%;
        -moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;

       }

     #credit {
    position:fixed;
    font-size:12px;
    color:#000;
    width:18px;
    height:18px;
    padding-right:2px;
    padding-bottom:2px;
    background:#fff;
    font-weight:bold;
    overflow:hidden;
    border:1px solid #eee;
    line-height:150%;
    letter-spacing:2px;
    top:30px;
    left:30px;
    text-transform:lowercase;
    text-align:center;
    font-style:none;
  -moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;

}

    #credit:hover{
    width:auto;
   -moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

    #credit a {
    letter-spacing: 0px;
    padding:3px;
    color:#000;
    font-style:none;
   -moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

            /* Custom CSS */
            {CustomCSS}
        </style>
    </head>
    <body>

    <div id="cont">
   <div id="container">
       <div id="first-text">

           I've moved to

       </div>


   </div>


<div id="second-text">

<a href="http://{text:url}.tumblr.com">{text:url}</a>
</div>
   ></div>


 <div id="credit"><a href="http://257pxthemes.tumblr.com/">© 257px thm.</a></div>
    </body>
</html>