Bir örnek:
<!-- JQUERY KÜTÜPHANESİ -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
<img src="ad.png" class="ad">
<button class="gizli btn">BUTTON</button>
<style>
button.gizli {
pointer-events: none; /* Bunun sayesinde tıklanmaz yapıyoruz */
}
</style>
<script>
$('ad').onclick(function(){
$('btn').removeClass('gizli');
})
</script>
Captcha Nedir?
Captcha (Completely Automated Public Turing test to tell Computers and Humans Apart), en çok web formlarında kullanılır.
Amacı; bilgisayar programının girip işlem yapmamasıdır.
Bir örnek:
<form action="post">
<img src="captcha_url.png">
<input type="text" name="captcha" placeholder="Captcha'yı oku">
<button type="submit">SUBMIT</button>
</form>
<?php
if($_POST){
$captcha = $_POST['captcha'];
if($captcha == "captcharesmindeyazan"){
echo "Captcha doğru";
}else {
echo "Captcha yanlış";
}
}
?>
PHP
asla eskimedi eskimez. Çünkü PHP
her zaman işimize yarar. Login Form'larında, Soru-Cevaplarda neredeyse herşeyde kullanılabiliyor.
Sadece 1. kartı çalıştırdığın için olabilir;
Benim önerim hepsi için farklı farklı function
lar oluşturup onlara farklı şeyler vermelisin.
Merhaba
Öncelikle < ve >
HTML'in özel taglarıdır. Bu tagları doğrudan sayfanda göstermek için;
< <!-- Bu `<` işareti için -->
> <!-- Bu `>` işareti için -->
Kodda gösterdiğim gibi kullanmalısın.
Yani <WEBim>
yazacak olursak:
<WEBim>
şeklinde yazmalısın.
Merhaba @Anomin
;
İşte burada bahsettiğin butonun HTML ve CSS kodları var!
HTML için:
<button class="btn-primary">BTN</button>
CSS için:
.btn-primary {
margin: 10px;
font-size: 28px;
width: 100px;
height: 50px;
padding: 5px;
background: #0055ff;
color: #fff;
outline: none;
border-radius: 4px;
border: 1px solid transparent;
transition: 0.5s;
}
.btn-primary:hover {
background: #0055dd;
color: #fff;
transition: 0.5s;
}
.btn-primary:focus {
box-shadow: 0 0 0 5px rgba(0, 85, 255, 0.5)
}
Sonucu görmek için buraya tıklayabilirsin
Şunları deneyebilirsin:
- Bilgisayarı yeniden başlat veya
- VS Code'u yeniden başlat.
Teşekkür ederim @gangboy
Merhaba @Anomin
;
Öncelikle SCSS kullanmanın 2 farklı yolu var:
VS Code Kullanmak:
VS Code eklentilerinden biri olanLive Sass Compiler
eklentisini indirerek işe başlayabilirsin.
Daha sonra bir.scss
dosyası oluştur. AlttaWatch
yazan butona görüp tıkladığında yazdıkların her kaydettiğinde oluşturulan.css
dosyasına gönderilecek.
NOT: HTML'E SCSS DEĞİL SCSS DOSYASINI ATAMALISINCodepen Kullanmak:
Codepen'in kod ayarlarını değiştirerek SCSS kullanabilirsin. Bunun için;- Yeni bir
Pen
oluştur. - Settings butonuna tıkla.
- CSS'i seç
CSS Preprocessor
değerini SCSS yap- Ve TAMAM!
Hadi bir deneme yapalım:
$primary: #0055fff; $primary-text: #c4c4c4; body {background: $primary;color: $primary-text;}
- Yeni bir
Sonuç şöyle:
body {background: #0055ff;color: #c4c4c4;}