يعد الرابط إلى فكونتاكتي أحد أكثر وسائل الاتصال وتبادل المعلومات شيوعا على الإنترنت. غالبا ما يكون من الضروري إنشاء زر يؤدي إلى ملف تعريف أو مجموعة فكونتاكتي. في هذه المقالة ، سنلقي نظرة على دليل مفصل حول كيفية إنشاء مثل هذا الزر وتقديم بعض الأمثلة لراحتك.
ليس من الصعب إنشاء زر ارتباط فكونتاكتي ، ولكن هناك عدة طرق لتحقيق هذا الهدف. واحدة من أبسط الطرق وأكثرها تنوعا هي استخدام شفرة هتمل الخاصة. يتم إدراج هذا الرمز في صفحة الويب الخاصة بك ويحول النص العادي إلى زر ارتباط أنيق يؤدي إلى الملف الشخصي المطلوب أو مجموعة فكونتاكتي.
مثال على رمز زر رابط فكونتاكتي:
اذهب إلى فكونتاكتي
في مثال الكود هذا ، يؤدي الرابط إلى ملف تعريف فكونتاكتي ، والذي يتم عرضه على أنه "انتقل إلى فكونتاكتي". لإنشاء زر ارتباط فكونتاكتي الخاص بك ، تحتاج فقط إلى استبدال الرابط والنص بنفسك ، على التوالي. يمكنك استخدام الأنماط الخاصة بك للزر عن طريق إضافة فئات كس الضرورية أو سمات.
- كيف يمكنني إنشاء زر ارتباط فكونتاكتي?
- دليل مفصل
- أمثلة الاستخدام
- مثال 1:
- المثال 2:
- المثال 3:
- زر التصميم
- كيف يمكنني إضافة زر إلى موقع على شبكة الانترنت?
كيف يمكنني إنشاء زر ارتباط فكونتاكتي?
وإضافة السمات اللازمة.
مثال على زر ارتباط فكونتاكتي:
اذهب إلى فكونتاكتي |
تعيين النص البديل والعرض والارتفاع للصورة ، على التوالي.
.
يمكنك تخصيص مظهر زر الارتباط عن طريق إضافة أنماط كس الخاصة بك أو الطبقات.
دليل مفصل
الخطوة 1. افتح رمز هتمل الخاص بك في المحرر وحدد العلامة التي تريد وضع زر ارتباط فكونتاكتي فيها. على سبيل المثال:
الخطوة 2. أضف البرنامج النصي فكونتاكتي قبل علامة الإغلاق :
كيه.الحاجيات.مثل ("فكبوتون" ، فكبوتونوبتيونس);
الخطوة 4. تحقق من عرض الزر بشكل صحيح على صفحتك.
الآن بعد أن قمت بإنشاء زر رابط فكونتاكتي ، سيتمكن المستخدمون من رؤيته على صفحتك والنقر على رابط صفحة فكونتاكتي.
اذهب إلى فكونتاكتي
استخدم هذا الدليل لإنشاء أزرار ارتباط فكونتاكتي جذابة وعملية لموقعك على الويب أو مدونتك.
مثال 1:
فكونتاكتي
في هذا المثال ، يتم إنشاء الزر باستخدام علامة النقر والسمة ، والتي تستدعي وظيفة نافذة جافا سكريبت.افتح () لفتح رابط فكونتاكتي في علامة تبويب جديدة. | |
| المثال 3: | |
|
يمكنك اختيار المثال الأنسب لك واستخدام الكود الخاص به عند إنشاء زر ارتباط فكونتاكتي.
زر التصميم
عند إنشاء زر ارتباط لـ فكونتاكتي ، يمكنك تطبيق أنماط مختلفة لجعلها أكثر جاذبية واتساقا مع تصميم موقعك.
طريقة واحدة لنمط زر هو استخدام فئات كس. في رمز هتمل ، يتم تعيين الزر فئة تحدد أسلوبه. على سبيل المثال ، لتغيير لون خلفية زر ، يمكنك إضافة رمز كس التالي:
كود:
رابط فكونتاكتي
في المثال أعلاه ، سيتم تعيين الزر فئة" فك-زر " ، وسوف رمز كس تحديد نمط لهذه الفئة. هنا سيحتوي الزر على لون الخلفية #4676 ب 2 ولون النص # ففف.
يمكنك أيضا تغيير الخصائص الأخرى للزر ، مثل حجم الخط والهوامش ونصف قطر الزاوية والمعلمات الأخرى. تحتاج فقط إلى إضافة الخصائص الضرورية وقيمها إلى رمز كس.
إذا كنت ترغب في إنشاء زر مع التصميم الخاص بك ، يمكنك استخدام صورة بدلا من النص. للقيام بذلك ، يكفي أن تضيف داخل العلامة
الوسم
مع المسار إلى الصورة:
كود:
لاحظ أن المثال يستخدم فئة "زر مخصص" ، والتي يمكن أن تكون على غرار باستخدام رمز كس ، وهناك علامة داخل الزر
مع سرك و ألت سمات.
ومع ذلك ، عند استخدام صورة كزر ، ضع في اعتبارك أن هذا قد يؤثر على إمكانية الوصول إلى موقعك للمستخدمين ذوي الإعاقة.
كيف يمكنني إضافة زر إلى موقع على شبكة الانترنت?
الخطوة 1: تحديد نمط الزر
قبل أن تبدأ ، حدد النمط الذي تريد تطبيقه على الزر الموجود على موقعك. يمكنك اختيار أحد الأنماط المحددة مسبقا أو إنشاء أنماط خاصة بك.