اشكرك والله العظيم على شرحك ماشاء الله استفذت منه بس كانت بيني وبينكم تذاكر كثيره للاسباب وماشاء الله تحلوها جزاكم الله خير
انا عندي تصميم ياكثرها بس طريقة القص مررررررره صعب لانفنتي
وبعدين انا ابي اغير الخلفية زي انتي ماغيرتي خلفية الفيستا انا ابي اغير اللون حق الصفحة ولا انزل خلفيه جديده في الافتراضي و الانفنتي الثاني الاستائلات اللى مع الانفنتي
ومتوقعة انى اشوف موقعك فى رحلتنا هنا بشكل مختلف طالما تملك الحماس وينقصك فقط بعض المعرفة بانفنتى ان شاء الله
وقررت ان تكون هذه المداخلة لاكمال كيفية التحكم فى خلفيات انفنتى طالما ما زال هناك اسئلة تدور حولها
=========================================
فى المداخلة السابقة كان لنا وقفة مع تغيير خلفية استايل فيستا
ولكن لم نذكر بها كيفية تغيير لون الخلفية
فى هذه المداخلة سنعتمد على ملف style.css فى تعديلاتنا
للوصول اليه عن طريق الاف تى بى
سنفتح المجلد المحتوى على انفنتى سواء كانت على public_html اى بواجهة الموقع او بداخل مجلد مثل inf
ومنها لمجلّد styles ثمّ داخله مجلد images وبه سنجد ملف الاستايل الذى نريد التعديل عليه style.css
للتعديل عليه سنقوم بفتحه بضغط كلكّة يمين واختيار edit
كما فى الصورة هنا
ستفتح لنا الملف من خلال البرنامج الافتراضى لعرضه بالجهاز
فيمكن فتحه بنوتباد عادية او ببرنامج الفرونت بيج وانا افضله بالفرونت بيج لوضوحه وتسلسله
وهذه صورة له قمت بالتعليم فيها على الكود المستخدم فى تغيير لون الخلفية وهو اول كود بالصفحة
هذه صورة من استايل dciwww
====================
لاختيار اللون المناسب يمكنك فتح برنامج الفرونت بيج وصفحة جديدة ومن خلال استعراض الوان الكتابة
يمكنك الضغط على الوان اضافية لتفتح تلك الصفحة
باستخدام الخيار فى مربع ...... تحديد ..او selsect
يمكنك التقاط اى لون بالقطارة ومن ثم سيظهر كود اللون فى المربع رقم 1 سنكتبه بدون فواصل فى كود الاستايل وبعد علامة #
بالطبع الطريقة ايضا سهلة بالفوتوشوب ولكن الفرونت بيج متداول بين اصحاب المواقع اكثر لذا اوردت الطريقة هنا
==========================
++الكود المستخدم فى استايل فيستا يعتمد على وجود صورة خلفية واذا تم حذفها يظهر اللون البديل الموجود كوده
++الكود المستخدم فى استايل أبعاد يعتمد على لون فقط
لذا اذا اردنا استخدام صورة فى استايل ابعاد ما علينا الا نسخ الكود المسؤول عن ظهورها من استايل فيستا لاستايل ابعاد
وهذا التطبيق العملى
فى استايل ابعاد
كود:
body {
background: #005F9F;
background-attachment: fixed;
color:#000000; margin:0px; padding:0px; font-style:normal; font-variant:normal; font-weight:bold; font-size:8pt; font-family: 'Microsoft Sans Serif', arial, verdana, geneva, lucida, lucida grande, Microsoft Sans Serif, helvetica, sans-serif;
}
فى استايل فيستا
كود:
body {
background: #12639A url('mainbg.jpg') repeat-x;
background-attachment: fixed;
color:#000000; margin:0px; padding:0px; font-style:normal; font-variant:normal; font-weight:bold; font-size:8pt; font-family: 'Microsoft Sans Serif', arial, verdana, geneva, lucida, lucida grande, Microsoft Sans Serif, helvetica, sans-serif;
}
لاحظ فى كلا الاستايلين الكود الأحمر هو كود اللون استبدله باى لون تريد للحصول على خلفية لونية مختلفة مثل هذه
وذلك فى اى استايل تريده
ان اردنا الاستايل بخلفية فسنستبدل السطر الأول بهذا السطر
كود:
background: #12639A url('mainbg.jpg') repeat-x;
كمثال فى استايل ابعاد يصبح هكذا
كود:
body {
background: #005F9F url('mainbg.jpg') repeat-x;
background-attachment: fixed;
color:#000000; margin:0px; padding:0px; font-style:normal; font-variant:normal; font-weight:bold; font-size:8pt; font-family: 'Microsoft Sans Serif', arial, verdana, geneva, lucida, lucida grande, Microsoft Sans Serif, helvetica, sans-serif;
}
هكذا اضفنا خلفية ثابته صورة باسم 'mainbg.jpg'
وبالتالى نحتاج لرفع صورة بنفس الاسم والامتداد كما فعلنا فى المشاركة السابقة لداخل مجلد images ايضا بالاستايل
ما شاء الله ابدااااع ورى ابدااااع
الله يقويكم يارب
اول خطواتي استبدلت صور tpo والخلفية
بس الـ top مو عاجبني وحاولت احذفهم واحفظ القالب يرجع زي ماهو ماتعدل
اكيد في تصريح لمجلد لم افعله ؟؟ اين !! دا السؤال
وشكرآ لك
وانا متابع شرحك ولو اني مارديت
اشكرج على موضوع الاكثر من رائع
ابغى رائيكم في التعديل
طيب احبتي في الله
آخر تعديل بواسطة alryan ، 23-04-2008 الساعة 12:05 AM.
أختي الكريمة وأستاذتنا القديرة نجــــــــــــــــــــلاء
دائما مبدعة ومقتدرة
غبت عنكم فترة ، وها أنا ذا أعود إليكم بأسئلتي المزعجة
ولكن ماذا نفعل ؟
ونحن لا غنا لنا عنكم بعد الله
أولاً : هذا المسار ما عرفت أوصل له عشان أسير فيه
public_html>>inf>>styles>>vista>>>images>>>style.c ss
فكيف الوصول إليه ؟
الصفحة التي في الرد رقم (25) لم يحصل لي شرف التعرف عليها ، وأظن لها علاقة بالمسار أعلاه
ورقم العملية مجنن الزوار والشكوى منه دائمة
هل من حلول ؟ او مساعدة
وأنت اهل لذلك كما عهدنا على الدوام
----------------------------------------------
(الحمد لله مافي عندكم رقم عملية)
وببرنامج الفوتوشوب او اى برنامج معالجة صور غيرت ابعاد اللوجو الى
587 * 81
وقمت بالكتابة عليها بنفس الطريقة .. فكان البنر هنا
-----------------------------------------------
رأيت أحد المواقع وقد رفع بنر بدلا من اسم الموقع وشعاره واستبدل صورة top بالبنر الذى به الاسم والشعار هكذا
مع الاعتذار لصاحب الموقع لعدم امكانية الاستئذان منه قبل نشر الصورة
ولكن لأنه موقع عام وتم النشر للإفادة
------------------------------------------
وايضا كانت اول تجربة عملية معنا لصاحب موقع شبكة الريان
بالاستغناء التام عن اللوجو بحذفه تماما
واستبدال صورة top ايضا بشعار الموقع واسمه هكذا
-------------------------------------
فكرة سريعة واعتذر عن عدم وجود وقت لتصميم شئ ذو قيمة جمالية
ولكن لضيق الوقت فقط احببت ان اضرب مثال بسيط
وهو انك تستطيع ايضا تكبير عرض اللوجو + كتابة الاسم بالحجم الطبيعى عليه + اضافة اى صورة مجسمة بعد تقطيعها وتحريكها فوق خلفية البنر الشفافة
أعتقد ايضا بقليل من الاحترافية يمكنك التعبير عن محتوى موقعك بصورة مجسّمة بجانب اسمه ستضفى عليه لمسة جميلة
و هذا تفصيل بسيط لذلك ببرنامج الفوتوشوب او اى برنامج مشابه
الخطوات
1-- بداية قمت بفتح اللوجو ببرنامج الفوتوشوب
2-- ثمّ بفتح قائمة image
وبعدها خيار image size المشار اليه بالسهم رقم 3 قم بتغيير
عرض الصورة width مشار اليه بالسهم رقم 1
وارتفاع الصورة ابق عليه كما هو 81
3--قم بكتابة اسم الموقع باللون الأبيض بالطريقة الموضحة فى موضوع استايل فيستا لأستاذى خالد العميرى
4-- قم بفتح الصورة المناسبة التى تريد قصّ المجسّم منها
5--بأدوات التحديد المشار اليها بالسهم رقم 5 قم بتحديد الشكل الذى تريد
6--ثمّ انتقل لأداة التحريك المشار اليها بالسهم رقم 6
وقم بنقل الجزء المحدّد الى داخل البنر
ثمّ اكمل حفظ البنر بالطريقة المعتادة
طبقتها تطبيق سريع على اى صورة سريعة عندى والنتيجة ستخرج مثل هذه
==================================
فكرة اخرى سريعة خطرت لى من قبل
وهى تفريغ الشريط اسفل القائمة الأفقية بالهيدر
ليس بمستغرب ان تكون صاحب اول فكرة تفاعليه مع الموضوع فلقد رأيت لك الكثير من المشاركات الهادفة من قبل
اشكرك جزيل الشكر على هذه المشاركة وهذا التنسيق الجديد المفيد بالفعل
لأن بوضع انفنتى الافتراضى يكون افضل ابعاد للصورة 70 او 80 بكسل
وبالتالى هذا التنسيق اعطى فرصة اكبر لابراز صور الكتّاب
اكرر شكرى لك
ودعواتى لك بكل توفيق
ملاحظة
ستتمّ أرشفة المشاركة فى المداخلة الأولى بالموضوع