[د.نجلاء نور الدين]

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

وصباح خير وورود للجميع ان شاء الله

وصرااحة هذا الموضوع فكّرت فيه لمن أراد تميّز موقعه فقط عن بقيّة المواقع على الشبكة بصفة عامة وعن بقيّة المواقع المستخدمة لانفنتى بصفة خاصة

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

ولكنّها حقيقة قابلة للتغيير الكلّى

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

تصميم انفنتى 2 تمّ طبقا للمعايير التى تصنّف انفنتى بسهولة تحت قائمة مواقع الويب 2 من حيث الحدّ من الإعتماد على html لأبعد الحدود
والإعتماد الكبير على css فى التصميم

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

==================

لن أطيل ولكن دعونى ادلو بدلوى هنا

هذا الموضوع سيكون بمثابة ثورة ..انقلاب ..وتجديد لشكل مواقعنا وتنسيقها وترتيبها وتحديد اولوياتها

لا انكر ان عندى افكارا تساعد على ذلك ومن اجل هذا فتحت الموضوع

ولكنّى اريده ان يكون منظومة متكاملة ..وجهد مشترك ..وافكار بنّاءة

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

لن نبخل على انفسنا والجميع لسبب بسيط

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

وبالتالى الكل سيبحث عن ما يناسبه ويناسب موقعه منها فقط والمحصّلة النهائية هى اختلاف جميع المواقع عن الأخرى

وساضرب مثال

الكل يأتى ويسأل عن موقع سبق مثلا وبالفعل أهنّئ صاحبه لأنه بحث عن الاختلاف

وبالطبع ليس هو الموقع الوحيد المختلف ولكنه قد يكون الأكثر شهرة

فوجدت كثير ممن يريد التعديل مثله وذلك لأنهم لم يروا غيره مختلف بنفس شهرته

ولكن

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

سيبحث كل شخص عمّا يتناسب وموقعه فقط وبالتالى نتخلّص من تشابه المواقع وتماثلها الذى قد يعطى انطباعا سلبيا رغم تباين المحتوى
وفى نفس الوقت تميّز الجميع





سأضع اول مشاركة ان شاء الله واستمر بعدها فى طرح عدّة افكار ورؤى بسيطة على عدّة مداخلات حسب وقتى

ولكن كلّى أمل أن اجد هذه الصفحة منبعا متفجّرا من الإبداع والنصائح الفعلية والأفكار العمليّة من الجميع هنا

أطيب الأمانى

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

فهرس الأفكار والمشاركات بالموضوع

المخطط العام لاستايل فيستا

تغيير خلفية الاستايل بصورة او لون مع كيفية ازالة الصورة العلوية

شرح كيفية ادراج صورة خلفية باستايل dciwww مع تغيير الوان خلفيات الاستايل

أفكار سريعة فى الهيدر والصورة العلوية

التعديل على مكان اسم كاتب المقالة لاحتواء صورة اكبر ...اول مشاركة تفاعليّة مشروحة من قِبَل "المعروف"

تعديلات على القائمة اليسرى ابعادها وتنسيق الأقسام بها

تعديلات على عرض ومحتوى العمود الأيمن

تغيير جديد فى الهيدر مع اضافة اى عدد من البنرات فى جميع انحاء انفنتى

اخفاء العمود الأيمن ونقل محتوياته والاكتفاء بالعمود اليسار فقط مع منطقة الوسط




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

[د.نجلاء نور الدين]

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

هذه صورة منه فى موقعنا



وهذه صورة بعد تعديلات بسيطة عليه قد لا تستغرق 10 دقائق




وبالطبع لا اريد ان يكون اول ما تبادر لذهن احدنا هنا اننا نريد ان نصل لهذه الصورة أو غيرها

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

============

شيئا مهمّا أحببت القاء الضوء عليه

وهو أن بالبحث عن السبب الأكبر لتشابه مواقعنا سنجد لأن اكثر اصحاب المواقع يفعلّون كل شئ بالموقع ويجدون صعوبة فى تعطيل احد البرامج لا لشئ الاّ لأنه يريد استخدام كل مميزات البرنامج بكل ريال دفعه فيه بغض النظر عن تخصص الموقع واحتياجه

