Uzman arkadaşlar daha iyi bilgi verebilirler ama kendi düşüncemi söylersem bootstraptan önce @media (max-width) ve (min-width) olayını çözmeye çalışmalısın
burda kafana yatınca bootstrap daki col-md col-xs col-lg bunların farkını anlayacaksın zaten bunun için de youtube dan video izleyerek çözebilirsin Tayfun Erbilen,
Arin yazılım, Fehmi Uyar kanallarında kesin bulursun ama 2 kelimeyle ben anlatayım kafanda yer edinsin
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
/* Örnek olarak min-with dediğinde genişliği 1500px ve üstüne etki etsin demiş olursun */
@media (min-width: 1500px) {
body{
background-color: purple;
}
}
/* max-with dediğinde ise genişliği 500px ve altına etki etsin demiş olursun */
@media (max-width: 500px) {
body{
background-color: yellow;
}
}
/* Burda ise genişliği 1200px'den aşağı ve 800px'den yüksek kısımları alır */
@media (max-width: 1200px) and (min-width: 800px) {
body{
background-color: orange;
}
}
Sonundayaptım çok şükür :)
$(document).ready(function(){
$("#btn1").click(function(){
$("#bg").css({"clip-path":"polygon(0 78%, 91% 0, 47% 100%, 0 100%)","transition-duration":"1s"});
setTimeout(function(){
$("#bg").css({"clip-path":"polygon(0 0, 100% 0, 100% 100%, 0 100%)","transition-duration":"2s"});
},1000);
});
});
2.ye ne koyarsam koyayım çalışmıyor sanki aynı div olduğu için ard arda birşey yaptıramıyorum örnek #bg1 #bg2 diye iki divim olsaydı olacaktı w3schools da
hep farklı divler üzerinden butür şeyler yapılmış ama aynı divi ard arda farklı css kodlarıyla çalıştırma olayını görmedim aslında benim yapmak istediğim
bir slayt efekti sol alt köşeden üçgen olarak sağa doğru çıkıyor sonra tüm ekranı kaplayarak yeni slayta geçiyor clip path mantığı arkdan gelen slayt
önce üçgen içinde gözükecek sonra tamamı gözükecek
Sorunu kendim çözdüm aslında çok uzatmışım css'in root: özelliğini bilmiyordum birde css'te değişken tanımlayabiliyormuşuz(--keyfine-göre-isimlendir) yani ben değişken gibi düşündüm
ben bu sebeple olayı şöyle çözdüm
:root {
--header-color:#086972;
--main-color: #eeeeee;
--footer-color: #363636;
}
/*:root ile ana renkleri belirleyebiliyoruz veya diğer css özellikleri de olabilir sadece renk değil boyut çerçeve....ama root sitenin ilk halini gösteriyor*/
/*sonra da koyu halininin nasıl olmasını istiyorsak onu yazıyoruz örnek olarak dark class'ına atayalım*/
.dark {
--header-color:#414141;
--main-color: #525252;
--footer-color: #313131;
}
/*ve artık bunu istediğim class'ta var(--keyfine-göre-isimlendir) olarak kullanabiliyorum*/
header .navbar{
bacground-color: var(--header-color);
}
.content {
bacground-color: var(--main-color);
}
footer {
bacground-color: var(--footer-color);
}
Bundan sonrası aynı Tayfun Erbilenin videoda yaptığı gibi
function setCookie(c_name, value, exdays) {
var exdate = new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
document.cookie = c_name + "=" + c_value;
}
document.getElementById('modeBtn').addEventListener('click', () => {
document.body.classList.toggle('dark');
setCookie('mode', document.body.classList, 99999);
});
<?php
function cookie($name){
if(isset($_COOKIE[$name]) && !empty($_COOKIE[$name]))
return $_COOKIE[$name];
}
?>
<!doctype html>
<html>
.
.
.
<body class="<?=cookie('mode') == 'dark' ? 'dark' : null ?>">
<div id="kapsul">
<header class="blog-header py-3">
<div class="row flex-nowrap justify-content-between align-items-center">
<div class="col-md-4 left-nav pt-1">
<a style="background-color: #fff; color: var(--home-button)!important; border-radius: 100%;padding: 6px 10px 6px 10px;" class="btn homeButton" href="index.php"><i class="fa fa-home"></i></a>
<label <?=cookie('mode') == 'dark' ? 'checked' : null ?> class="mode-control">
<input id="modeBtn" type="checkbox">
<span class="fa fa-moon-o"></span>
<span class="fa fa-moon-o"></span>
</label>
</div>
kısaca birden çok css özelliğini renk olsun boyut olsun akla ne geliyorsa (.dark) benzeri class'a atayabiliyoruz var() ile onu istediğimiz classa çekebiliyoruz
$sql = $conn->prepare("INSERT INTO ililce(ililce_adi) VALUES (?)");
$sql->execute([$ililcedizi]);
böyle bir dene bakalım olacakmı
Mantıklıymış bende böyle hesaplıyim kafadan veriyodum fiyatları ben :)
kodları paylaşırsan belki yardımcı olabilirim
Malesef dediklerini yapmama rağmen değişen birşey yok bence hata status'ta direk else komutu işliyor
if ($sonuc['status']) {
header("Location:index.php");
exit();
} else {?>
<div class="alert alert-danger">
Bilgilerinizi kontrol edin...
</div>
<?php }
çok saol deneyip buraya yazcam sonuçları
Cevabın için teşekkürler ben musteri_durum sütununu warchar tanımlandığı gibi (1) yazıp yaptım dediğine göre bir tane daha sütun açmam geriyor onudamı aynı şekilde açcam kafam baya karıştı?
benim tablom bu şekilde
| id | musteri_tutar | musteri_durum |
|---|---|---|
| 1 | 50 | 1 |
| 2 | 75 | 0 |
1=ödedi
0=ödemedi
acaba senin demek istediğin şumu
| id | musteri_tutar | musteri_odeyen | musteri_odemeyen |
|---|---|---|---|
| 1 | 50 | 1 | 0 |
| 2 | 75 | 0 | 1 |
bu arada senin yaptığın kodu yazdığımda Parse error: syntax error, unexpected 'echo' (T_ECHO) in C:\xampp\htdocs\Müsteri-paneli\index.php on line 88 hatasını verdi