على فكونتاكتي ، كما هو الحال في الشبكات الاجتماعية الأخرى ، غالبا ما يسعى الناس إلى التميز وجذب الانتباه. واحدة من الطرق لتحقيق ذلك قد تكون الصورة الرمزية المتحركة. عندما تتحرك الصورة الرمزية الخاصة بك ، فإنها تجذب الانتباه وتبدو أصلية. إذا كنت تريد أن تتعلم كيفية جعل مثل هذه الصورة الرمزية ، فإنك سوف تحتاج إلى بعض المعرفة من هتمل و كس.
أولا ، تحتاج إلى إنشاء صورة متحركة للصورة الرمزية الخاصة بك. يمكنك استخدام فوتوشوب أو أي برنامج آخر لإنشاء الرسوم المتحركة المتحركة التي سوف تتحرك. على سبيل المثال ، يمكنك إنشاء صورة متحركة متحركة حيث يومض وجهك أو يبتسم.
ثم تحتاج إلى تحميل هذه الصورة المتحركة المتحركة إلى بعض الاستضافة أو الخادم المتاح للجمهور. يمكنك استخدام الرابط الناتج إلى الصورة في رمز صفحة فك الخاص بك. من أجل الصورة الرمزية للتحرك ، وسوف تحتاج إلى استخدام كس الرسوم المتحركة. تضمين هذا الرمز في صفحتك:
- تضمين صورة رمزية متحركة في ملف تعريف فكونتاكتي
- الخطوة 1: إنشاء صورة متحركة باستخدام كس
- الخطوة 2: تحميل الصورة الرمزية إلى ملف تعريف فكونتاكتي
- الخطوة 3: تعديل إعدادات الملف الشخصي لتنشيط الصورة الرمزية
- الخطوة 4: التحقق من الصورة الرمزية المتحركة في ملف تعريف فكونتاكتي
- الخطوة 5: حل مشاكل عرض الصورة الرمزية المتحركة
- الخطوة 6: ضبط سرعة واتجاه حركة الصورة الرمزية
- الخطوة 7: النمط الفردي للصورة الرمزية المتحركة لجذب الانتباه
تضمين صورة رمزية متحركة في ملف تعريف فكونتاكتي
إحدى الطرق لجعل الصورة الرمزية تتحرك في ملف تعريف فكونتاكتي هي استخدام صور جيف كصورة رمزية. الصور المتحركة تدعم الرسوم المتحركة ويمكن أن تخلق انطباعا بالحركة.
لتنفيذ صورة رمزية متحركة ، اتبع الخطوات التالية:
- قم بإنشاء أو العثور على صورة متحركة متحركة تريد استخدامها كصورة رمزية. يمكنك استخدام الصور المتحركة المتحركة الموجودة من الإنترنت أو إنشاء الخاصة بك باستخدام برامج خاصة.
- قم بتثبيت صورة متحركة متحركة في ملف تعريف فكونتاكتي الخاص بك. للقيام بذلك ، انتقل إلى ملف التعريف الخاص بك ، وانقر على زر "تعديل" بجوار الصورة الرمزية. ثم حدد صورة جيف المتحركة على جهاز الكمبيوتر الخاص بك وتحميله على خادم فكونتاكتي.
- تأكد من أن الصورة الرمزية متحركة. بعد تحميل صورة متحركة متحركة ، يجب أن تبدأ اللعب تلقائيا في ملف تعريف فكونتاكتي الخاص بك.
يرجى ملاحظة أن الصور المتحركة المتحركة قد تكون محدودة في الحجم ومدة الرسوم المتحركة. يوصى باستخدام الرسوم المتحركة الصغيرة والقصيرة حتى لا تفرط في تحميل الصفحة وتشتيت انتباه المستخدمين. تأكد أيضا من أن الصورة الرمزية المتحركة تظل قابلة للقراءة ويمكن التعرف عليها.
من المهم أن تتذكر أن الصورة الرمزية المتحركة يمكن أن تسبب ردود فعل مختلفة من المستخدمين وقد لا يحبها الجميع. لذلك ، يوصى باستخدام الرسوم المتحركة بحكمة ومراعاة اهتمامات وتفضيلات جمهورك.
الخطوة 1: إنشاء صورة متحركة باستخدام كس
قبل أن تتمكن من تنفيذ الصورة الرمزية المتحركة على صفحة فكونتاكتي الخاصة بك ، تحتاج إلى إنشاء الصورة الرمزية نفسها باستخدام كس. في هذه الخطوة ، ونحن سوف ننظر في أساسيات كس من شأنها أن تسمح لك لخلق حركة عنصر البصرية.
- إنشاء عنصر مع فئة" الصورة الرمزية". يمكن أن يكون ديف ، أو عنصر آخر مناسب.
- في كس ، إضافة أنماط لهذا العنصر. على سبيل المثال ، قم بتعيين العرض والارتفاع والإطار ولون الخلفية.
- باستخدام الكلمة الرئيسية @إطارات مفتاحية ، قم بإنشاء رسم متحرك للصورة الرمزية المتحركة. على سبيل المثال ، يمكنك تعيين موضع المحور السيني لعنصر ما للتغيير من 0 ٪ إلى 100 ٪ من الرسوم المتحركة.
- ربط الرسوم المتحركة إلى العنصر باستخدام خاصية الرسوم المتحركة. Укажите имя анимации, длительность, задержку и количество повторов.
Ниже приведен пример кода:
| CSS: |
.avatar {
width: 100px;
height: 100px;
border: 2px solid black;
- background-color: blue;
- animation-name: moveAvatar;
- animation-duration: 2s;
- animation-delay: 1s;
- animation-iteration-count: infinite;
- }
- @keyframes moveAvatar {
- 0% {
transform: translateX(0);
}
100% {
transform: translateX(200px);
}
}
لاحظ أنه في هذا المثال ، نستخدم كلمات ترانسلاتكس وقيم البكسل لتحديد التغيير في موضع العنصر على طول المحور س.
- بعد إضافة هذه الأنماط والرسوم المتحركة إلى عنصر فئة "الصورة الرمزية" ، سترى حركة الصورة الرمزية على صفحة فكونتاكتي الخاصة بك.
- الخطوة 2: تحميل صورة رمزية إلى ملف تعريف فكونتاكتي الخاص بك
- بعد إنشاء وحفظ صورة رمزية متحركة ، تحتاج إلى تحميلها إلى ملف تعريف فكونتاكتي الخاص بك. للقيام بذلك ، اتبع التعليمات أدناه:
- افتح تطبيق فكونتاكتي على جهازك أو انتقل إلى موقع فكونتاكتي الرسمي.
- قم بتسجيل الدخول إلى حسابك باستخدام بيانات الاعتماد الخاصة بك (اسم المستخدم وكلمة المرور).
في الصفحة الرئيسية لملفك الشخصي ، انقر فوق الصورة الرمزية الحالية.
في القائمة التي تظهر ، حدد خيار" تحرير صورة الملف الشخصي".
حدد خيار تحميل صورة. لتنزيل صورة رمزية متحركة ، ستحتاج إلى تحديد ملف من جهازك.
ابحث عن الصورة الرمزية المتحركة المحفوظة وحددها على جهازك وانقر فوق الزر" فتح".
إذا لزم الأمر ، قم بتحرير الصورة باتباع الإرشادات التي تظهر على الشاشة. يمكنك اقتصاص المرشحات أو تدويرها أو تغيير حجمها أو تطبيقها على صورة.
قم بتأكيد تحميل الصورة الرمزية بالنقر فوق الزر" حفظ".
بعد الانتهاء من هذه الخطوات ، سيتم تحميل الصورة الرمزية المتحركة الخاصة بك إلى ملف تعريف فكونتاكتي الخاص بك وعرضها لجميع المستخدمين الذين يزورون صفحتك.
الخطوة 3: تعديل إعدادات الملف الشخصي لتنشيط الصورة الرمزية
بعد إنشاء وتحميل صورة رمزية متحركة لملف تعريف فكونتاكتي الخاص بك ، كل ما تبقى هو تنشيطه. للقيام بذلك ، تحتاج إلى إجراء بعض التغييرات على إعدادات الملف الشخصي.
1. افتح صفحة فكونتاكتي الخاصة بك وانقر على الزر "تعديل" بجوار الصورة الرمزية الحالية.
2. في النافذة التي تفتح ، تحتاج إلى تحديد الصورة الرمزية الجديدة التي تريد تنشيطها. للقيام بذلك ، انقر فوق الزر "تحميل صورة" وحدد الصورة الرمزية المتحركة المحفوظة على جهازك.
3. بعد تحديد الصورة الرمزية ، انقر فوق الزر" حفظ " لتطبيق التغييرات.
4. يجب الآن تنشيط الصورة الرمزية الجديدة الخاصة بك. تحقق من عرضه بشكل صحيح على صفحة فكونتاكتي الخاصة بك.
من المهم أن تتذكر أن استخدام الصور الرمزية المتحركة يمكن أن يؤثر سلبا على أداء صفحتك ، خاصة عند الفتح على اتصالات أو أجهزة الإنترنت البطيئة. كن حذرا واختيار الرسوم المتحركة ليست معقدة جدا وثقيلة.
الخطوة 4: التحقق من الصورة الرمزية المتحركة في ملف تعريف فكونتاكتي
بعد حفظ رمز الرسوم المتحركة للصورة الرمزية المتحركة ، تحتاج إلى التحقق من شكلها في ملف تعريف فكونتاكتي الخاص بك. للقيام بذلك ، اتبع الخطوات التالية:
- افتح متصفح الويب وقم بتسجيل الدخول إلى حساب فكونتاكتي الخاص بك.
- في صفحة ملفك الشخصي ، ابحث عن رابط" تعديل " وانقر عليه.
في قسم" المعلومات الأساسية "، ابحث عن حقل" الصورة الرمزية "وانقر على الزر" تحرير".
| حدد الملف الذي يحتوي على الصورة الرمزية المتحركة الخاصة بك على جهاز الكمبيوتر الخاص بك وانقر فوق الزر "فتح". | بعد تنزيل الملف ، انقر فوق الزر" حفظ". |
| الآن يجب أن ترى كيف يتم عرض الصورة الرمزية المتحركة الخاصة بك في ملف تعريف فكونتاكتي الخاص بك. إذا تم كل شيء بشكل صحيح ، فإن الصورة الرمزية تحريك والتحرك وفقا لرمز الرسوم المتحركة الخاصة بك. | إذا كنت لا ترى النتيجة المتوقعة ، فتحقق من أن الرسوم المتحركة الخاصة بك تلبي متطلبات فكونتاكتي. على سبيل المثال ، تحقق من حجم وشكل ملف الصورة الرمزية ، وتحقق من رمز الرسوم المتحركة بحثا عن الأخطاء. |
إذا كنت قد تحققت من كل شيء وما زلت لا ترى النتيجة المتوقعة ، فحاول تكرار الخطوات مرة أخرى أو اطلب المساعدة من مساعدة فكونتاكتي أو مجتمعات المطورين.
الخطوة 5: حل مشاكل عرض الصورة الرمزية المتحركة
بعد تكوين حركة الصورة الرمزية على صفحة فكونتاكتي الخاصة بك ، من الممكن عرض الصورة الرمزية بشكل غير صحيح أو تحديد موضعها بشكل غير صحيح على الصفحة. في هذا القسم ، سننظر في المشكلات التي قد تنشأ ونقترح طرقا لحلها.
الصورة الرمزية تتحول أو لا يتم وضعها بشكل صحيح.
- قد تحدث هذه المشكلة بسبب قيم تحديد المواقع غير صحيحة أو أخطاء في التعليمات البرمجية. تأكد من إدخال إحداثيات الصورة الرمزية بشكل صحيح ولم ترتكب أي أخطاء إملائية أو أخطاء.
- تومض الصورة الرمزية أو تقفز.
- إذا كانت الصورة الرمزية تومض أو تقفز ، فقد يكون ذلك بسبب تأخير غير صحيح في الرسوم المتحركة. تأكد من أن التأخير بين إطارات الرسوم المتحركة طويل بما يكفي لتبدو الحركة سلسة.
- لا يتم عرض الصورة الرمزية على الإطلاق.
إذا لم يتم عرض الصورة الرمزية على الإطلاق ، فتأكد من تحديد المسار إلى الصورة الرمزية بشكل صحيح وأن الصورة متاحة للتنزيل. تأكد أيضا من إدراج الرمز الخاص بك في المكان الصحيح على صفحة فكونتاكتي.