بالطبع لن انكر علي اى صاحب موقع ذلك

ولكن من يريد التميّز والاختلاف سيستغنى عن تلك الفكرة من اجل هدفه الذى يسعى له

وعن نفسى ارى ان تكون الرئيسية مركّزة ومنصبّة فى تخصص الموقع واهتمامه وتوجّه صاحبه بالمقام الأول

بحيث تبحث عمّا يميز مضمون ومحتوى موقعك وتجعل الرئيسية كلها تنطق به وتشير اليه

فبالتأكيد هناك فكرة او مضمون او محتوى مختلف من اجله فتحت الموقع وبقية المحتويات ماهى الا اشياء اضافية وخدمات فيه

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

===============

نقطة اخرى ليكون حديثنا عن اى تعديلات سهل للجميع وقابل للتطبيق سألقى معكم نظرة سريعة عن تقسيم واجهة انفنتى

فمبدأيّا يمكن للجميع الوصول لنماذج الاستايل من لوحة تحكم انفنتى باتباع هذا المسار


لوحة تحكم انفنتى >> نماذج وقوالب >> نماذج العرض >>> vista

او بالطبع اختر اسم اى استايل آخر

سنجد قائمة منسدلة تحتوى على نماذج الاستايل

ما يهمنا فى موضوعنا هنا هى نماذج الواجهة

سنجدها مقسّمة هكذا






الجزء بالأحمر رقم 1

مسؤول عنه نموذج الـ headermain.html & header.html

ال headermain.html مسؤول عن ظهور هذا الجزء بواجهة الموقه

والـ header.html مسؤول عن ظهوره فى بقية صفحات البرنامج وهذه ميزة جميلة فى الاستايل


الجزء بالأزرق رقم 2 مسؤول عنه نموذج rcontent.html

الجزء بالأصفر رقم 3 مسؤول عنه نموذج الـ lcontent.html

والجزء بأعلى الوسط المشار اليه بالرقم 4 مسؤول عنه index.html








الجزء الأوسط بالأسفل مسؤول عنه نموذج ccontent.html

موديلات عرض الصور والبطاقات ومحتويات المكتبت بصفة عامة مثل المشار اليها برقم 5 &6

يتم ادراجها فى نموذج الـ ccontent.html

بكود مثل هذا

<!-- التالي لعرض موديل الكروت -->
<!-- INCLUDE BLOCK : cardmodule -->

ومنها نسنتنتج ان النموذج المسؤول عن عرض الكروت هو نموذج cardmodule وهذا الكود فقط لجلبه داخل منطقة الـ ccontent

=====

الملف المسؤول عن الخطوط والألوان ومتغيرات الاستايل نستطيع الوصول اليه فى السى بانل او بواسطة الاف تى بى بهذا المسار



public_html>>inf>>styles>>vista>>>images>>>style.c ss

باعتبار ان انفنتى داخل مجلد وبان عملنا على استايل فيستا ايضا
=========

الى أن ألقاكم فى افكار جديدة معتمدة على هذه النماذج وهذا الملف فقط ان شاء الله
امنياتى للجميع بكل توفيق
وامنياتى منهم بالتفكير والمشاركة البنّاءة معنا

اطيب الأمانى

[سر الصبر]

طرح جميل ولكن ارى انك اجملتي كثيرا في الموضوع مثل هذه المواضيع لبعض عملاء انفينيتي تحتاج الى واعذروني
على المسمى جلسات


اشكرك كثيرا وعندي سؤال ياليت يكون التركيز على الاعداد الجيد للمحتويات وليست الواجهه فقط مثلا انفينيتي لايوجد
بها خيار يدعم انشاء مكتبة الكترونيه وانا بالموقع احتاجها جدا فهل من طريقه لاعداداها

[د.نجلاء نور الدين]

استاذى الكريم سر الصبر

بداية اشكر لك تواجدك هنا

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

فما زال هناك جلسات وجلسات ان شاء الله ولكنى تعمدت اجمال الفكرة بالبداية لأنى أأمل المشاركة الايجابية من الجميع

