يعد رمز فكونتاكتي أحد أكثر رموز الوسائط الاجتماعية شيوعا المستخدمة في مجموعة متنوعة من مواقع الويب. ومع ذلك ، في بعض الأحيان قد لا يتطابق لونه القياسي مع التصميم العام وأسلوب موقعك. لإجراء تغيير على هذا الرمز ، سوف تحتاج إلى بعض المعرفة من هتمل و كس.
الخطوة الأولى هي العثور على أيقونة فكونتاكتي التي تريد تغييرها. يمكنك العثور عليه في الوثائق الرسمية من فكونتاكتي أو استخدام المواقع التي تقدم مجموعة متنوعة من الخيارات. بعد ذلك ، ستحتاج إلى حفظ الصورة على جهاز الكمبيوتر الخاص بك وتحميلها على خادم الموقع.
بعد تحميل الصورة إلى الخادم ، يمكنك البدء في ترميزها في هتمل. للقيام بذلك ، استخدم العلامة مع السمة سرك ، وتحديد المسار إلى الصورة. يمكنك أيضا إضافة سمة بديل مع وصف الرمز الذي سيتم عرضه إذا كانت الصورة غير متوفرة.
الآن ، لتغيير لون الرمز ، تحتاج إلى استخدام كس. إضافة سمة الفئة إلى العلامة وإعطائها اسم الفئة التي تأتي مع نفسك. ثم ، داخل العلامة ، حدد هذه الفئة وقم بتعيين قيمة لون جديدة باستخدام خاصية اللون.
على سبيل المثال ، إذا كنت ترغب في تغيير لون رمز فكونتاكتي إلى اللون الأحمر ، يمكنك تعيين خاصية اللون للفئة على النحو التالي:
.كيه-رمز { اللون: الأحمر؛}
بعد تطبيق الرمز ، سيتم تغيير لون أيقونة فكونتاكتي على موقعك. لا تنس حفظ التغييرات والتحقق منها على أجهزة ومتصفحات مختلفة للتأكد من أن الرمز يبدو صحيحا ويلبي توقعاتك.
- لون أيقونة فكونتاكتي
- تغيير اللون
- رمز هتمل من الرمز
- تصميم الأيقونة
- لون الرمز على خلفيات مختلفة
- باستخدام أنماط كس
- ربط الأنماط بالموقع
- تخصيص الأنماط
- التطبيق على الموقع
لون أيقونة فكونتاكتي
إذا كنت ترغب في تغيير لون أيقونة فكونتاكتي على موقعك ، فستحتاج إلى استخدام كس.
للقيام بذلك ، أضف الكود التالي إلى ملف النمط الخاص بك:
.كيه-رمز {
اللون: # فف0000;
}
بدلا من" #فف0000 "، يمكنك تحديد أي لون آخر في شكل عرافة أو استخدام اسم اللون باللغة الإنجليزية (على سبيل المثال ، "الأحمر" للأحمر).
بعد ذلك ، تعيين فئة "فك-أيقونة" إلى العنصر الذي يحتوي على رمز فكونتاكتي على موقعك:
تغيير اللون
. في كس ، يتم تعيين اللون كقيم رمز ، مثل أسماء الألوان (على سبيل المثال ، أحمر أو أزرق) أو القيم السداسية العشرية (على سبيل المثال ، #ف 0000 أو #0000 ف).
لتغيير لون أيقونة فكونتاكتي ، يجب عليك تحديد اللون من خلال
سيغير الرمز أعلاه لون أيقونة فكونتاكتي إلى اللون الأحمر ، لأن القيمة #فف0000 يتوافق مع اللون الأحمر.
وبالتالي ، لتغيير لون أيقونة فكونتاكتي ، يكفي تحديد اللون المطلوب من خلال
لعرض رمز فكونتاكتي على الموقع، يمكنك استخدام رمز هتمل التالي:
في هذا الرمز ، نستخدم العلامة لإنشاء رابط إلى صفحة فكونتاكتي. وداخل العلامة هناك صورة من رمز فكونتاكتي ، تعيين باستخدام العلامة. في السمات ، نحدد المسار إلى الصورة ونصها البديل وحجم الرمز.
يرجى ملاحظة أنه يجب تحديد المسار إلى الصورة بشكل صحيح حتى يتمكن المتصفح من تنزيلها. ضع في اعتبارك أيضا أنه يمكن تغيير حجم الرمز وفقا لاحتياجاتك.
أولا ، تحتاج إلى إضافة فئة أو معرف إلى العنصر الذي يحتوي على أيقونة فكونتاكتي. على سبيل المثال ، يمكنك استخدام عنصر
مع فئة
ثم ، في كس ، يمكنك تعيين أنماط لهذه الفئة أو المعرف. على سبيل المثال ، لتغيير لون الرمز إلى اللون الأحمر ، يمكنك استخدام الكود التالي:
.كيه-رمز {
اللون: أحمر;
}
اختياريا ، يمكنك أيضا إضافة أنماط أخرى ، على سبيل المثال ، تغيير حجم الظل أو إضافته:
.كيه-رمز {
اللون: أحمر;
حجم الخط: 24 بكسل;
مربع الظل: 2 بكسل 2 بكسل 4 بكسل رغبا (0 ، 0 ، 0 ، 0.5);
}
بالإضافة إلى استخدام كس ، وهناك أيضا طرق أخرى لتغيير مظهر رمز فكونتاكتي على الموقع. أحدها هو استخدام مجموعات الرموز الخاصة التي توفرها بعض المكتبات وخدمات الويب. على سبيل المثال ، يمكنك استخدام الرموز من مكتبة الخط رهيبة:
يعد تصميم أيقونة فكونتاكتي على الموقع جزءا من العملية الشاملة لتطوير الواجهة وتكييفها مع المتطلبات الضرورية للمشروع. من المهم أن تتذكر أنه يجب إجراء أي تغييرات على المظهر بطريقة تتناسب مع نظام الألوان العام والأسلوب والموضوع لموقعك.
لون الرمز على خلفيات مختلفة
من أجل تغيير لون أيقونة فكونتاكتي على موقعك واختيار أنسب تركيبة مع الخلفية ، يمكنك استخدام عدة طرق:
1. باستخدام ألوان الرموز القياسية.
يوفر فكونتاكتي العديد من ألوان الرموز القياسية التي يمكن استخدامها على خلفيات مختلفة. على سبيل المثال ، يمكنك اختيار اللون الأبيض أو الأسود أو الأزرق أو الأرجواني للرمز لجعله أكثر وضوحا على خلفية موقعك.
2. تغيير لون الرمز باستخدام كس.
إذا كانت الألوان رمز القياسية لا تناسبك ، يمكنك تغيير لونه باستخدام كس. للقيام بذلك ، قم بإنشاء قاعدة النمط الخاصة بك وحدد لون رمز جديد. على سبيل المثال ، يمكنك استخدام خاصية اللون لتعيين اللون المطلوب للرمز.3. باستخدام صورة الرمز.
إذا لم تكن ألوان الأيقونات القياسية أو القدرة على تغيير لونها باستخدام كس مناسبة لك ، يمكنك إنشاء صورة أيقونة باللون المطلوب واستخدامها على موقعك. للقيام بذلك ، قم بإنشاء صورة في محرر الصور المناسب والصقها على الصفحة.
اختر الطريقة الأنسب لتغيير لون أيقونة فكونتاكتي على موقعك ، مع مراعاة الخلفية والتصميم العام لموقعك.
باستخدام أنماط كس
يمكن استخدام أنماط كس لتغيير لون رمز فكونتاكتي على الموقع. للقيام بذلك ، قم بتطبيق قاعدة المحدد على العنصر المطلوب.
في المثال أدناه ، نستخدم محدد فئة.كيه-رمز لأيقونة التصميم:
.كيه-رمز {
}
في هذا المثال ، قمنا بتعيين لون أيقونة فكونتاكتي على # 0077 وما يليها ، والذي يتوافق مع اللون الأزرق الرسمي لف فكونتاكتي.