Loading...

Poner tu web en construccion (Diseño de PWG)


 

Poner tu web en construccion (Diseño de PWG)

 
Ojo mucha atención poner esto no es obligatorio solo es una opción para que que quiera colocar su web en construcción de esta manera, empecemos con el tutorial:

1) Primero vamos al menú de Su kit de construcción > Controlar extras > Agregar extras > Intro > Agregar extra



2) Segundo vamos a insertar el código CSS y el HTML para instarle el diseño del intro el diseño es de Webme no esta editado nada solo el nombre de unas llaves para utilizarlo en el código html no he intentado plagear nada ya que es un aporte para los usuarios de PWG, el diseño es de cuando una web no existe o esta bloqueada, y quitar el botón de la intro acontinuación les dejo la imagen explicando todo:



Código HTML:
<div id="main">
<div class="header">
<h1><a href="http://www.PaginaWebGratis.es/" title="webme GmbH"><span>webme GmbH</span></a></h1>
</div>
<h2 class="note">¡Esta pagina esta en construcción!</h2>
<div class="additional_info">

<p>Mensaje para los visitantes.</p>

</div>
</div>
<div id="time">
<meta http-equiv="refresh" content="60;url=http://paginawebgratis.es/" />
<p>En <b>60</b> segundos sera dirigido a paginawebgratis.es</p>
</div>

+ ¡Esta pagina esta en construcción!: Este es el titulo que va a mostrar el intro.

+ Mensaje para los visitantes: Es para poner un mensaje para los visitates por ejemplo los motivos de por que esta en construcción la web pueden poner lo que ustedes quieran.

+ 60: Es el tiempo en que tardara en ser dirigido a paginawebgratis.es, lo hara automaticamente si quieren le pueden poner mas tiempo o menos.

+ En 60 segundos sera dirigido a paginawebgratis: Es un mensaje que esta en el footer del diseño de la plantilla del intro esta en miniatura pero legible es para que el usuario sepa que sera dirigido, lo pueden editar a su gusto.


Código CSS:
<style type="text/css">
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100 margin: 0; padding: 0; outline: 0; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear, html body * br.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1 }
.clearfix { display: block; }
hr, .hideme { display: none; }
ol { list-style: decimal; }
ul { list-style: square; }
li { margin-left: 30px; }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 20px; }
body { background: #f9f8f3; color: #000; font: 11px 'Arial', Helvetica, Verdana, sans-serif; margin: 0 auto; text-align: center; }
#main { background: #fff; border: 1px solid #d4d3cf; margin: 0 auto; margin-top: 42px; text-align: left; width: 770px; -moz-border-radius: 9px; -khtml-border-radius: 9px; -webkit-border-radius: 9px; }
#time { color: #90968c; margin-top: 10px; }
.header { background: url('https://img.webme.com/img/leute.gif') no-repeat 420px 0px; height: 131px; }
.additional_info { font-size: 12px; line-height: 1.5; margin: 0 25px 25px 25px; }
.additional_info a { background: #ffea74; color: #000; padding: 0 2px; text-decoration: none; }
h1 { margin: 0; padding: 0; }
h1 a, h1 span { cursor: pointer; display: block; height: 131px; text-indent: -9999px; width: 770px; }
h1 a { background-repeat: no-repeat; background-position: 25px 0px; }
h2.note { border-top: 1px solid #d4d3cf; font-size: 28px; text-align: center; margin: 0 25px 25px 25px; padding-top: 30px; }
body h1 a { background-image: url('https://img.webme.com/img/logo_es.gif'); }
</style>

Vista previa del intro:


https://img.webme.com/pic/i/ipwg/bulb.png Si deseas poner este tutorial puedes contactar con nosotros a través de un "Formulario de contacto", o copiarlo y poner la fuente del tutorial.

Tu dirección 1a, 12345 Tu ciudad
+49 123456789