فكل منّا بداخله طاقات وابداعات لا تتفجر فى الغالب الا بالمشاركات الجماعية والتفكير الجماعى الذى يولّد المزيد


بالنسبة للواجهة هو ما فتحت من اجله هذا الموضوع لتبرز تميز المحتوى

أما التعديل فى مكتبات انفنتى نفسها

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



http://www.bironi.com/voices.php?action=listvoice

اكرر شكرى لك
وامنياتى لك وللجميع بكل توفيق

[algeriatech]

بــــــــــارك الله فيك أخت
والله أبدعت

مشكووورة وبــــالـتوفــيق للجميع

[صحيفة سدير]

اذا سار الموضوع باللي نبيه

ففعلا سوف نتميز بمواقعنا وتذهب المتشايهات

وما دام ان الامر من الاخت نجلاء فاكيد سوف نجد ابادع لانها اقرب ما تكون للعملاء من خلال هذا المنتدى

ننتظر بشوق ونسوف نطرح افكارنا او ما تسمى استفساراتنا

والله يبارك فيكم

[بيشة اليوم]

يهمني رأيكم كثيراً

www.bishahtoday.com

وآمل تقييم الموقع ونصائح لتميزه

[محمد الشهراني]

طرح مميز . . . والأميز منه هو طموح كاتبه

على بركة الله نبدأ . . التغيير والتميز

لي عودة . . تحياتي

[يوميات]

تحية طيبة للأخت نجلاء على جهودها , وشكراً لها على تواجدها الطيب

[satam2k]

ما شاء الله تميز في المواضيع والشروحات

الله يوفقكم

[أبو حنين]

روعة يا نجلاء

[سبق]

إقتباس: اقتباس من مشاركة أبو حنين      ورعة يا نجلاء

الظاهر قصدك .. روعة يا نجلاء

[Ali Hamad]

إقتباس: اقتباس من مشاركة سبق      الظاهر قصدك .. روعة يا نجلاء

عدلناها يالرادار ..

نجلاء :
موضوع رائع وشرح جميل اتمنى للجميع الاستفادة .

علي حمد ،

[د.نجلاء نور الدين]

algeriatech

صحيفة سدير

بيشة اليوم

محمد الشهراني

يوميات


satam2k

أبو حنين

سبق

استاذى الكريم والمشجّع الدائم لنا هنا : ali hamad

أشكركم جميعا على المرور والتواجد وثقتكم هنا

واسماء جميعها تستحق الشكر والتقدير على التواجد والتواصل الدائم بالقسم

واتمنى بالفعل أن يخرج الموضوع بالنهاية بمشاركتكم جميعا بالصورة والنتيجة المطلوبة منه

ولكــــــــــــــن

سأفتتحه انا وأنتظر دوما مشاركاتكم ولو باقتراحات وسرد افكار دون شرح ان ضاق الوقت معكم

أطيب الأمانى
وان شاء الله الليلة بضع اوائل المشاركات به

[د.نجلاء نور الدين]

و عودة لصلب الموضوع مرة اخرى واعتبر هذه المداخلة هى البداية ان شاء الله

ومثلما ذكرت لن نتطرّق لتنسيق واحد فقط ويكون هدفنا الوصول له

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

سابدا وأتمنى رؤية اقلامكم معى بالجديد باستمرار ان شاء الله

=========================================

بالبداية
يفضّل أن تقوم برفع مجلّد جديد للاستايل لاجراء تعديلاتك عليه بعيدا عن اعين الزوار وقم بتسيمته مثلا vistanew ولكن تجنب ادراج ارقام فى الاسم الاستايل

اى استايل لانفنتى يحكمه 3 اشياء لن يتجاوزها تعديلك عليه


ملفات html ...: الخاصة بأكواد html للاستايل
وهذه موجودة مباشرة داخل مجلد الاستايل الرئيسى وهنا هو مجلد vista

وايضا نصل اليها مباشرة من خلال لوحة تحكم انفنتى
نماذج وقوالب >>> نماذج العرض >>> اسم الاستايل vista
ومن خلال القائمة المنسدلة نستطيع استعراض جميع ملفات html الخاصة بالاستايل


