اذهب إلى المحتوى
  • 0

noTransperent class

Ahmed Ebrahim11

السؤال

السلام عليكم 

كنت قد انشئت صفحه بنفسي للتدرب وانهيتها والان لاحظت ان هناك اصناف لا تعمل مثلا عند النزول عن ارتفاع معين يتغير ال opacity الخاص ب navbar لا يعمل 

وايضا يجب ان يتغير لون nav-items وهذا لا يعمل 

ايضا اضيف مكتبه wow ولم تعمل 

 

nav.navbar.noTransparrent {
  background-color: rgba(255, 255, 255, 0.4) !important;
  border-bottom: 2px solid #eee !important;
}

nav.navbar.noTransparrent ul.navbar-nav li a.nav-link {
  color: #0575e9 !important;
}

nav.navbar.noTransparrent ul.navbar-nav li a.nav-link:hover,
nav.navbar.noTransparrent ul.navbar-nav li a.nav-link.active {
  color: #f45 !important;
  background-color: #eee !important;
}

اضفت important ولكن نفس النتيجه

salient.zipsalient.zipsalient.zipsalient.zip

salient.zip

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

حسب ما لاحظته في الملف الخاص بك أنه يوجد أخطاء في كتابة الوسم noTransparent بحيث أنه موجود في ملف الجافا سكربت باسم noTransparent وفي ملف التنسيقات باسم noTransparrent لذلك عليك توحيد اسم الصنف . 

اقتباس

وايضا يجب ان يتغير لون nav-items وهذا لا يعمل 

في هذا الجانب لم تقوم بكتابة شيفرة الجافا سكربت لازمة من أجل تغير الصنف active بين عناصر القائمة .

اقتباس

ايضا اضيف مكتبه wow ولم تعمل 

كما أنني لاحظت هنا أنك لم تقوم باضافة الأصناف الخاصة في الأنيميشن الخاص في المكتبة للعناصر التي تريد أن يكون لديها أنيمشن خاص لذلك عليك الرجوع على توثيق المكتبة ورؤية أصناف الأنميشن الذي تريدها وإضافتها للعناصر .

قم بتطبيق ما أخبرتك به وأخبرنا بالنتيجة .

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ On ٦‏/٨‏/٢٠٢٣ at 13:26 قال أسامة زيادة:

حسب ما لاحظته في الملف الخاص بك أنه يوجد أخطاء في كتابة الوسم noTransparent بحيث أنه موجود في ملف الجافا سكربت باسم noTransparent وفي ملف التنسيقات باسم noTransparrent لذلك عليك توحيد اسم الصنف . 

في هذا الجانب لم تقوم بكتابة شيفرة الجافا سكربت لازمة من أجل تغير الصنف active بين عناصر القائمة .

كما أنني لاحظت هنا أنك لم تقوم باضافة الأصناف الخاصة في الأنيميشن الخاص في المكتبة للعناصر التي تريد أن يكون لديها أنيمشن خاص لذلك عليك الرجوع على توثيق المكتبة ورؤية أصناف الأنميشن الذي تريدها وإضافتها للعناصر .

قم بتطبيق ما أخبرتك به وأخبرنا بالنتيجة .

استاذي بالنسبه ل transparent كنت قد وجدت الخطا به ولكن كنت قد رفعت الملف 

2-قلت لي اني لم اكتب شيفره جافا فلا لم اكتبها ولكن ف bootstrap استعملت هذا الصنف من اجل تبع ال items ولم يعمل 

body data-bs-spy="scroll" data-bs-target="#navbar"

3- ليست المشكله ف الاضافه حيث اني اضيفها ولكن لم تعمل ابدا فقمت بازالتها

جربت هذا 

 <div class="carousel-caption wow fadeInLeft">
                    <h2>RESPONSIVE TEMPLATES</h2>
                    <p>Design & Development</p>
                  </div>

وهذا 

<div class="carousel-caption animate__animated animate__fadeInLeft">
                    <h2>RESPONSIVE TEMPLATES</h2>
                    <p>Design & Development</p>
</div>

الاخير عمل معي ولكن اريده ان يعمل عند النزول الي هذا السكشن فهل اقوم بعمل intersection observer?

تم التعديل في بواسطة Ahmed Alfadaly
رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...