|
هل أستطيع التحكم في شريط أخبار موقعي بـلغة css
|
| lamin99 |
المشاركة في 18-06-2009 20:18
|
المشاركات: 49
الاشتراك: 2008.12.09
|
السلام عليكم ورحمة الله وبركاته، لدي شريط أخبار وشريط إهداءات في موقعي وهما عبارة عن أسطر تتحرك داخل خلية ( مثل: شريط أخبار الجزيرة )
لكنني أتعب كثيرا في تحديث شريط الأخبار وشريط الإهداءات علما أنهما موجودان في عدة صفحات في الموقع
سؤالي هو: هل أستطيع استغلال لغة css بحيث عندما أغير في شريطي الأخبار والإهداءات في صفحة واحدة تتغير معها جميع الصفحات التي بها هذان الشريطان ( الأخبار والإهداءات )
إذا كانت توجد طريقة لفعل ذلك فنرجو ذكرها
شكرا لكم وزادكم الله من علمه النافع |
| |
|
|
| Hussam |
المشاركة في 20-06-2009 09:04
|
المشاركات: 238
الاشتراك: 2008.06.13
|
السلام عليكم و رحمة الله
الجواب يعتمد على الكود اللي موجود داخل الشريط نفسه و كيف تقوم بإدراجة أنت في الخلية و لكن أنا أعطيك طريقة أسهل و أفضل بكتير.
ببساطة، مادام شريط الأخبار يظهر في صفحات كتيرة من الموقع و كلما راح تعمل تحديث للشريط لازم يظهر بكل الصفحات بدون ما تكون مجبر أنك تروح لكل الصفحات (هادا اللي أنا فهمتو) الأفضل أنو تعمل الشريط لوحدة بملف لوحدو ما فيه غير الشريط فقط و تقوم بإدراج هذا الشريط عن طريق فريم أو إنكلود لو استضافتك تدعم php.
، و هون في حالتين:
لو التعديل على محتوى الشريط نفسو، ببساطة روح و عدل الملف اللي عملتو و راح يصير التعديل على كل صفحة أدرجت فيها الشريط.
لو التعديل كان على الطريقة اللي بيظهر فيها الشريط ممكن تعدل طريقة إظهار محتويات الشريط بتعديل الملف اللي أنت عملته ليحتوي الشريط فقط عن طريق css نعم، أو لو التعديل على طريقة ظهور الشريط ككل مو المحتوى، ممكن تعدله عن طريق css تبع الموقع كلو أو الصفحات اللي بيظهر فيها الشريط.
بجميع الحالات التعديل لن يكون على جميع الصفحات و إنما على ملف واحد فقط.
أظن أنو موقعك ستايك مو ديناميك و الستاتيك عموماً بيكون التعامل معه غالباً هارد كود و فيه صعوبة و تكرار كود كتير، على كل حال حطلي الرابط خليني أشوف كيف أنت عاملو و أعطيك أنسب حل إن شاء الله.
السلام عليكم و رحمة الله
عدل بواسطة Hussam في 20-06-2009 09:06
عريت من الشــباب و كــان غضاً كما يعرى من الورق القضيبُ
ونُحت على الشباب بدمع عيني فما يجدي البكـاء ولا النحيـب
فيـا أسـفاً أسـفت على شـباب نعاه الشيب والرأس الخضيب
ألا ليت الشــباب يعـــود يـــومـاً فأخبره بمــا فعل المشـــيب
موقعي الشخصي
http://tutorialti.../About_Me/ |
| |
|
|
| lamin99 |
المشاركة في 25-06-2009 04:10
|
المشاركات: 49
الاشتراك: 2008.12.09
|
السلام عليكم ورحمة الله وبركاته، أخ حسام الشكر كل الشكر على الرد هذا مثال للشريط:
<table border="1" width="100%" bgcolor="#FFFFCC">
<tr>
<td>
<marquee direction="right">شريط آخر الأخبار:</marquee></td>
</tr>
</table>
الكود نسخته لك من برنامج فرونت بيج
أما رابط موقعي:
http://www.dalil.... |
| |
|
|
| Hussam |
المشاركة في 25-06-2009 08:20
|
المشاركات: 238
الاشتراك: 2008.06.13
|
جزاك الله خيراً أخي الغالي ..
الكود رأيته و تستطيع التحكم فيه بشكل كامل من الـ CSS فقل لي ماذا تريد أن تغير فيه من داخل CSS ؟
يعني ما هي الصفات التي تريد أن تتحكم بها فيه من خلال CSS، لون الخط، حجمه، ...إلخ
و أيضاً شاهد درس الـ CSS الذي عملته و استعمل الطريقة التي ذكرتها في آخر الدرس و هي الطريقة الثالثة و التي مضمونها أن تربط الصفحة بملف ستايل مخصص إمتداده css و ألا تكون القواعد مضمنة داخل الصفحة نفسها بأي شكل و ستسطيع أن تغير كل صفات الشريط بكل سهولة.
دخلت الموقع و رأيته، جميل و بسيط و أعلم كم أخذ منك من الوقت و عند التعديل يأخذ الكثير من الوقت لأنك عند تغيير لنك واحد ستقوم بتغيير جميع الصفحات المرتبطة بهذا اللنك، لذلك كان الله في عونك 
و الله موقعك ذكرني بموقع اشتغلته منذ فترة طويلة جداً لما كنت مبتدئ و لم يكن أول موقع أصممه و لكن كان أول موقع صممته دون الإعتماد على أي صورة خارجية، بدأت بصفحة بيضاء في فرونت بيج و عملت موقع و كان يشبه موقعك إلى حد ما ههههه و لكن بعد فترة انتقلت لعمل مواقع ديناميكية و هو الأفضل برأيي.
أنصحك باستعمال دريم ويفر و بالأخص DreamWeaver CS4 في تصميم المواقع الستاتيكية التي تشبه موقعك و في المواقع الديناميكية ذات البرمجة البسيطة و ربما ذات البرمجة المعقدة أيضاً و ذلك لأن المزايا التي يوفرها لك دريم ويفر لا حصر لها إذا ما قورنت بفرونت بيج العقيم لذلك أنصحك فوراً و فوراً و فوراً أن تنتقل للدريم ويفر لأنه يوفر لك الوقت و الجهد في تعديل موقعك الذي يعتبر من الصعب جداً تعديله و أضرب لك مثال:
لاحظت في موقعك خطأ غير محبذ الوقوع فيه و هو أسماء الصفحات (تحوي فراغات) طبعاً لا مشكلة في استعراضها بالمتصفح و لكن فيها مساوئ و هي:
1- شكل الرابط يصبح غير مقروء و مبهم لأن المتصفح يحول الفراغ إلى رمز و هو 20% و روابط موقعك كلها لها الشكل
http://www.dalil....ers%20.htm
ملاحظة: فايرفوكس تجاوز هذه المشكلة و بدأ يظهر فراغات في الروابط بينما لازال يعاني إنترنت إكسبلورر 8 من إظهار الرمز بدلاً من الفراغ.
أنصحك بعدم وضع فراغات مطلقاً و الإستغناء عنها بعلامة _ إذا أردت أن تفصل بين كلمتين في إسم الصفحة أو إسم الملف أو إسم الفولدر في موقعك، و لا أنصحك باستعمال كلمات طويلة و إنما كلمة واحدة مختصرة إن أمكن.
هذا كله يجعلك تطيع الـ Web 2.0 و يجعل محركات البحث تأرشف موقعك بكل سهولة و سرعة.
2- من الأفضل أن يكون هناك نظام واحد للحروف، إما كبيرة أو صغيرة و لا أعلم أي مصمم يضع حروف كبيرة فقط في أسماء صفحاته لذلك أنصحك بوضع حروف صغيرة فقط، مع أنني شخصياً أكسر هذه القاعدة أحياناً و لكن لا أنصحك أن تكسرها و ليكن إسم الملف لديك كله بحروف صغيرة، حميع المتصفحات ليس لديها أي مشكلة في عرض صفحات من هذا النوع.
الآن لو أردت حل هذه المشكلة عن طريق الفرونت بيج سيكون لديك من العمل أيام بل و ربما شهور حسب عدد صفحات موقعك لأنك عندما تغير اسم ملف واحد في الموقع ستضطر لتغيير كل الصفحات التي ترتبط بهذا الملف أو هذه الصفحة و لكن هذا الأمر تم الحساب له في دريم ويفر فعندما تغير إسم ملف من ملفات موقعك في دريم ويفر يسألك دريم ويفر قائلاً إن هناك صفحات أخرى مرتبطة بهذا الملف و الروابط لن تعمل إن لم تغيرها في تلك الصفحات فهل تريد أن تغيرها؟ و يعرض لك أسماء الصفحات المرتبطة فتقول نعم و يتم المطلوب ويتم تغيير الرابط في جميع الصفحات المرتبطة بذلك الملف في ثانية دون عناء ، و حتى أنه في هذه الحالة تستطيع التأكد إن كنت قد ربطت كل صفحات موقعك ببعضها أم لا لأنه سيعرض أسماء الصفحات أيضاً، هل رأيت هذه الميزة الرائعة في الدريم ويفر؟؟
لا أعلم إن كان الفرونت بيج الجديد يشتمل على هذه الميزة و لكن حتى و لو كانت فيه فالدريم ويفر هو الأفضل برأيي لما فيه من مزايا أخرى يتفوق بها على فرونت بيج و هذه عن تجربة فأنا عملت على فرونت بيج إكس بي و فرونت بيج 2003 لفترة طويلة و عندما انتقلت لدريم ويفر رأيت أن الفرق شاسع و البرنامجين غير قابلين للمقارنة ببعضهما.
السلام عليكم و رحمة الله
عدل بواسطة Hussam في 25-06-2009 09:02
عريت من الشــباب و كــان غضاً كما يعرى من الورق القضيبُ
ونُحت على الشباب بدمع عيني فما يجدي البكـاء ولا النحيـب
فيـا أسـفاً أسـفت على شـباب نعاه الشيب والرأس الخضيب
ألا ليت الشــباب يعـــود يـــومـاً فأخبره بمــا فعل المشـــيب
موقعي الشخصي
http://tutorialti.../About_Me/ |
| |
|
|
| lamin99 |
المشاركة في 25-06-2009 17:54
|
المشاركات: 49
الاشتراك: 2008.12.09
|
السلام عليكم ورحمة الله وبركاته، شكرا على هذه النصائح الغالية يا معلم وإنشاء الله سأعمل بها وسترى الفرق، على فكرة أنا مبتدئ وهذا أول موقع لي عمره 8 أشهر تقريبا،
لكن سؤالي كيف أجعل موقعي ديناميكيا هل بتعلم برمجة php أم تلزمني عدة لغات برمجة،
جزاك الله عنا كل الخير يا معلم |
| |
|
|
| Hussam |
المشاركة في 26-06-2009 20:00
|
المشاركات: 238
الاشتراك: 2008.06.13
|
و إياكم أخي!
بإمكانك جعل موقعك ديناميكي بتعلم php و كلغة برمجة هي كافية كبداية.
ملاحظة: الموقع الديناميكي يعني موقع بإمكانه التفاعل مع الزائر و باقي المواقع و ليس كجريدة يقرؤها القارئ و لا يستطيع التفاعل معها.
أمثلة كثيرة عن المواقع الديناميكية منها موقعنا هذا و جميع أنواع المنتديات و نظم إدارة المحتوى.
لا بأس لو بدأت بتعلم تركيب المجلات و المنتديات لتتعلم أولاً كيفية التعامل مع الموقع الديناميكي ثم تتعلم كيف تبنيه لوحدك.
في منتدى كوكب الإسلام الكثير من الدروس المكتوبة و المفيدة بهذا الشأن.
بالتوفيق
عريت من الشــباب و كــان غضاً كما يعرى من الورق القضيبُ
ونُحت على الشباب بدمع عيني فما يجدي البكـاء ولا النحيـب
فيـا أسـفاً أسـفت على شـباب نعاه الشيب والرأس الخضيب
ألا ليت الشــباب يعـــود يـــومـاً فأخبره بمــا فعل المشـــيب
موقعي الشخصي
http://tutorialti.../About_Me/ |
| |
|
|
| lamin99 |
المشاركة في 01-07-2009 20:34
|
المشاركات: 49
الاشتراك: 2008.12.09
|
بسم الله الرحمن الرحيم، في حديثنا عن الديناميكية فقد وضعت سكربت دردشة جافا و صفحة إهداءات وصندوق رسائل الزوار، لكن تعترضني مشكلة عويصة وهي عن تركيب سكربتات php التي تتطلب قاعدة البيانات حاولت معها عشرات المرات كلها باءت بالفشل، ربما سأفتح في منتدى Php موضوعا جديدا في هذا الغرض إن لم أجد في دروس كوكب الإسلام المقترح من طرفك ما يحل مشكلتي.
عدل بواسطة lamin99 في 14-07-2009 09:05 |
| |
|
|
| Hussam |
المشاركة في 03-07-2009 09:09
|
المشاركات: 238
الاشتراك: 2008.06.13
|
أخي الغالي أظن المشكلة في سكربتات php التي تحتاج قواعد بيانات هي نوع الإستضافة فأغلب الإستضافات المجانية تسبب مشاكل غير منتهية مع السكربتات و أفضل علاج لها هو الصفحات الستاتيكية فقط.
عريت من الشــباب و كــان غضاً كما يعرى من الورق القضيبُ
ونُحت على الشباب بدمع عيني فما يجدي البكـاء ولا النحيـب
فيـا أسـفاً أسـفت على شـباب نعاه الشيب والرأس الخضيب
ألا ليت الشــباب يعـــود يـــومـاً فأخبره بمــا فعل المشـــيب
موقعي الشخصي
http://tutorialti.../About_Me/ |
| |
|
|
| lamin99 |
المشاركة في 07-07-2009 08:11
|
المشاركات: 49
الاشتراك: 2008.12.09
|
نسيت أن أقول: أنا لست خبيرا في تركيب سكربتات قواعد البيانات ولم أستطع تركيبها يوما لذلك قد يكون الخطأ مني وليس من الإستضافة لذلك أردت فتح موضوع وذلك بعد الإذن طبعا
دعائي وتحياتي لك يا معلم حسام بالتوفيق |
| |
|
|
| lamin99 |
المشاركة في 08-08-2009 15:39
|
المشاركات: 49
الاشتراك: 2008.12.09
|
السلام عليكم ورحمة وبركاته، معلمنا الغالي لقد طبقت كل توصياتك تقريبا في إعادة تصميم صفحات الموقع من خلال وضع الفريمات وربطها بصفحات مستقلة لتفادي التكرارات أيضا الأحرف الكبيرة والصغيرة وعدم ترك الفراغات، أصبح الموقع خفيفا ( داخل جهازي ) سأحمله إلى مجلد مستقل في موقعي وأضع لك الرابط في أقرب وقت لتعطيني رأيك
زادكم الله من علمه
عدل بواسطة lamin99 في 08-08-2009 15:40 |
| |
|
|
| Hussam |
المشاركة في 08-08-2009 16:06
|
المشاركات: 238
الاشتراك: 2008.06.13
|
بارك الله فيك أخي الحبيب، أي مساعدة أنا بالخدمة.
عريت من الشــباب و كــان غضاً كما يعرى من الورق القضيبُ
ونُحت على الشباب بدمع عيني فما يجدي البكـاء ولا النحيـب
فيـا أسـفاً أسـفت على شـباب نعاه الشيب والرأس الخضيب
ألا ليت الشــباب يعـــود يـــومـاً فأخبره بمــا فعل المشـــيب
موقعي الشخصي
http://tutorialti.../About_Me/ |
| |
|
|
| lamin99 |
المشاركة في 11-08-2009 12:28
|
المشاركات: 49
الاشتراك: 2008.12.09
|
السلام عليكم، أظنني تأخرت في وضع الرابط لأنه حصلت لي بعض المشاكل في مسارات الصور بعدما حملت الصفحات إلى السيرف ر، وأسئلتي ليست متعلقة بالمسارات لكن بالفريمات،سأصلح الخطأ إن شاء الله وأضع الرابط |
| |
|
|
| lamin99 |
المشاركة في 31-08-2009 07:42
|
المشاركات: 49
الاشتراك: 2008.12.09
|
السلام عليكم ورحمة الله وبركاته، لقد تم إيقاف موقعي بسبب تحول الاستضافة إلى مدفوعة والحمد لله أني تداركت الأمر ووجدت استضافة أخرى:
عدل بواسطة lamin99 في 07-09-2009 04:24
واتقوا الله ويعلمكم الله والله بكل شيء عليم |
| |
|
|
| Hussam |
المشاركة في 12-09-2009 06:17
|
المشاركات: 238
الاشتراك: 2008.06.13
|
الحمدلله أخي الغالي.
بالتوفيق إن شاء الله.
عريت من الشــباب و كــان غضاً كما يعرى من الورق القضيبُ
ونُحت على الشباب بدمع عيني فما يجدي البكـاء ولا النحيـب
فيـا أسـفاً أسـفت على شـباب نعاه الشيب والرأس الخضيب
ألا ليت الشــباب يعـــود يـــومـاً فأخبره بمــا فعل المشـــيب
موقعي الشخصي
http://tutorialti.../About_Me/ |
| |
|
|
| lamin99 |
المشاركة في 12-09-2009 12:12
|
المشاركات: 49
الاشتراك: 2008.12.09
|
هاهو الموقع حسب إرشاداتك يا معلم نريد بعض الملاحظات من فضلك، والأسئلة الكثيرة التي تعودت عليها من طرفي فعذرا
عنوان الموقع: www.hofad.tk
واتقوا الله ويعلمكم الله والله بكل شيء عليم |
| |
|
|
| Hussam |
المشاركة في 15-09-2009 05:11
|
المشاركات: 238
الاشتراك: 2008.06.13
|
أخي الغالي يعني أنت ربما فعلت بالضبط ما طلبته منك بالطريقة التي طلبتها منك و لكن نقصتك المهارة و الخبرة و الفنيات لذلك خرج الموقع بصورة غير التي كنت أتوقعها.
على كل حال راح أعطيك رابط لدرس حلو و سهل فيه إنشاء موقع أرجو أن تعتمد عليه و تطبقه خطوة بخطوة و سيكون موقعك أفضل بكثير و ستبدأ بعمل بعض المواقع الجيدة على الأقل بعد أن تطبق الدرس.
رابط الدرس:
http://islam-plan....php?t=958
عريت من الشــباب و كــان غضاً كما يعرى من الورق القضيبُ
ونُحت على الشباب بدمع عيني فما يجدي البكـاء ولا النحيـب
فيـا أسـفاً أسـفت على شـباب نعاه الشيب والرأس الخضيب
ألا ليت الشــباب يعـــود يـــومـاً فأخبره بمــا فعل المشـــيب
موقعي الشخصي
http://tutorialti.../About_Me/ |
| |
|
|
| lamin99 |
المشاركة في 22-09-2009 05:34
|
المشاركات: 49
الاشتراك: 2008.12.09
|
صياما مقبولا وذبنا مغفورا يا معلمنا حسام، مشكور جدا على رابط الدرس مع أني لم أفهمه جيدا وأنا أحاول الآن البحث عن ملف فيديو يشرح لي مثل هذا الدرس، وفقكم الله إلى ما فيه الخير
واتقوا الله ويعلمكم الله والله بكل شيء عليم |
| |
|
|
| Hussam |
المشاركة في 22-09-2009 11:55
|
المشاركات: 238
الاشتراك: 2008.06.13
|
وفقك الله أخي الغالي صيامك مقبول و عيدك مبارك.
باختصار الدرس يعتمد على إنشاء موقع لا يتغير فيه سوى المحتوى و يبقى الهيدر و الفوتر و القائمة ثابتين و يتغير المحتوى باستعمال الفريمات، يعني هو نفس ما فعلت أنت مسبقاً في موقعك ولكن بطريقة معكوسة.
لا تخطئ يا أخي و تذهب و تلف و تدور و تتعذب في دروس أعطيتك درس تابعه بإصرار حتى تفهمه و إذا صعب عليك أمر إسألني أنا هنا لأجيبك.
الإصرار أهم شيء أخي لا تضيع وقتك بالبحث، قل لي اين توقفت و أين المشكلة وأنا أشرحها لك.
السلام عليكم
عريت من الشــباب و كــان غضاً كما يعرى من الورق القضيبُ
ونُحت على الشباب بدمع عيني فما يجدي البكـاء ولا النحيـب
فيـا أسـفاً أسـفت على شـباب نعاه الشيب والرأس الخضيب
ألا ليت الشــباب يعـــود يـــومـاً فأخبره بمــا فعل المشـــيب
موقعي الشخصي
http://tutorialti.../About_Me/ |
| |
|
|
| lamin99 |
المشاركة في 10-10-2009 03:47
|
المشاركات: 49
الاشتراك: 2008.12.09
|
السلام عليكم، مشكور جدا معلمنا الغالي حسام، كلماتك دبت في نفسي الإصرار والحمد أكملت التصميم حسب فهمي للدرس والرابط هو نفس الرابط السابق
سؤال: هل المقاس الذي اخترته للموقع صغير أم كبير أم جيد؟؟؟؟
زادكم الله من علمه النافع
عدل بواسطة lamin99 في 10-10-2009 03:48
واتقوا الله ويعلمكم الله والله بكل شيء عليم |
| |
|
|
| Hussam |
المشاركة في 11-10-2009 02:47
|
المشاركات: 238
الاشتراك: 2008.06.13
|
بارك الله فيك أخي الغالي، بالظاهر إنك فهمت الدرس نوعاً ما و لكن ينقصك المهارة في استعمال html و المقاسات و تصميم المواقع عموماً.
لما تضع عرض معين للصفحة مثلاً عن طريق وضع خاصية width لجدول أو لتاك body ضعه بحيث يكون على شكل نسبة مئوية لا تزيد عن 90 بالمية أو 100 بالمية حد أقصى.
أنت حاطه 124% معقول؟
أي برنامج كان بتستعمله لا تثق في الأبعاد اللي يحطها لك و روح على الكود و شوف العرض تبع التاكات و الجداول و لا تحط عرض ثابت إلا لو أنت هيك بدك أو في صورة معينة راح تعرضها و ما بدك يكون العرض أكبر أو أصغر منها و استعمل CSS لتعيين خواص التاكات و العناصر لا تستعمل خواص html داخل التاك نفسه.
يعني حول الخواص كلها الخاصة بتاك html إلى ملف خارجي CSS.
تاني شي معقول بالفوتر و بعض الصور اللي حاططها إنك شادد الصورة شدة رهيبة بالعرض و صاير المنظر بصراحة من أقبح ما يكون لأنو الصورة ممطوطة بالعرض، حاول تحط تمدد إذا أنت مصر أنو يكون الفوتر على عرض الصفحة و على كل حال لا تحط الفوتر صورة إلا لو أنت بدك هيك، يعني الكلام في الفوتر كان ممكن يكون كلام عادي و روابط.
لا تكتر الصور بالموقع لأنو ساعتها راح يصير الموقع بطيء و خصوصي قلة خبرتك بالتصميم راح تخلي الصور ما تظهر بشكل جيد لذلك الأفضل تخلي الموقع خالي من الصور قدر الإمكان و الروابط تكون روابط مو صور متل موقعنا هذا أنت شايف القائمة هي نص و روابط فقط، المهم هو المحتوى و ليس كثرة الصور في الموقع.
أخي الغالي تابع دروس الـ CSS بالمنتدى بتفهم شو قصدي و مستني منك تتبع التعليمات بالنسبة لعرض الموقع.
عريت من الشــباب و كــان غضاً كما يعرى من الورق القضيبُ
ونُحت على الشباب بدمع عيني فما يجدي البكـاء ولا النحيـب
فيـا أسـفاً أسـفت على شـباب نعاه الشيب والرأس الخضيب
ألا ليت الشــباب يعـــود يـــومـاً فأخبره بمــا فعل المشـــيب
موقعي الشخصي
http://tutorialti.../About_Me/ |
| |
|
عدد التعليقات