<link href='http://fonts.googleapis.com/css?family=Oswald|Old+Standard+TT:400,400italic' rel='stylesheet' type='text/css'><style type="text/css">#stusig { width: 500px; height: 250px; background-image: url(LINKIMAGEM500X250); position: relative; border-top: 50px solid #000; border-bottom: 50px solid #000; } .stusiglyric { width: 300px; height: 25px; position: absolute; top: 112px; left: 100px; line-height: 25px; background-color: rgba(255,255,255,0.7); font-family: old standard tt; font-style: italic; font-size: 9px; text-transform: lowercase; color: #000; letter-spacing: 3px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #stusig h1 { position: absolute; left: 100px; width: 300px; top: 109px; height: 1px; background-color: rgba(255,255,255,0.3); margin: 0px; } #stusig h2 { position: absolute; left: 100px; width: 300px; top: 139px; height: 1px; background-color: rgba(255,255,255,0.3); margin: 0px; } .stulinksone { opacity: 0; filter: alpha(opacity=0); position: absolute; top: 59px; left: 100px; width: 300px; height: 50px; text-transform: uppercase; font-family: oswald; font-size: 10px; color: transparent; text-shadow: 0px 0px 15px #FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .stulinksone a { float: left; display: block; height: 50px; text-align: center; line-height: 50px; width: 100px; color: white; background-color: rgba(0,0,0,0.3); text-transform: uppercase; font-family: oswald; font-size: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .stulinksone a:hover { background-color: rgba(255,255,255,0.7); color: #000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #stusig:hover .stulinksone { opacity: 1; filter: alpha(opacity=100); color: #000; text-shadow: 0px 0px 0px #000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .stulinkstwo { opacity: 0; filter: alpha(opacity=0); position: absolute; top: 140px; left: 100px; width: 260px; letter-spacing: 1px; height: 10px; padding: 20px; text-transform: uppercase; background-color: rgba(0,0,0,0.3); font-family: calibri; font-size: 8px; line-height: 10px; color: transparent; text-shadow: 0px 0px 15px #FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #stusig:hover .stulinkstwo { opacity: 1; filter: alpha(opacity=100); color: #FFF; text-shadow: 0px 0px 0px #000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #stusig:hover .stusiglyric { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } </style><center><div id="stusig"><div class="stusiglyric">NOME AQUI</div></div></center>

<center><div class="destinatario">NOME DA PESSOA / SAUDAÇÃO<div style="width:450px; height: 200px; font-famiily: Arial; font-size: 12px; color: black; padding: 30px 20px; overflow:auto;">[font=Georgia]MENSAGEM, MENSAGEM, MENSAGEM, MENSAGEM, MENSAGEM, MENSAGEM, MENSAGEM, MENSAGEM, MENSAGEM, MENSAGEM, MENSAGEM, MENSAGEM, MENSAGEM, MENSAGEM, MENSAGEM, MENSAGEM, MENSAGEM, MENSAGEM, MENSAGEM, MENSAGEM, MENSAGEM.[/font]


<div style="font-size: 40px; font-family: Mr De Haviland; text-align: right; color: black; letter-spacing: 0px; position: relative; top: 10px;">TEU PRIMEIRO E ÚLTIMO NOME/ASSINATURA</div></center><div style="width: line-height: 13px; font-family: georgia; color: gray; letter-spacing: 2px;  font-size:6.5px; text-transform: uppercase; text-align: center">[url=http://www.oursourcecode.net/u1003]luvchibidesu[/url] @ [url=http://www.oursourcecode.net/]SC[/url]</div><link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Mr+De+Haviland' rel='stylesheet' type='text/css'><style type="text/css"> .destinatario {width: 500px; height:45px; font-family: 'Rochester'; font-size: 28px; color: black; text-align: center;  overflow: hidden; padding-top: 10px; -moz-transition:all 1.5s ease-in-out; -webkit-transition:all 2s ease-in-out; background-image: url(http://i.imgur.com/aO9nPPa.png); position: center;  -moz-transition:all 2s ease-in-out; -webkit-transition:all 2s ease-in-out; } .destinatario:hover {width: 500px; height:300px; font-family: 'Rochester'; color: black; font-size: 30px;  text-align: center;  -moz-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;}</style><style type="text/css">div::-webkit-scrollbar { height: 32px; width: 5px; background: #EEEEEE; } div::-webkit-scrollbar-thumb { background: #E69D17; } div::-webkit-scrollbar-track { background:#9A793D; }</style>