De fato, algumas das administrador do blog ao entrar festa ou dia histórico muitas vezes criam mensagens na forma de parabéns. A partir de fazer a demarcação, a caixa de diálogo e outros.
1. Cole o seguinte código CSS acima do ]]></b:skin> ou </ Style>
/* Pesan Pembuka Homepage */
#welcomebox {position: fixed;top: 10%;left: 50%;width: 70%;margin-left: -37%;z-index: 1000000;text-align: center;background: rgba(0, 0, 0, 0.5);padding: 20px 2%;}
#welcomebox p{color: #FFF;font-size: 150%;line-height: 1.6em;margin: -5px 0 50px;font-family: cursive;}
.welcomeclose {background: #FFF;color: #06F;border-radius: 3px;padding: 4px 10px;text-align: center;margin: 0 auto;cursor: pointer;display: inline;font-weight: bold;}
.welcomeclose:hover {background-color:#DDD}
#welcomeoverlay, #welcomeoverlay2 {position:fixed !important;z-index:999999;margin: auto;top:0px;right:0px;bottom:0px;left:0px;background: linear-gradient(#000, #09F);}
#welcomeoverlay2 {background: url(http://goo.gl/ftdBGk) no-repeat top center;}
#welcomebox {position: fixed;top: 10%;left: 50%;width: 70%;margin-left: -37%;z-index: 1000000;text-align: center;background: rgba(0, 0, 0, 0.5);padding: 20px 2%;}
#welcomebox p{color: #FFF;font-size: 150%;line-height: 1.6em;margin: -5px 0 50px;font-family: cursive;}
.welcomeclose {background: #FFF;color: #06F;border-radius: 3px;padding: 4px 10px;text-align: center;margin: 0 auto;cursor: pointer;display: inline;font-weight: bold;}
.welcomeclose:hover {background-color:#DDD}
#welcomeoverlay, #welcomeoverlay2 {position:fixed !important;z-index:999999;margin: auto;top:0px;right:0px;bottom:0px;left:0px;background: linear-gradient(#000, #09F);}
#welcomeoverlay2 {background: url(http://goo.gl/ftdBGk) no-repeat top center;}
2. Salve o seguinte código HTML logo abaixo do <body>
<style>
#welcomebox {position:fixed;top:5%;left:50%;width:70%;margin-left:-35%;z-index:1000000;text-align:center;}
#welcomebox p{color:#fff;font-size:150%;line-height:1.6em;margin:-5px 0 50px;}
.welcomeclose {background:transparent url("http://i.imgur.com/ypBzaUj.jpg") no-repeat center top;
margin:0 0 0;
padding:10px 0 8px 10px;
line-height:1.4em;
}
.welcomeclose:hover {background-color:transparent}
#welcomeoverlay {position:fixed !important;position:absolute; z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:#000000 url(http://i.imgur.com/4Jn9IGO.jpg) no-repeat top center;}
</style>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<div id='welcomeoverlay'/>
<div id='welcomebox'><div style='text-align: right;'>
<span style='font-size: xx-small;'>Autor da página <b>Pedro Brandão,</b></span>
</div>
<p>Site em Manutenção<br/>
Quando a farra é boa, a noite é longa e o dia curto!<br/>
.......<br/>
</p>
<div class='welcomeclose' onclick='document.getElementById("welcomebox").style.display="none";welcomeoverlay.style.display="none";'>..</div>
<a href='http://juntosnafarra.blogspot.com/' style='bottom: 0px; display: scroll; position: fixed; right: 0px;'><img alt='DicasHot' border='0' id='DicasHot' onmouseout='this.style.opacity=0.5;this.filters.alpha.opacity=50' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='http://i.imgur.com/uJuCQeY.jpg' style='opacity: 0.5;'/></a>
</div>
#welcomebox {position:fixed;top:5%;left:50%;width:70%;margin-left:-35%;z-index:1000000;text-align:center;}
#welcomebox p{color:#fff;font-size:150%;line-height:1.6em;margin:-5px 0 50px;}
.welcomeclose {background:transparent url("http://i.imgur.com/ypBzaUj.jpg") no-repeat center top;
margin:0 0 0;
padding:10px 0 8px 10px;
line-height:1.4em;
}
.welcomeclose:hover {background-color:transparent}
#welcomeoverlay {position:fixed !important;position:absolute; z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:#000000 url(http://i.imgur.com/4Jn9IGO.jpg) no-repeat top center;}
</style>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<div id='welcomeoverlay'/>
<div id='welcomebox'><div style='text-align: right;'>
<span style='font-size: xx-small;'>Autor da página <b>Pedro Brandão,</b></span>
</div>
<p>Site em Manutenção<br/>
Quando a farra é boa, a noite é longa e o dia curto!<br/>
.......<br/>
</p>
<div class='welcomeclose' onclick='document.getElementById("welcomebox").style.display="none";welcomeoverlay.style.display="none";'>..</div>
<a href='http://juntosnafarra.blogspot.com/' style='bottom: 0px; display: scroll; position: fixed; right: 0px;'><img alt='DicasHot' border='0' id='DicasHot' onmouseout='this.style.opacity=0.5;this.filters.alpha.opacity=50' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='http://i.imgur.com/uJuCQeY.jpg' style='opacity: 0.5;'/></a>
</div>
Claro que você pode mudar a mensagem. Esperemos ter ajudado ^ _ ^
Agora é Salvar o modelo.
Comentários (0)
Anterior
Assine o Feed
Adicione ao Google
Receba por Email
Twitter
