İki dosya içerisinde kaynak kodları böldüm. fonksiyon şeklinde kullanılabilir.
bir deneyin isterseniz.

index.php:

<?php include 'modal.php';

function popUpAc( $msjBaslik, $msj)  {

 $html = '<div class="blockbkg" id="bkg" style="visibility: hidden;">
    <div class="cont" id="dlg" style="visibility: hidden;">
     
      <h1>'. $msjBaslik . '</h1>
      <p>
      '. $msj .'
		<br/><br/>Uyariyi Kapatmak icin <a href="#"  id="closebtn2" > tiklayiniz </a>
      </p>
       
   
    </div>
  </div>';
  return $html;
}



$kosul = false;

if($kosul==true){
//kodlar
}else{
$msjBaslik = 'Bu sana bir uyarıdır';
$msj =' Gerekli koşulları sağlamadığın için uyarı mesajı aldınız.';
echo popUpAc($msjBaslik , $msj);
}
?>

modal.php

 <style type="text/css">
    .blockbkg {
      background-color: black;
      opacity: 90%;
      filter:alpha(opacity=90);
      background-color: rgba(0,0,0,0.90);
      width: 100%;
      min-height: 100%;
      overflow: hidden;
      float: absolute;
      position: fixed;
      top: 0;
      left: 0;
      color: white;
    }
    .cont {
      background-color: white;
      color: black;
      font-size: 16px;
      border: 1px solid gray;
      padding: 20px;
      display:block;
      position: absolute;
      top: 15%;
      left: 30%;
      width: 650px;
      height: 520px;
      overflow-y: scroll;
    }
    .closebtn {
      width: 20px;
      height: 20px;
      padding: 5px;
      margin: 2px;
      float: right;
      top: 0;
      background-image: url(x.png);
      background-repeat: no-repeat;
      background-position:center;
      background-color: lightgray;
      display: block;
    }
    .closebtn:hover {
      cursor: pointer;
    }
    .normal {
      background-color: lightblue;
      width: 900px;
      min-height: 200px;
      padding: 20px;
    }
  </style>

  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript">
  </script>

  <script>
    $(document).ready(function () {
      $("#closebtn").click(function () {
        $("#dlg").hide('800', "swing", function () { $("#bkg").fadeOut("500"); });
      });
	  
	   $("#closebtn2").click(function () {
        $("#dlg").hide('800', "swing", function () { $("#bkg").fadeOut("500"); });
      });
	  
	  
      
        if (document.getElementById('bkg').style.visibility == 'hidden') {
          document.getElementById('bkg').style.visibility = '';
          $("#bkg").hide();
        }
        if (document.getElementById('dlg').style.visibility == 'hidden') {
          document.getElementById('dlg').style.visibility = '';
          $("#dlg").hide();
        }
        $("#bkg").fadeIn(500, "linear", function () { $("#dlg").show(800, "swing"); });
          

    });
  </script>