Deixar site em Manutenção - Webnode, Blogger, Wordpress, Etc.

Precisa fazer reformas brutas no site e não quer divulgar logo de cara as mudanças? Adicione nosso widget de Manutenção que deixa na Tela do visitante uma mensagem informando a manutenção, e impedindo o mesmo de acessar o site. 

Atenção! Muitas pessoas estão adicionando este widget como "Texto e Imagens", e com isso não estão acessando o editor do site. Adicione como "Codigo Embutido", presente na opção "Mais". Voce pode tambem arrastar a opção "Mais" para algum lugar de seu site, e postar o codigo.

Vamos lá então. Como estou meio sem tempo irei disponibilizar 4 modelos de diferentes cores.

Laranja com fundo preto

Veja a demo

Para adicionar copie e cole como Widget em seu site webnode, modificandos os textos em negrito.

<div style="width: 730px; height: 395px; z-index: 1000; position: fixed; visibility: visible; top: 156px; left: 227px; "><div style="margin: 0px; padding: 0px; font-style: normal; text-decoration: none; font-weight: normal; border: none; width: 100%; position: relative; "><div style="margin: 0px; padding: 60px 40px; font-style: normal; text-decoration: none; font-weight: normal; border: 10px solid rgb(255,69,0); width: 100%; background-color: rgb(255,140,0); background-position: initial initial; background-repeat: initial initial; "><div style="margin: 72px 0px 0px; padding: 0px; font-style: normal; text-decoration: none; font-weight: normal; border: none; float: right; width: 415px; "><img style="margin: 0px; padding: 0px; font-style: normal; text-decoration: none; font-weight: normal; border: none; " src="https://maiochristopher-experiences.webnode.com/_files/200000016-4634348883/ops%20maiochristopher.png"><h6 style="margin: 7px 0px 0px; padding: 0px; font-style: italic; text-decoration: none; font-weight: bold; border: none; font-variant: normal; font-size: 36px; line-height: normal; font-family: georgia; color: rgb(92, 60, 15); text-shadow: rgb(0, 0, 0) -1px -1px 1px; ">Site em Manutenção!</h6><p style="margin: 0px; padding: 0px; font-style: normal; text-decoration: none; font-weight: bold; border: none; font-variant: normal; font-size: 14px; line-height: normal; font-family: arial; color: rgb(181, 119, 30); ">Estamos revisando nossos servidores! Volte mais tarde</p></div><img style="margin: 0px; padding: 0px; font-style: normal; text-decoration: none; font-weight: normal; border: none; width: 300px; display: block; " src="https://1a8b82ec33.clvaw-cdnwnd.com/1fedf365db830576bbddcbef359ba6a2/200000691-8c0a58d041/imagen002515.png"></div></div><div style="position: fixed; background-color: rgb(0,0,0); z-index: 999; width: 2000px; height: 2000xp; top: 0px; left: 0px; background-position: initial initial; background-repeat: initial initial; " id="_sa_modalbg"></div> </div><div style="position: fixed; background-color: rgb(0,0,0); z-index: 999; width: 3000px; height: 3000px; top: 0px; left: 0px; background-position: initial initial; background-repeat: initial initial; " id="_sa_modalbg"></div> 

Verde com fundo preto

Veja a demo

Para adicionar copie cole como Widget em seu site webnode, modificando os textos em negrito.

<div style="width: 730px; height: 395px; z-index: 1000; position: fixed; visibility: visible; top: 156px; left: 227px; "><div style="margin: 0px; padding: 0px; font-style: normal; text-decoration: none; font-weight: normal; border: none; width: 100%; position: relative; "><div style="margin: 0px; padding: 60px 40px; font-style: normal; text-decoration: none; font-weight: normal; border: 10px solid rgb(0,139,0); width: 100%; background-color: rgb(0,205,0); background-position: initial initial; background-repeat: initial initial; "><div style="margin: 72px 0px 0px; padding: 0px; font-style: normal; text-decoration: none; font-weight: normal; border: none; float: right; width: 415px; "><img style="margin: 0px; padding: 0px; font-style: normal; text-decoration: none; font-weight: normal; border: none; " src="https://maiochristopher-experiences.webnode.com/_files/200000016-4634348883/ops%20maiochristopher.png"><h6 style="margin: 7px 0px 0px; padding: 0px; font-style: italic; text-decoration: none; font-weight: bold; border: none; font-variant: normal; font-size: 36px; line-height: normal; font-family: georgia; color: rgb(92, 60, 15); text-shadow: rgb(0, 0, 0) -1px -1px 1px; ">Site em Manutenção!</h6><p style="margin: 0px; padding: 0px; font-style: normal; text-decoration: none; font-weight: bold; border: none; font-variant: normal; font-size: 14px; line-height: normal; font-family: arial; color: rgb(181, 119, 30); ">Estamos revisando nossos servidores! Volte mais tarde</p></div><img style="margin: 0px; padding: 0px; font-style: normal; text-decoration: none; font-weight: normal; border: none; width: 300px; display: block; " src="https://1a8b82ec33.clvaw-cdnwnd.com/1fedf365db830576bbddcbef359ba6a2/200000691-8c0a58d041/imagen002515.png"></div></div><div style="position: fixed; background-color: rgb(0,0,0); z-index: 999; width: 2000px; height: 2000xp; top: 0px; left: 0px; background-position: initial initial; background-repeat: initial initial; " id="_sa_modalbg"></div> </div><div style="position: fixed; background-color: rgb(0,0,0); z-index: 999; width: 3000px; height: 3000px; top: 0px; left: 0px; background-position: initial initial; background-repeat: initial initial; " id="_sa_modalbg"></div> 

Vermelho e fundo preto

Ver Demo

