Bootstrap Özel Modal Yapımı

Merhaba arkadaşlar.
Aşağıdaki resimdeki uyarıyı bir modal ile gösterip yönlendirme işlemini nasıl yapabiliriz?

<?php

function Bilgi($Baslik, $Mesaj, $Tipi="hata"){
	
	 // Uyarı tipi
	switch ($Tipi){
		case 'basarili': $Sinif = 'success'; $Icon = 'check-circle'; break;
		case 'hata':     $Sinif = 'danger';  $Icon = 'times-circle'; break;
		case 'uyari':    $Sinif = 'warning'; $Icon = 'exclamation-circle'; break;
		case 'bilgi':    $Sinif = 'info';    $Icon = 'info-circle'; break;
		default:         $Sinif = 'hata';    $Icon = 'times-circle'; break;
	}
	
	echo "<div class='alert alert-{$Sinif}' role='alert'><strong><i class='fa fa-{$Icon}' style='margin-right: 5px'></i>{$Baslik}</strong><br/>{$Mesaj}</div>";
}


    Bilgi("Uyarı!","Lütfen tüm alanları doldurunuz! yönlendiriliyorsunuz...","uyari");
    header("Refresh:2; url=index.php?do=uyelik");

?>

 

Php bilgim pek yok eğer konu php ile ilgili değilse codepen veya jsfiddle php den arındırıp atarsanız yardımcı olabilirim.

Benim yapmak istediğim şey uyarıyı modal olarak göstermek ve mümkünse 2 saniye sonra kapanması.
Amacım bunun gibi bir pencere şeklinde açılması.

Codepen

Teşekkür ederim ama butona tıklamadan direkt olarak açılsın istiyorum ben.

Hocam kusura bakmayın araya haftasonu girdi yazamadım. Şu şekilde olacak => https://codepen.io/SelimHamzaogullari/pen/oeMrmd?editors=1000

Teşkkür ederim hocam.

Selim hocam örneği sildiniz mi codepen'den. Ulaşamıyorum örneğe.

Cevap Yaz

Cevap yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git