Hola me gustaría poner una imagen al entrar a mi pagina.

[Alexxavi]

Hola me gustaría poner una imagen al entrar a mi pagina.

 

Algo así como en esta pagina.

 

Alguien me podría poyar como hacerlo.

 

Vi el código de esta pagina y es este:

Pero no se como ocupar lo en mi pagina de prestashop

 

<!--INICIA PREHOME -->

    <style>

      .midiv

      {

         background-color:#FFFFFF; 

         color:#CCCCCC;  

         left: 50%; 

         top: 30%; 

         ; 

         margin-top: -100px; 

      }

      .pre 

      {

         COLOR: #0986e7; 

         TEXT-DECORATION: none; 

         font-weight: bold;

      }

      .trans

      {

        background-color: #FFFFFF;

        filter:alpha(opacity=85);

        opacity:0.85;

      }

      .titulo

      {

        font-size: 12px;

        font-family: Verdana, Arial, Helvetica, sans-serif;

        color: #144184;

        font-weight: bold !importart;

    }

   </style>

   <script>

      // Oculta y muestra las capas dinámicas que se visualizan al cargar el home de estafeta.

      // Muestra prehome mientras home estafeta se visualiza en un tono gris aparentando inactividad.

      OCULTO="none";

      VISIBLE="block";

        

      function mostrar() 

      {

        document.getElementById('trans').style.display=VISIBLE;

        document.getElementById('midiv').style.display=VISIBLE;  

      } 

 

      function ocultar()

      {  

        document.getElementById('trans').style.display=OCULTO;

        document.getElementById('midiv').style.display=OCULTO;

      }

   </script>   

 

   <div class="trans" onclick="ocultar('trans');" id="trans" style="position:absolute; z-index:2001; width: 100%; height: 800px;filter:alpha(opacity=60);float:left;-moz-opacity:.60;opacity:.60;left:0px; background-color:#e7e7de; top:0px; "></div>

   <div class="midiv" align="middle" id="midiv" style="position:absolute; z-index:2002; width:800px; height:635px;">

     

   <img border="0" src="http://r.turn.com/r/beacon?b2=Umvvte7bigVezUq7TvL9eTENMlCZf6LYaOKNci8bVUoAlxV-7kldRW0k1DSKm3jCq57hT3aJeZzaXKqoYv1N_w&cid=">  

     

       <table width="100%" border="0" align="center">

    <tr>

         <td align="center" valign="left">

        <a class="pre" onclick="ocultar();" onmouseover="this.style.cursor='pointer'">

                        <span class="style1">Saltar introducción</span>

                     </a>

         </td>

    </tr>

    <tr>

        <td valign="middle" align="center" colspan="2">

          <img src="/media/42255/wallpaper_internacionales.jpg" alt="estafeta" title="estafeta" width="800" height="600" border="0" />

         </td>

    </tr>

       </table>

   </div>

 <!--TERMINA PREHOME -->

 

Espero su apoyo..

 

 

Por otro lado ... si este no es el lugar para poner esta pregunta... me pueden apoyar donde ponerla.

 

Gracias .... soy nuevo ...

[Alexxavi]

Hola me gustaría poner una imagen al entrar a mi pagina.

 

Algo así como en esta pagina.    WWW.ESTAFETA.COM

 

Alguien me podría poyar como hacerlo.

 

Vi el código de esta pagina y es este:

Pero no se como ocupar lo en mi pagina de prestashop

 

<!--INICIA PREHOME -->

    <style>

      .midiv

      {

         background-color:#FFFFFF; 

         color:#CCCCCC;  

         left: 50%; 

         top: 30%; 

         ; 

         margin-top: -100px; 

      }

      .pre 

      {

         COLOR: #0986e7; 

         TEXT-DECORATION: none; 

         font-weight: bold;

      }

      .trans

      {

        background-color: #FFFFFF;

        filter:alpha(opacity=85);

        opacity:0.85;

      }

      .titulo

      {

        font-size: 12px;

        font-family: Verdana, Arial, Helvetica, sans-serif;

        color: #144184;

        font-weight: bold !importart;

    }

   </style>

   <script>

      // Oculta y muestra las capas dinámicas que se visualizan al cargar el home de estafeta.

      // Muestra prehome mientras home estafeta se visualiza en un tono gris aparentando inactividad.

      OCULTO="none";

      VISIBLE="block";

        

      function mostrar() 

      {

        document.getElementById('trans').style.display=VISIBLE;

        document.getElementById('midiv').style.display=VISIBLE;  

      } 

 

      function ocultar()

      {  

        document.getElementById('trans').style.display=OCULTO;

        document.getElementById('midiv').style.display=OCULTO;

      }

   </script>   

 

   <div class="trans" onclick="ocultar('trans');" id="trans" style="position:absolute; z-index:2001; width: 100%; height: 800px;filter:alpha(opacity=60);float:left;-moz-opacity:.60;opacity:.60;left:0px; background-color:#e7e7de; top:0px; "></div>

   <div class="midiv" align="middle" id="midiv" style="position:absolute; z-index:2002; width:800px; height:635px;">

     

   <img border="0" src="http://r.turn.com/r/...XKqoYv1N_w&cid=">  

     

       <table width="100%" border="0" align="center">

    <tr>

         <td align="center" valign="left">

        <a class="pre" onclick="ocultar();" onmouseover="this.style.cursor='pointer'">

                        <span class="style1">Saltar introducción</span>

                     </a>

         </td>

    </tr>

    <tr>

        <td valign="middle" align="center" colspan="2">

          <img src="/media/42255/wallpaper_internacionales.jpg" alt="estafeta" title="estafeta" width="800" height="600" border="0" />

         </td>

    </tr>

       </table>

   </div>

 <!--TERMINA PREHOME -->

 

Espero su apoyo..

 

 

Por otro lado ... si este no es el lugar para poner esta pregunta... me pueden apoyar donde ponerla.

 

Gracias .... soy nuevo ...