الويب العربي - الشرح التفصيلى لكيفية ازالة الصورة بأعلى استايل فيستا أو التعديل عليها

الويب العربي (http://www.arabwebtalk.com/index.php)

- مجتمع ديموفنف (http://www.arabwebtalk.com/forumdisplay.php?f=73)

الشرح التفصيلى لكيفية ازالة الصورة بأعلى استايل فيستا أو التعديل عليها

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

كيف اشيل هذا الجزء من استايل .::. فيستا .::. أو حتى اكتب عليه او اغير عليه

هذه أخوي كلها كلاسات في الاستايل في مكتبة الـ css تحذفها من هنا
شوف هذا المثال
http://www.marvksa.com/inff/articles...tarticles&id=3

إقتباس:

في مكتبة الـ css تحذفها من هنا

حياك يالغالي والله يعطيك العافيه

وين توجد css بالتفصيل لاهنت

أدخل على مجلد style

حتلاقي الستلايل VISTA

افتح المجلد حتلاقي ملف شكله مثل المفكرة اسمه style

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

صباح الخير للجميع

ومشكور استاذى مهندس كمبيوتر على المساعدة

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

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

------------------------------

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

top.jpg

عند الرغبة فى تعديلها فإن تعديل الصورة او تغييرها يكون باستبدالها فقط لا غير

اما عند الرغبة فى ازالتها فلابد لنا من التعرف على الكلاس المسؤول عن ظهورها

بالتالى داخل نفس المجلّد سنقوم بفتح ملف

style.css

باى برنامج وليكن الفرونت بيج لأنه اكثر تنسيقا

سنبحث عن اسم الصورة سنجده مضمّن داخل هذا الكلاس

كود:

#top {

    background: url('top.jpg') no-repeat;

    height: 100px;

            border-bottom: 1px solid #BDCDD3;

}

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

وبالتالى مهمتنا الآن انحصرت فى ملفات الاتش تى ام ال

الوصول اليها سهل من داخل لوحة تحكم انفنتى

نماذج وقوالب >>> نماذج العرض >>> استايل فيستا >>>>>> نموذج header & headermain.html

ابحث فقط عن الجزء الذى يقوم بالتعرف على الكلاس المسمّى بــ top

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

هذا الجزء هو

كود:

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

بمجرد حذف هذا السطر ستزول الصورة ان شاء الله

واردت فقط توضيح ان ما تم شرحه هنا هو تقنيات جديدة لاقصى استفادة من كلاسات الـ css

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

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

وهذا ما يجعل انفنتى 2 تنضمّ ضمن مجموعة المواقع التى تندرج تحت مسمّى web 2 او الويب 2

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

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

تم تعديل العنوان لإفادة الجميع

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

أطيب الأمانى

ماقصرتي استاذه نجلاء وفعلا هذا اللي سويته في موقعي

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

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

مرحبا

إذا كان ممكن ترسل لي بلوك المتواجدون لأنه مفتوح عندك

مشكوووور

بارك الله فيك

شرح ممتاز

واعلم ان الموضوع قديم

لكن لدي سؤال بخصوص هذا البنر

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

وشكرا

أنا قمت بنسخها الى جهازي ومن ثم عملت عليها حركات بالفوتوشوب ورجعتها الى نفس المجلد بنفس الاسم
http://www.althniyan.com/inf/