دليل الإشهار العربي
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


دليل الاشهار العربي افضل موقع عربي في الدعاية والاشهار وفهرسة المواقع والمنتديات في محركات البحث. تقنيات،تصميم،وخدمات أخرى
 
الرئيسيةالرئيسية  س .و .جس .و .ج  التسجيلالتسجيل  دخولدخول  
 

 اجعل الاستايل متألق مع هذه الحيلة البسيطة

اذهب الى الأسفل 
كاتب الموضوعرسالة
keko_ferkeko
 
 
keko_ferkeko

البلد : مصر
الجنس : ذكر
المساهمات : 408
نقاط النشاط : 444

اجعل الاستايل متألق مع هذه الحيلة البسيطة Empty
مُساهمةموضوع: اجعل الاستايل متألق مع هذه الحيلة البسيطة   اجعل الاستايل متألق مع هذه الحيلة البسيطة Emptyالسبت 17 أبريل 2021 - 12:41

 بسم الله الرحمن الرحيم
 السلام عليكم و رحمة الله و بركاته


 إخواني الأعزاء رواد التصميم على الشبكة العنكبوتية.
 أحببت أن أشارككم اليوم حيلة بسيطة لكنها فعالة جداً في جعل تصميم الاستايل مختلف و جذاب. و على يقين تام أنها ستنجح معكم في كل مرة تستعملوها.
 عندما أقوم بتصميم استايل لموقع أو منتدى، أراعي دائماً أن أقلل من كمية الصور لجعل الموقع خفيف في التحميل و سريع التصفح.
 لذلك أركز تماماً على الألوان و تنسيقها مع بعضها البعض.
 لكن هناك حيلة بسيطة يمكن استغلالها بشكل رائع. و هي تغيير خطوط الموقع. معظم المواقع العربية للأسف تعتمد اعتماد كامل على الخطوط الرئيسية على الانترنت مثل (Tahoma, Arial, Sans Serif.. إلخ). و مؤخراً أصبح الخط الكوفي (Droid Arabic Kufi) هو الاتجاه السائد في عالم المواقع العربية.

 سأخبركم اليوم كيف تقومون بتغيير هذه الخطوط و استعمال خطوط جذابة كلها مجانية و مفتوحة المصدر.

 أولاً: كيفية تركيب الخطوط

 طريقة تغيير الخطوط سهلة جداً و بسيطة. قديماً كان يتوجب علينا أن نرفع النصوص على هيئة صورة مما ساهم في ثقل تحميل المواقع بشكل كبير.
 اليوم سنقوم باستخدام تقنية الـ CSS بشكل رهيب.

 سنقوم بإضافة الخطوط لملف الـ CSS بالطريقة التالية
الكود:
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@900&display=swap');
.

 ثانياً: كيفية استخدام الخط

نقوم بإضافة الكود التالي للنص الذي نريد تطبيق الخط عليه


الكود:
font-family: 'Cairo', sans-serif;

.

ثالثاً: تطبيقات جاهزة

هنا أمثلة لتصاميم أعمل عليها حالياً. أرجو أن تعجبكم


المثال الأول

 .
المثال الثاني
.

رابعاً: مكتبات التحميل

و أضع لكم كنز من الخطوط العربية الرائعة هدية مني لإخواني المصممين الكرام.

https://www.fontface.me
https://fonts.google.com

لكم مني كل الود و التقدير؛


الرجوع الى أعلى الصفحة اذهب الى الأسفل
Akatsuki
 
 
Akatsuki

البلد : الجزائر
الجنس : انثى
المساهمات : 4584
نقاط النشاط : 4385

اجعل الاستايل متألق مع هذه الحيلة البسيطة Empty
مُساهمةموضوع: رد: اجعل الاستايل متألق مع هذه الحيلة البسيطة   اجعل الاستايل متألق مع هذه الحيلة البسيطة Emptyالسبت 17 أبريل 2021 - 12:55

وااو .. النتائج رائعة حقا !

أيعمل هذا حتى مع احلى منتدى ؟


توقيع : Akatsuki


www.theb3st.com
THE BEST
إلى حيث ينتمي الإبداع .. ننتمي نحن ~ rendeer
الرجوع الى أعلى الصفحة اذهب الى الأسفل
keko_ferkeko
 
 
keko_ferkeko

البلد : مصر
الجنس : ذكر
المساهمات : 408
نقاط النشاط : 444

اجعل الاستايل متألق مع هذه الحيلة البسيطة Empty
مُساهمةموضوع: رد: اجعل الاستايل متألق مع هذه الحيلة البسيطة   اجعل الاستايل متألق مع هذه الحيلة البسيطة Emptyالأحد 18 أبريل 2021 - 7:35

@Akatsuki كتب:
وااو .. النتائج رائعة حقا !
أيعمل هذا حتى مع احلى منتدى ؟

أهلاً و سهلاً بك أختي الفاضلة..
بالتأكيد يعمل على منتديات أحلى منتدى.. يمكنك رؤية مثال ذلك فأنا استعملها دائما في منتداي الخاص.
نورتي الموضوع  اجعل الاستايل متألق مع هذه الحيلة البسيطة 235873


الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
اجعل الاستايل متألق مع هذه الحيلة البسيطة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
دليل الإشهار العربي :: منتدى تطوير المواقع والمنتديات :: تطوير المواقع و المنتديات :: قسم الشروحات وتقنيات الإشهار-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى دليل الإشهار العربي