Para adicionar copie e cole com widget em seu site webnode, modificando os textos em negritos.

<div style="width: 730px; height: 395px; z-index: 1000; position: fixed; visibility: visible; top: 156px; left: 227px; "><div style="margin: 0px; padding: 0px; font-style: normal; text-decoration: none; font-weight: normal; border: none; width: 100%; position: relative; "><div style="margin: 0px; padding: 60px 40px; font-style: normal; text-decoration: none; font-weight: normal; border: 10px solid rgb(139,0,0); width: 100%; background-color: rgb(238,0,0); background-position: initial initial; background-repeat: initial initial; "><div style="margin: 72px 0px 0px; padding: 0px; font-style: normal; text-decoration: none; font-weight: normal; border: none; float: right; width: 415px; "><img style="margin: 0px; padding: 0px; font-style: normal; text-decoration: none; font-weight: normal; border: none; " src="https://maiochristopher-experiences.webnode.com/_files/200000016-4634348883/ops%20maiochristopher.png"><h6 style="margin: 7px 0px 0px; padding: 0px; font-style: italic; text-decoration: none; font-weight: bold; border: none; font-variant: normal; font-size: 36px; line-height: normal; font-family: georgia; color: rgb(92, 60, 15); text-shadow: rgb(0, 0, 0) -1px -1px 1px; ">Site em Manutenção!</h6><p style="margin: 0px; padding: 0px; font-style: normal; text-decoration: none; font-weight: bold; border: none; font-variant: normal; font-size: 14px; line-height: normal; font-family: arial; color: rgb(181, 119, 30); ">Estamos revisando nossos servidores! Volte mais tarde</p></div><img style="margin: 0px; padding: 0px; font-style: normal; text-decoration: none; font-weight: normal; border: none; width: 300px; display: block; " src="https://1a8b82ec33.clvaw-cdnwnd.com/1fedf365db830576bbddcbef359ba6a2/200000691-8c0a58d041/imagen002515.png"></div></div><div style="position: fixed; background-color: rgb(0,0,0); z-index: 999; width: 2000px; height: 2000xp; top: 0px; left: 0px; background-position: initial initial; background-repeat: initial initial; " id="_sa_modalbg"></div> </div><div style="position: fixed; background-color: rgb(0,0,0); z-index: 999; width: 3000px; height: 3000px; top: 0px; left: 0px; background-position: initial initial; background-repeat: initial initial; " id="_sa_modalbg"></div> 

Cinza com fundo branco

https://maiochristopher-experiences.webnode.com/_files/200000019-0b7b80d8c9/branco.png

Veja a demo

Copie e cole como Widget em seu site webnode, modificando os textos em negritos

<div style="width: 730px; height: 395px; z-index: 1000; position: fixed; visibility: visible; top: 156px; left: 227px; "><div style="margin: 0px; padding: 0px; font-style: normal; text-decoration: none; font-weight: normal; border: none; width: 100%; position: relative; "><div style="margin: 0px; padding: 60px 40px; font-style: normal; text-decoration: none; font-weight: normal; border: 10px solid rgb(0,0,0); width: 100%; background-color: rgb(28,28,28); background-position: initial initial; background-repeat: initial initial; "><div style="margin: 72px 0px 0px; padding: 0px; font-style: normal; text-decoration: none; font-weight: normal; border: none; float: right; width: 415px; "><img style="margin: 0px; padding: 0px; font-style: normal; text-decoration: none; font-weight: normal; border: none; " src="https://maiochristopher-experiences.webnode.com/_files/200000016-4634348883/ops%20maiochristopher.png"><h6 style="margin: 7px 0px 0px; padding: 0px; font-style: italic; text-decoration: none; font-weight: bold; border: none; font-variant: normal; font-size: 36px; line-height: normal; font-family: georgia; color: rgb(92, 60, 15); text-shadow: rgb(0, 0, 0) -1px -1px 1px; ">Servidores em Manutenção!</h6><p style="margin: 0px; padding: 0px; font-style: normal; text-decoration: none; font-weight: bold; border: none; font-variant: normal; font-size: 14px; line-height: normal; font-family: arial; color: rgb(181, 119, 30); ">Estamos Reparando Nossos Servidores - Em Breve Voltaremos Ao Estado Normal!</p></div><img style="margin: 0px; padding: 0px; font-style: normal; text-decoration: none; font-weight: normal; border: none; width: 300px; display: block; " src="https://1a8b82ec33.clvaw-cdnwnd.com/1fedf365db830576bbddcbef359ba6a2/200000691-8c0a58d041/imagen002515.png"></div><img src="" style="width: 600px; height: 150px; clear: both; margin: 5px 0px 0px; "></div></div><div style="position: fixed; background-color: rgb(255,255,255); z-index: 999; width: 3000px; height: 3000px; top: 0px; left: 0px; background-position: initial initial; background-repeat: initial initial; " id="_sa_modalbg"></div>
 

Caso queira um modelo personalizado com sua logomarca, contate pelo chat ao lado.

Você Colocou este codigo no Bloco de Textos e Imagens? Se sim, o editor nao esta aparecendo ? Clique aqui para resolver com um tutorial

Creditos Totais para MaioChristopher

 

contador free

Deixar seu site webnode em manutenção , deixar site em manutenção , colocar aviso de blog em manutenção , impedir que usuarios mechem no site em manutenção , mensagem de site em manutenção , simples script de site em manutenção

 

Enquete

Qual você prefere?

Séries (2.291)
Filmes (1.213)
Desenhos (1.158)
Clipes (1.071)
Nenhum (1.049)

Total de votos: 6782

Enquete

Você acha que o celular é o novo console da atualidade?

Sim (1.361)
Não (1.403)

Total de votos: 2764