صناعة بنرات بإستخدام HTML , CSS دون استخدام صور بدقة

16-01-2022 حمل الان

صناعة بنرات بإستخدام HTML , CSS دون استخدام صور, تم نشر المقال في تاريخ 2022-01-16 02:40:00 بعد ان قام جروب موقعا وشبكتنا المعلوماتية العاب كامل بالبحث في مصادر تحميل الالعاب والمنتجات الرقمية النظيفة لضمان محتوي عالي الجودة لحضرتكم.

من الجيد دائمًا الاعتماد على أكواد HTML و CSS بدلاً من استخدام الصور. في هذه اللغات ، يكون كل ما يمكنك فعله بالصور أفضل وأسرع. أنها تحتوي على صور من المحتمل أن تستخدم كصورة رئيسية. العنوان ولكن هناك أشياء أخرى يمكننا استبدال الصور بأكواد وبعض هذه اللافتات

مثال حي على استخدام لافتات من هذا النوع


كن مدونًا
موقع تطوير منتدى Blogger

نستخدم هذا الرمز البسيط الذي يمكنك إضافته في أداة HTML JavaScript أو في العنوان.

1>>

كن مدونًا

موقع فريد لتطوير منصة بلوجر

إعدادات الكود

1- CNMUBanners1 هذا جزء من اللافتة. ما عليك سوى تغيير موضوع واحد. لا تحتاج إلى تغيير أي شيء بمجرد استخدام الرقم 1 مع رقم آخر.

2- يصف الكود الأول المنشور باللون البرتقالي من البداية إلى النهاية لون البانر ، وهو لونان أحدهما باللون الأزرق والآخر باللون الأخضر.

3-رقم 300 إنها لافتة عرض ورقم
250 إنه الطول واللون
#ffff إنه لون النص

4- هامش الكود هذا: 5 بكسل رأس 10 بكسل

الرقم 5 هو حجم اللافتة أعلاه ، والرقم 10 هو حجم اللافتة في الأسفل بحيث لا يقترن بأي شيء قبله أو بعده. يمكنك 0 إذا كانت المسافة الخاصة بك صحيحة.

أما بالنسبة لكلمة auto ، فهذا هو عمل لافتة في منتصفها. إذا لم يكن متوسطًا ، فاضبط الكلمة على 0.

5- # 000 و
#ffff عند الانزلاق ، توجد ألوان لافتة ، واحدة للخلفية والأخرى للنص

6- عيّن كلمة Be a blogger واضبط الكلمات كما تريد تمامًا.

40بيكسل هذا هو حجم الخط 50بكسل ثم في الجزء العلوي من لافتة.

7- إعدادات جملة لموقع ويب يركز على إنشاء منصة بلوجر

إذا كنت لا تريد هذه الجملة وتريد أن يحتوي الشعار على كلمة واحدة فقط ، يمكنك إزالة السطر بأكمله.

16حجم الخط بكسل 30بكسل درجة فوق الكلمات الموجودة تحتها.

مثال آخر على لافتة بعد تحديث تلك البيانات

كن مدونًا

كن مدونًا ، مدونًا على تطوير منصة Blogger ، باستخدام نطاقات بدون صور ، HTML ، CSS