freelancer

Javascriptsiz Açılır Pencere Kodu
Konuyu başlatan yazar root


Bu konuyu oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5


0 konudaki cevap sayısı
root
Yönetici
3 Aylık Kullanıcı


Yönetici
Ticaret Sayısı: 0
Ad Soyad: Webmaskar
Mesajlar: 60
Katılım: 20-02-2021
Konum: Balıkesir
Cinsiyet: Erkek
Meslek: Webmaskar Yönetici
WPuan: 3
60 threads Kayıt Tarihi: 20-02-2021
Beğeniler: 6 / 0
16-04-2021, 12:55 AM -
#1
Kodlar içinde düzenlemeniz gereken alanlar var güle güle kullanın. Her siteye entegre edilebilir.

PHP Kod:
<div id="pencerekodu"><label for="pencere" class="dugme">
Pencereyi Aç
</label><input type="checkbox" class="Pencereac" id="pencere" name="pencere"></input><label class="pencere">
Pencere İçeriğini Bu Alana Yazabilirsiniz.
<
label for="pencere" class="dugme" name="kapat">Kapat</label></label></div>
<
style> .dugme{cursor:pointer;display:inline-block;padding:5px 10px;background:#eee;border:1px solid #d8d8d8;font-family:Helvetica, Arial, sans-serif;font-size:14px;color:#444; -webkit-border-radius: 3px; border-radius: 3px; } [name="kapat"]{position:absolute;bottom:20px;right:20px;} .pencere{ position:fixed;top:-50%;left:-50%; width:380px;height:280px;background:#fff;box-shadow:0 0 6px 2px rgba(0,0,0,0.4); opacity:0; transition:opacity 0.6s ease-out; z-index:-1; padding:10px; -webkit-border-radius: 3px; border-radius: 3px; margin:-150px 0 0 -200px; } .Pencereac{width:1px;height:1px;visibility:hidden;} .Pencereac:checked + .pencere{ top:50%;left:50%; display:block; z-index:9; opacity:1;}</style> 

Kod Önizle:
PHP Kod:
https://webmaskar.com/kod-onizle.php 
Beğenenler:

Hesap açın veya yorum yazmak için giriş yapın.

Yorum yazmak için Giriş yapmanız gerekiyor.

Kayıt Ol

Hesap oluşturmak ve bize katılmak çok kolay!

Kayıt Ol

Giriş Yap

Bir hesabın mı var? Hemen giriş yap!

Giriş Yap



Konuyu Okuyanlar: 1 Ziyaretçi

[-]
Etiketler
açılır , pencere , kodu , açılır , pencere , kodu