v2.1.2

تم التحديث

2022/01/29

التغييرات :

  • إضافة بوت للموقع "روبو".
هل أنت مستعد؟

قالب روابطي

الوصف

قالب لإضافة ارقام وتحويلها الى روابط (اختصار الرابط برقم).

الإطار (Framework)

اللغات

HTML
CSS
JAVASCRIPT

المميزات

  • 🌟 مبني بإطار NuxtJs..
  • 🌟 استخدام خطوط جوجل ..
  • 🌟 يستجيب للشاشات منسق يدوياً ..
  • 🌟 سهل إضافة و التعديل على الأرقام و الروابط..
  • 🌟 الألوان خفيفة و مريحة..
  • 🌟 وجود صفحة 404..
  • 🌟 طلب البيانات دون إعادة تحميل الصفحة..
  • 🌟 إمكانية التحكم بالنص الرئيسي (روابطي)..
  • 🌟 إمكانية التحكم بالأوان الأساسية..
  • 🌟 إمكانية إضافة روابط سفلية وتخصيص الايقونات..
  • 🌟 إمكانية التحكم بنص الخطأ و النجاح..

الرخصة

يجوز لك :

  • الإستخدام الشخصي
  • تعديل

ما لا يجوز لك :

  • الإستخدام التجاري.
  • توزيع.
  • حذف الإسناد أو (الحقوق)

التعليمات

لتجربة النتيجة في القالب جرب رقم "100" و "200".


بعد تحميل القالب وفك الضغط عنه.. افتح ملف "links.json" ثم طبق التعليمات في الأسفل.

إضافة الروابط

سوف تجد اعلى الملف :

"links" : [
{
"link" : "https://www.instagram.com/dev_none/",
"number" : 100
},
{
"link" : "https://twitter.com/dev_none",
"number" : 200
}
],

عند "link" نقوم بإضافة الرابط, وعند "number" نقوم بإضافة الرقم الذي سوف يوجهه لهذا الرابط.



لإضافة اكثر من رابط كل معليك هو تكرار :

,{
"link" : "https://www.instagram.com/dev_none/",
"number" : 100
}

والتعديل على القيم.. كمثال :

"links" : [
{
"link" : "https://www.instagram.com/dev_none/",
"number" : 100
},
{
"link" : "https://twitter.com/dev_none",
"number" : 200
},
{
"link" : "https://nons.me",
"number" : 2087
},
{
"link" : "https://github.com/nonehub",
"number" : 6574
}
],

التحكم بالنص الرئيسي

للتغير النص الرئيسي (روابطي) ..قم بالتعديل على "title" اسفل الملف.

"title" : "روابطي",

التحكم بالألوان

للتعديل لون الخلفية و الوان النص ..اذهب الى اسف الملف سوف تجد :

"color" : {
"main" : "#7281FF",
"background" : "#DFE3FF",
"textbtn" : "#fff"
},

قم بالتعديل على القيم... "background" هي الخلفية, "main" هو اللون الرئيسي للنصوص والعناصر الأساسية, "textbtn" هو للتحكم بلون خط الزر "البحث" وخلفية "مربع الأدخال".

اضافة الروابط السفلية و الايقونات

"contact" : [
{
"iconClass" : "ri-twitter-line",
"link" : "https://twitter.com/dev_none"
},
{
"iconClass" : "ri-instagram-line",
"link" : "https://www.instagram.com/dev_none/"
},
{
"iconClass" : "ri-attachment-line",
"link" : "https://nons.me"
},
{
"iconClass" : "ri-github-fill",
"link" : "https://github.com/nonehub/"
}
],

قم بالتعديل على القيم.. "iconClass" هو يحدد شكل الايقونة, اذهب الى هذا الموقع remixicon.com ثم اختر اي ايقونة واضغط عليها,سوف تظهر لك نافذة انسخ قيمة "class" وضعها في "iconClass",للتعديل على الرابط "link" مكانه نضع الرابط الذي سوف يذهب اليه عندما يضعظ على الايقونة.



لإضافة اكثر من رابط سفلي كرر :

,{
"iconClass" : "ri-twitter-line",
"link" : "https://twitter.com/dev_none"
}

وقم بالتعديل على القيم.

التحكم بنص الخطأ و النجاح

"error" : "لم يتم العثور على الرابط!!",
"success" : "تم الحصول على الرابط, جاري التحويل!!"

قم بالتعديل على القيم, "error" تظهر في حال لم يعثر على الرابط, "success" تظهر في حالة الحصول على الرابط او النجاح

ايقونة الموقع

للتعديل على ايقونة الموقع سوف تجد بعد استخراج الملفات ملف اسمه "favicon.ico" قم بإستبداله بملف بنفس التسميه و الترميز.

السعر

6$

تنويه !!

  • عند شراء القالب سوف تحصل على نسخة جاهزة و مضغوطة و ليس "السورس كود".

التحديثات

  • إطلاق القالب [v1.0] 2021/12/29

    تم إطلاق القالب...

  • تحديث [v2.0] 2022/2/10

    🌟 إمكانية التحكم بالنص الرئيسي (روابطي)..

    🌟 إمكانية التحكم بالأوان الأساسية..

    🌟 إمكانية إضافة روابط سفلية وتخصيص الايقونات..

    🌟 إمكانية التحكم بنص الخطأ و النجاح..