كود html قائمة رئيسية

قائمة جانبية بتقينة html و css

مثال جميل على ما تسطيع فعله بالقليل من HTML و CSS3 . قائمة جانبية متحركة بشكل جميل ستغير نضرة المستخم الى القوائم الرئيسية.

القائمة يمكن إستخدامها على جميع المواقع و المدونات مع القليل من الخبرة في HTML و CSS3 يمكنك إضافة و تغير ما تريد بفضل الكود البسيط و الخاليى من التعقيدات.

قائمة جانبية تتميز أيضا بكونها متجاوبة أي تضهر بشكل طبيعي على جميع مقايس الشاشة.

يمكنك معاينة القائمة و الاكواد من خلال المتال التالي ⇓⇓

See the Pen LpGzpR by adil el hallaoui (@arbiweb) on CodePen.

في ووردبريس

يمكنك وضع كود CSS داخل اداة CSS المخصص التي تاتي مع إضافة Jetpack تم و ضع كود HTML داخل المربع الجانبي الخاص بالنص و HTML ( المربع موجود في الووردبريس بشل إفتراضي )

في بلوجر :
أولا توجه الى لوحة التحكم >> قالب >>   تحرير  Html  
ثم نبحث عن الوسم ]]></b:skin>
ونضيف قبله مباشرة كود CSS

بالنسبة لباقي المواقع يمكنك تجميل ملف الإضافة يحتوي على صور عديدة يمكنك إستخدامها بدل الصور الموجودة في المتال اعلاه, كما يحتوي على ملف HTML ,CSS.

يكفيك رفع ملف CSS و و الصور الى إستضافتك و تم وضع كود HTML في المكان الذي تريده في ملف index.html او غيره.

[symple_box style=”boxinfo”] لأي إستفسار او طلب مساعدة في التركيب المرجو وضع تعليق او الإتصال بنا.
[/symple_box]

لا تذهب دون ترك تقييمك للموضوع

1 نجمة2 نجمة3 نجوم4 نجوم5 نجوم (1 التصويتات, متوسط التقييم: 1.00 اكبر عدد تقييم 5)
جاري التحميل...

بقلم

عادل

اسمي عادل مغربي 28 سنة. مطور مواقع و محب للتكنولوجيا و البحث عن كل جديدي. هوايتي إنشاء و تطوير المواقع و احب مشاركة معلوماتي مع الجميع. لهذا أنشأت مدونة الويب العربي و مدونة فكرة تطوير. .

2 تعليقات

أترك تعليق

لن يتم مشاركة عنوان بريدك الإلكتروني


*