Sales1 min read135 words

Jquery ile Sticky Bar Yapımı

Emir Eskici

PlusClouds Author

Cloud & SaaS

Jquery ile Sticky Bar Yapımı

Selamlar,

Bu blog yazımda sizlere basit ama bir o kadar hayat kurtaran bir örnek göstereceğim. Başlamadan önce size bahsetmem gereken Jquery’nin içerisinde bulunan ve bu örnekte kullanacağımız 2 adet metod var. Gelin bakalım bu 2 metod neymiş?

adClass()= Bu metod ile seçtiğimiz HTML öğesinin class attribute’una istediğimiz class’ı ekleyebiliriz.

removeClass()= Bu metod ile seçtiğimiz Html öğesinin class attribute’undan istediğimiz class isimlerini silebiliriz.

Metodları anladığımıza göre kodlarımıza geçebiliriz…

HTML

Sizlerle HTML kodlarını uzun bir şekilde paylaşmama gerek yok önemli olan class’ı belirtmek onun dışında tasarım size kalmış :)

Description

JQUERY

Description

Peki eklediğimiz class nerede?

Onuda şöyle göstereyim sizlere

CSS

CSS dosyama belirttiğim class’ı ekledim.

Description

position:fixed;=özelliğine sahip etiket, görüntü alanına göre konumlandırılmıştır, yani sayfa kaydırılmış olsa bile her zaman aynı yerde kalır. top, bottom, left ve right gibi özellikler, öğeyi konumlandırmak için kullanılır.

SONUÇ

Description

Herkese iyi haftalar…

الأسئلة الشائعة

Bu yazıda sticky bar yapımında hangi iki jQuery metodu kullanılıyor?

adClass() ile seçtiğimiz HTML öğesinin class attribute’una istediğimiz class’ı ekleyebiliriz. removeClass() ile seçtiğimiz Html öğesinin class attribute’undan istediğimiz class isimlerini silebiliriz. Bu iki metod sınıf yönetimini basitçe göstermektedir.

adClass() ne işe yarar?

Bu metod ile seçtiğimiz HTML öğesinin class attribute’una istediğimiz class’ı ekleyebiliriz. Böylece öğenin stilini değiştirmek için sınıf eklemek mümkün olur. Yazıda bu fonksiyonun temel amacı sınıf eklemek olarak açıklanmıştır.

removeClass() ne işe yarar?

Bu metod ile seçtiğimiz Html öğesinin class attribute’undan istediğimiz class isimlerini silebiliriz. Böylece öğenin stilinden belirli sınıfları kaldırmış oluruz. Bu da tasarım üzerinde dinamik değişiklik yapmaya olanak tanır.

Position: fixed nedir ve sticky bar ile nasıl çalışır?

Position: fixed özelliğine sahip öğe, görüntü alanına göre konumlandırılır ve sayfa kaydırılsa bile aynı yerde kalır. top, bottom, left ve right gibi özellikler, öğeyi konumlandırmak için kullanılır.

Bu yazıda sticky bar için hangi konumlandırma kavramı kullanılıyor?

Sticky bar için position: fixed kavramı kullanılıyor. Böylece bar sayfa kaydırılsa bile ekranda sabit konumda kalır.

HTML ve CSS kısmı bu örnekte nasıl ele alınmış?

HTML bölümünde class’ı belirtmenin önemli olduğundan bahsediliyor ve tasarım size kalmış olarak ifade ediliyor. CSS dosyasına belirttiğim class’ı ekledim ifadesi de örneğin CSS tarafını gösteriyor.

Metotları anlamak için hangi adımlar izleniyor ve hangi bölümler yer alıyor?

Metodları anladığımıza göre kodlarımıza geçebiliriz ifadesiyle ilerleme mesajı veriliyor. Yazı ayrıca HTML, JQUERY ve CSS bölümlerinin basit bir örnek içinde nasıl bir araya geldiğini gösteriyor.

قراءة ذات صلة

المنشورات الموسومة بـ:

أفضل 11 قالب بريد إلكتروني لتوليد العملاء المحتملين بين الشركات (B2B)
Sales

أفضل 11 قالب بريد إلكتروني لتوليد العملاء المحتملين بين الشركات (B2B)

