عکس رو فرستادم - شاید گویا تر باشه

فایل های ضمیمه

• 0fafefa6-b660-486b-aad1-3fec94c65165.zip

سلام

اینها مدال Modal  هستند.

شما می توانی از Modal  های آماده مکثل بوت استرپ یا جی کوئری یا متریال دیزاین استفاده کنی

Modal in bootstrap   را سرچ کن

خیلی متشکرم 

سلام و عرض خسته نباشید 

من میخواهم مودال زیر به صورت خودکار اجرا شود وقتی سایت بالا میآید 

لطفا در این رابطه راهنمایی بفرمایید 

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

سلام و عرض خسته نباشید 

من میخواهم مودال زیر به صورت خودکار اجرا شود وقتی سایت بالا میآید 

لطفا در این رابطه راهنمایی بفرمایید 

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>