Solucionado Como crear una alerta como la de la imagen

<div class="csgoIntro" style="top:0; left:200; height:90%; width:100%; display: table-cell;">
   <tr>
     <td>
       <img src="http://www.xenfacil.com/styles/default/xenforo/logotipo-5.png" style="display:block; height: 200px; width: 200px; z-index: 10;" title="XenFacil.com" />
     </td>
   </tr>
   <tr>
     <td>
       <div style="padding-left: 210px; position:absolute; top:0; height:100%; width:675px; padding-top: 10px;">
         <h4>¡Bienvenido a XenFácil!</h4>
         <p>Estás viendo el sitio como <span>Invitado</span>.
         Para poder participar en este sitio
         </p>
         <div class="noticeButtonContainer">
           <label for="LoginControl" id="SignupButton">
             <a href="http://www.xenfacil.com/register/" class="inner">Regístrate</a>
           </label>
         </div>
         <p>y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.</p>
         <h4>¡Es gratis!</h4>
         <br />
         <div class="csgoMember">¿Ya eres miembro?
           <a href="http://www.xenfacil.com/login/">Inicia sesión</a>
         </div>
       </div>
     </td>
   </tr>
</div>