عرض مشاركة مفردة
 
  #3  
قديم 07-02-2009, 12:34 PM
د.نجلاء نور الدين د.نجلاء نور الدين غير متصل
عضو
 
تاريخ التسجيل: Feb 2008
المدينة: Dimofinf
مشاركة: 4,406
مستوى تقييم العضوية: 25
د.نجلاء نور الدين is on a distinguished road
وسام الويب البرونزي 
عدد الأوسمة: 1 (المزيد ...)
الافتراضي استايلات انفنتي ..كيفية تركيبها ..وميكانيكية التعديل عليها

استايلات انفنتي ..كيفية تركيبها ..وميكانيكية التعديل عليها


كثيرا ما يتضخّم في الأذهان مصطلح " تركيب استايل "
وهذا التضخّم يجعلك تدفع به لأقرب دعم فنّي لتركيبه او رفعه دون الدخول في متاهات ذلك

ولكن هنا ستجد أن التركيب في خطوتين أصعبهما سهل ان شاء الله




***


بداية فمكان وجود الاستايلات في انفنتي بداخل مجلد styles هذا






بفتح المجلد سنجد افتراضيا الاستايل الافتراضي واستايل أبعاد الخاصين بكل نسخة

وهنا يظهر معهما عددّا من الاستايلات الأخرى المرفوعة كاستايل شموخ وغيره







*****

خطوات تركيب الاستايل


1-- قم بتحميل الاستايل من رابطه مثل هذا

http://www.dimofinf.net/install/inf2...n a_2.0.5.zip

2-- قم بفك الضغط عنه في نفس مكان تحميله
فسيضع لك مجلّد باسم lana

3- قم برفعه الى داخل مجلد styles الذي وضّحناه

4-- من لوحة تحكم انفنتي قم بتفعيله باتباع المسار التالي




5-- سيفتح لك مربع ملء البيانات هذا





في الخانة الأولى سنقوم بكتابة اسم الاستايل الذي سيظهر للزائر وافضل باللغة العربية

والخانة التالية سنقوم بكتابة اسم المجلد وهو lana هنا ليتم تفعيله


6-- اذهب للإعدادات العامة
اختر الاستايل الذي قمت برفعه من قائمة الاستايلات ليظهر للزوار ويستطيعون استعراضه



هكذا أنت رفعت الاستايل وفعّلته للزوار بخطوات بسيطة لن تحتاج فيها للمساعدة ان شاء الله
"وسنتطرّق لشرح رفع بالاف تي بي لاحقا بمشيئة الرحمن"




**************



الآن لنتعمّق بداخل مجلّد الاستايل المبهم الذي تم رفعه لنتعرّف على محتوياته

وهذا هو المحتوى عند فتحه

==سنجد مجموعة كبيرة من نماذج الاستايل وهى ملفات بصيغة htmlيمكن استعراضها ببرنامج الفرونت بيج والتعديل عليها







== وسنجد مجلّد images
وباستعراض محتوى مجلّد images سنجد به جميع صور الاستايل التي من الممكن استبدال اى صورة فيها بالصورة التي نريد
لتجديد شكل الاستايل


كما سنجد ملف style.css كما موضح بالصورة هنا





وبه سنجد جميع كلاسات انفنتي وجميع خصائص الخطوط وانواعها واحجامها والوانها والروابط وغيرها



******************




نتحدّث اولا عن الصور واستبدالها لسهولتها



فكما اتضح لنا اى صور بالاستايل سنجدها بداخل مجلد images


وبالتالي لو اردنا استبدال صورة خلفية بلوك كالأخبار العامة مثلا


البلوك هنا






صورة خلفيته سنجدها بفتح مجلد images باستايل لانا هكذا






الآن يمكن تصميم صورة بنفس الأبعاد مثل هذه





ونقوم بتسميتها بنفس الاسم وهو هنا bbg.gif

ومن خلال السي بانل او الاف تي بي بسهولة

سنحذف الصورة السابقة باسم bbg.gif

ونرفع الصورة التي صمّمناها بدلا منها بنفس الاسم والامتداد




***


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


فمثلا مثل هذه الصور أعلى استايل لانا






يمكن استبدالها ببعض الصور الأخرى لأقسام اكثر اهمية او بتصميمات مختلفة تناسب موقعك

بنفس الطريقة

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

وكان زميلي المبدع ايضا احمد بولاد وضع هنا عددا من اللوجوهات الجميلة التي يمكنكم استخدامها بمواقعكم



http://arabwebtalk.com/showthread.php?t=81943


************


ان شاء الله لي عودة لنماذج الاستايل وملف الـ css




اطيب تحية