يظل البريد الإلكتروني البارد واحدًا من أكثر القنوات عائدًا على الاستثمار في مبيعات B2B، ولكن فقط عندما يتم استخدامه بشكل صحيح. القالب الخاطئ، أو النبرة الخاطئة، أو التوقيت غير المناسب قد يؤدي إلى حذف رسالتك فورًا، أو إلغاء الاشتراك، أو الأسوأ من ذلك، وضعها في قائمة الرسائل المزعجة. من ناحية أخرى، يمكن أن يفتح قالب البريد الإلكتروني الصحيح لتوليد العملاء المحتملين في B2B الأبواب أمام صفقات مع مؤسسات كبرى، وشراكات استراتيجية، وخط مبيعات لا ينضب أبدًا. في هذا الدليل، نقوم بتفصيل 11 قالبًا مجربًا وفعالًا للبريد الإلكتروني لتوليد العملاء المحتملين في B2B، ونشرح سبب نجاح كل واحد منها، ونوضح لك كيف يمكن للأدوات الذكية الحديثة مثل Eaglet وLeadOcean من PlusClouds أتمتة العملية بالكامل حتى يعمل تواصلك على مدار الساعة، حتى أثناء نومك.

أتمتة WhatsApp: الطريقة الجديدة لتحويل العملاء المحتملين إلى مبيعات
Sales

أتمتة WhatsApp: الطريقة الجديدة لتحويل العملاء المحتملين إلى مبيعات

Dijital dünyada rekabet artık sadece “daha fazla lead toplamak” üzerinden ilerlemiyor. Asıl fark yaratan, elde ettiğiniz lead’lere ne kadar hızlı, doğru ve kişiselleştirilmiş şekilde ulaştığınız. Bu noktada WhatsApp, yüksek etkileşim oranlarıyla en güçlü iletişim kanallarından biri olurken; n8n gibi araçlar sayesinde bu süreci tamamen otomatik ve ölçeklenebilir hale getirmek mümkün. Bu yazıda, n8n kullanarak WhatsApp otomasyonu kurmayı, Eaglet ve Leadocean gibi platformlardan gelen lead’leri satışa dönüştürmeyi ve bu süreci nasıl optimize edebileceğinizi detaylı şekilde ele alıyoruz.

الدخل التابع مع واتساب في عام 2026
Sales

الدخل التابع مع واتساب في عام 2026

2026 itibarıyla affiliate marketing artık sadece trafik üretmekle ilgili değil. Asıl farkı yaratan şey, o trafiği doğrudan satışa dönüştürebilmek. İşte burada WhatsApp devreye giriyor. 2026’da WhatsApp ile Affiliate Gelir nasıl elde edilir? E-posta açılma oranları düşerken, WhatsApp mesajlarının okunma oranı %90’ların üzerinde. Yani doğru stratejiyle WhatsApp, affiliate gelir için en güçlü “son temas noktası” haline geliyor. Ama burada kritik fark şu: Manuel mesaj atanlar değil, otomasyon kuranlar kazanıyor.

2026’da Instagram ve TikTok’tan Affiliate Gelir Üretmek
Sales

2026’da Instagram ve TikTok’tan Affiliate Gelir Üretmek

2026’da tüketici davranışı kökten değişti. İnsanlar artık bir ürünü Google’a yazıp uzun uzun araştırmıyor. Karşılarına çıkan, sorunlarını anlayan ve onları ikna eden bir videodan tek tıkla satın alıyor. Bu yeni düzene Sosyal Ticaret (Social Commerce) diyoruz. Ve bu oyunun iki ana sahnesi var: Instagram ve TikTok. Ancak burada da eski dönem kapandı. Sadece video paylaşarak, “takipçi kasarak” para kazanma dönemi bitti. Bugün Instagram ve TikTok’ta gerçekten kazananlar, kendini influencer olarak değil; affiliate odaklı dijital yayıncı olarak konumlandıranlar. Bu yazıda, Instagram ve TikTok’u bir vitrin olmaktan çıkarıp affiliate gelir üreten satış makinelerine nasıl dönüştürebileceğinizi adım adım ele alıyoruz.