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
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