الصور : وهذه نصل اليها عن طريق الاف تى بى بهذا المسار
public_html >>styles>>images
ومن ثمّ سنجد الصور داخله


ملف الاستايل style.css وموجود داخل مجلد images مع الصور ايضا



======================================



أعلم ان الاستايل يسمّى فيستا
وخلفية ويندوز به رائعة
ولكن اذا كانت تكررت فى الكثير من المواقع وأدّت للتشابه فما المانع من تغييرها؟!!

ارى خلفيات كثيرة ومختلفة ومتميزة للويندوز بصفة عامة وخاصة xp

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







وهذه صورة مصغرة للخلفية المستخدمة






أمّا طريقة تغيير الصورة
فبمجرّد البحث داخل مجلد images سنجد الصورة الأصلية باسم

mainbg.jpg

وأبعادها 1280*1024

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


==============================

ان كنت تفضّل عدم استخدام صور والاكتفاء بلون خلفية

فقم بحذف الصورة mainbg.jpg نهائيا او تغيير اسمها افضل لتظل محتفظ بها على موقعك فقد ترغب فى استعادتها فى اى وقت

وهذه صورة للاستايل بلون خلفية فقط دون صورة





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



وبالتالى الكثير سيرغب فى استبدالها او حذفها نهائيا

لاستبدالها سنجد ايضا الصورة فى مجلد images باسم top.jpg

ابعادها 901 * 100

استبدلها بصورة اخرى بنفس الاسم والامتداد والأبعاد

أما لحذفها نهائيا

سنجد كود بسيط فى نموذج header.html & headermain.html

الكود

<div id="top"></div>

مثل الموجود بالصورة هنا





سنقوم بحذفه واعتماد التعديل لتصبح الرئيسية هكذا





===================================

ونكمل مرة اخرى ان شاء الله حتى لا تزيد الصور فى المداخلة وتثقل الصفحة

اتمنى ان تكون البداية واضحة ومفيدة للبعض

وبالطبع قد تكون غير مناسبة للبعض الآخر

فاتفاقنا ان يأخذ كل ممّن يمر بالموضوع هنا ما يناسبه ويترك ما لايتفق مع موقعه ورؤيته

أطيب الأمانى والى لقاء

[ماجـــــد]

ماشاء الله عليك يا أستاذه نجلاء

دروووس ولا أرووع

دائما تتحفيينا بما هو سهل ومميز

الله يحرم وجهك عن النار والديك وكل من احببتي

[المعروف]

عمل تشكرين عليه بصراحة يا نجلاء ،،

وان شاء الله يصير تفاعل اكبر مع هالموضوع بإذن الله ،،

وبالطبع بـ مجرد اختيار الشخص للإنفنتي هذا دليل على رغبته في التميز ،،

والإنطلاق بلا حدود ،،

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

وجدنا انفنتي للمواقع العامة ،، وكذلك المواقع الإخباريه ،،

والمواقع الإسلامية ،، ومواقع الجوال ،، ومواقع متخصصة نسائية ،،


تحياتي
المعروف
http://www.m3rof.com

[د.نجلاء نور الدين]

استاذى الكريم : ماجد

جزاك الله كل الخير على دعوتك الطيبة

واشكرك على تواجدك هنا وان شاء الله ارى مشاركتكم جميعا كل بما يتبادر الى ذهنه من افكار ونصائح للجميع


استاذى المعروف

اشكرك على تواجدك المميز دائما
وبالتأكيد موقعك من المواقع المميزة بانفنتى
ومواقع الجميع بفضل الله

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

أطيب الأمانى لكما وللجميع

[usb]

جميل جداً يا نجلا

نحن في المتابعه...

[ماينقش العصفور]

اختي نجلاء
بصراحه من اكثر المواضيع التي اعجبتني
ودائما مبدعه نتمنى لكي ولجميع القائمين على هذه المجله التوفيق بعون الله
وباذن الله عند تفرغي ساطبق جميع دروسكم لاني اجدها واضحهه وسهل وذلك بفضل شرحكم الوافي والمفهوم

نتمنى لكم التوفيق