Beta Bilgisayar - BURSA - Telefon: +90 532 464 3866

29/10/2024

29 EKİM
CUMHURİYET BAYRAMI
Cumhuriyetimizin 101.yılı KUTLU OLSUN

30/08/2024

Türk Milleti için zaferlerle geçen Ağustos ayının en anlamlı zaferi, 30 Ağustos Zafer Bayramımız kutlu olsun.
Ulusça, tek bir vücut olarak nice mutlu bayramlara ulaşabilmemiz dileğiyle...

21/05/2024

🔍Canon imageFORMULA DR-S250N ofisiniz ve ortak alanlarınız için kusursuz bir tarayıcıdır.

Bu ağ tarayıcısı, USB ve LAN bağlantısı ile üstün esneklik sunarak her yerden bağlanmanıza olanak tanır. DR-S250N, belgeleri doğrudan Teams ve Slack gibi iş birliği platformlarına taramayı ve e-posta, paylaşılan klasörler ve FTP gibi çeşitli hedeflere göndermeyi kolaylaştırır. 🤝

Akıllı telefonunuzu, tabletinizi veya bilgisayarınızı sezgisel CaptureOnTouch Pro Canon tarayıcı yazılımı ile her yerden tarayabilir ve QR koduyla belgeleri doğrudan telefonunuza kaydedebilirsiniz. 📱📤

Detaylı bilgi için: https://canon.sm/3JScNkn

18/05/2024

19 Mayıs 1919 yıl dönümünde Atatürk,ü Anma ve Gençlik Spor Bayramımız Kutlu Olsun 🇹🇷🇹🇷🇹🇷
19 Mayıs sadece bir adamın Atatürk,ün değil, bir milletin,Türk milletinin yeniden doğum günüdür. Milli mücadelemizin Başkomutan Gazi Mustafa Kemal Atatürk , silah arkadaşları ve Aziz şehitlerimizi şükranla, minnetle, rahmetle anıyoruz ❤

12/05/2024

Karşılıksız Sevginin Adıdır, ANNE...
Bir Ömrü Severek Feda Edenin Adıdır, ANNE.
Aman Tırnağına Taş Değmesin,Yavrularımın
Acısı Bana Gelsin Diyenin Adıdır, ANNE
Tüm Fedakar Annelerin Anneler Günü Kutlu Olsun.❤

11/05/2024

11/05/2024

tüm annelerimizin anneler günü kutlu olsun

30/04/2024

Açılış sayfasının daha küçük telefonlarda duyarlı olmasını sağlamak için ekran genişliği 420 piksel ve altı olan mobil cihazlara birkaç değişiklik entegre edeceğim:

screen and (max-width: 420px) {
.hero {
max-width: 330px;
}

.intro-text h1 {
font-size: 2rem;
}

iframe {
max-width: 330px;
}

.stand-1 {
left: 140px;
}
.stand-2 {
left: 195px;
}
}
Artık tamamen duyarlı bir açılış sayfamız var:
sayfanın kodunun tamamlanmış kopyasını bu Github deposundan bulabilirsiniz .

Çözüm
Bu ayrıntılı eğitimde aşağıdakileri nasıl yapacağınızı öğrendiniz:

tamamen duyarlı web sitesi
karanlık tema değiştirici
hamburger menüsü
ışık kutusu resim galerisi
yukarı kaydırma düğmesi.
Bunlar her zaman yeni veya mevcut bir projeye entegre edebileceğiniz işlevlerdir; bu nedenle ihtiyaç duyduğunuzda bu makaleye her zaman geri dönmekten çekinmeyin.

Bu metin tabanlı öğreticiyi yararlı bulursanız, bir teşekkür tweeti atarak veya bağlantıyı sosyal medya platformlarınıza yapıştırarak paylaşın.

Okuduğunuz için teşekkürler!

30/04/2024

Ama bir sorun var. Menü öğeleri herhangi birine tıklandığında gizlenmez. Daha iyi bir kullanıcı deneyimi için bunu gerçekleştirmemiz gerekiyor.

Bunu yapmak için yine biraz JavaScript'e ihtiyacımız var. Yapacağız:

kimliklerini hedefleyerek querySelectorAll() ile tüm gezinme öğelerini seçin
forEach() dizi yöntemiyle gezinme menüsü öğelerinin her birinde bir tıklama olayını dinleyin
Sınıfı kaldırmak için bir işlev yazın .active; bu, sonunda gezinme menüsünü orijinal durumuna döndürecektir.
const navLink = document.querySelectorAll(" -link");

navLink.forEach((n) => n.addEventListener("click", closeMenu));
function closeMenu() {
hamburger.classList.remove("active");
navMenu.classList.remove("active");
}
Artık mobil menümüzle her şey yolunda gidiyor:
Medya sorgusuna aşağıdaki stilleri eklemek sorunu çözecektir:

.logo {
font-size: 1.5rem;
}

.hero {
flex-direction: column;
max-width: 500px;
}

.intro-text h1 {
font-size: 2.3rem;
}

.btn {
padding: 0.5rem;
font-size: 1.2rem;
}

iframe {
max-width: 26rem;
}

.stand-1 {
left: 170px;
}
.stand-2 {
left: 225px;
}

.about {
text-align: center;
}

.persons {
grid-template-columns: repeat(1, 1fr);
}
}
Yukarıdaki CSS ile boyutları küçülttüm, gerektiğinde bölümlerin üst üste gelmesi için yönü sütuna değiştirdim ve TV sehpalarının düzgün hizalanmasını sağladım.