الويب العربي

الويب العربي (http://www.arabwebtalk.com/index.php)
-   قسم المنتديات (http://www.arabwebtalk.com/forumdisplay.php?f=112)
-   -   [ شرح ] كيف تضع بنر إعلاني بالمنتدى عن طريق الفرونت بيج !! بالصور (http://www.arabwebtalk.com/showthread.php?t=62506)

إيراب 17-08-2007 11:24 AM

[ شرح ] كيف تضع بنر إعلاني بالمنتدى عن طريق الفرونت بيج !! بالصور
 
المرفقات 1
.
.

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

صباح الورد / مساء الورد ..... أخباركم طيبين ؟ :D

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

هالشرح " للمبتدأين " يعني بأشرح فيه بالطريقة البدائية المملة جداً ، من البداية حتى النهاية :

الخطوة الأولى : نحدد الإستايل اللي نبي الإعلان يظهر فيه ، من لوحة لوحة التحكم نختار " التحكم بالإستايلات " كما بالصورة :
.




الخطوة الثانية : الان بتطلع عندنا الإستايلات ، نحدد الإستايل اللي نبي الإعلان يظهر فيه وفي هالشرح مثلا راح نستخدم إستايل بعنوان " إستايل زهوور " ، نروح نضغط على السهمين الموجودة بجانبه عشان تظهر القوالب كما بالصورة :
.




الخطوة الثالثة : الآن فتحت قوالب الإستايل الرئيسية ، الحين تضغط السهم الموضح بالصور عشان نفتح جميع القوالب الرئيسية والفرعية ، كما بالصورة :
.




الخطوة الرابعة : تحديد القالب اللي بنحط البنر فيه عادة تكون 4 قوالب اللي هي :
header --> إذا كنت تبغى البنر في كل صفحات المنتدى " الرئيسية ، الأقسام ، المواضيع " كل شيء يعني :)
navbar --> نفس " header " ولكن الفرق أن الناف بار تحت الهيدر ، وللمعلومية الناف بار هو اللي تطلع في معلومات العضو مرحبا بك يا إيراب ، آخر زيارة لك ... الرسائل الخاصة : ...... ،، أكيد فهمتوا :D
FORUMHOME --> إذا كنت تبغى البنر يطلع بالواجهة الرئيسية للمنتدى فقط .
FORUMDISPLAY --> إذا كنت تبغى البنر يطلع بالأقسام فقط.
footer --> إذا كنت تبغى البنر أسفل المنتدى وفي جميع الصفحات.

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




الخطوة الخامسة : بعد فتح قالب " header " نظلل جميع مافي القالب بالزر الأيمن ونختار نسخ ، كما بالصورة :
.




الخطوة السادسة : نروح نفتح الفرونت بيج ، الشرح هذا على فرونت بيج 2003 ، نفتح صفحة جديدة بتلقى تحت فاتح على " تعلميات برمجية " أتوماتيك وتلقى شوية أكواد موجودة تلقائيا بمجرد فتح الصفحة تروح تمسح الأكواد ، كما بالصورة :
.




الخطوة السابعة : بعد مسج الأكواد نلصق قالب الهيدر اللي نسخناه من شوي ، كما بالصورة :
.




الخطوة الثامنة : من الشريط اللي تحت بجنب تعليمات برمجية ندوس على كلمة " تصميم " لإظهار تصميم القالب ، تلاحظون مجرد مربع رصاصي عبارة عن ملف فلاش ، طبعا راح يصير إختلاف بين كل هيدر في الإستايلات وراح تلقى أكواد ويمكن صور بس اللي يهمنا نهاية الهيدر في الفراغ الأبيض اللي بنحط فيه البنر ،، شاهدوا الصورة :
.




الخطوة التاسعة ( مهمه ) : الحين البنر اللي بتحطه لازم يكون مرفوع على مركز تحميل أو موقعك المهم يكون على رابط على النت ، تأخذ الرابط وتحطه بالمتصفح العادي وتفتحه راح تلقى فقط صورة البنر ظاهره : مثلا أنا بأخذ رابط شعار الويب العربي على الرابط :
http://www.arabwebtalk.com/images/misc/logo.jpg

وراح أفتحه بالمتصفح راح يطلع صورة الشعار فقط ، بالزر الأيمن وأختار نسخ للبنر كما في الصورة :
.



.......................
فاصل إعلاني / تلاحظون ماكتبت أسمي ولا رابط الويب عشان شعار الويب العربي موجود أصلا ومايحتاج :p :D
.......................


الخطوة العاشرة : بعد نسخ البنر نروح للفورنت بيج ولتصميم نختار المكان اللي نبي البنر فيه وقلنا أسفل البنر ونعمل لصق راح نشوف البنر صار موجود، كما بالصورة :
.



الخطوة الحادية عشر : كيف نخلي البنر يحول للموقع المراد الإعلان له + يفتح في متصفح جديد ،، نروح نحدد البنر وبالزر الأيمن نختار " الإرتباط التشعبي "، كما بالصورة :
.




الخطوة الثانية عشر : بعد الضغط على الإرتباط التشعبي ، راح يطلع لنا مربع نضع بالمستطيل اللي بجنب كلمة " العنوان " رابط المراد التحويل له ، ونلقى على اليسار كلمة " الإطار الهدف " نضغط عليها ونختار جديد عشان اللي يضغط على البنر يفتح له الموقع في متصفح جديد ، كما بالصورة :
.




الخطوة الثالثة عشر : بعد وضع الإرتباط صار القالب جاهز لوضعة بالمنتدى ، الان شغلنا كان كله على تصميم والمنتدى يتعامل بلغة الأكواد فـ نروح لتعليمات برمجية من الشريط تحت وننسخ كل القالب والأكواد الموجودة ، كما بالصورة :
.



الخطوة الرابعة عشر : نرجع للوحة تحكم المنتدى والقوالب نمسح القالب القديم ونضع مكانة القالب الجديد بعد التعديل بعدين حفظ ، كما بالصورة :
.



النتيجة :




ملاحظة / قبل تعمل الشرح خذ نسخة وأحتفظ فيها في حال لاقدر الله حصل خطأ ،،

بكذا لا أشوف أحد منزل موضوع يقول كيف أحط بنر بالمنتدى بأفقع وجهه :D

الشرح هدية لأخونا / سلمان العصيمي بمناسبة الإشراف على قسم vBulletin :o

" إن كنت أصبت فهذا من الله والحمد لله ، وإن كنت أخطأت فمن نفسي والشيطان "

في أمان الرحمن

أخوكم / إيراب


صور الشرح مرفقة
.
.

ss-ksa.com 17-08-2007 01:39 PM

مشور يالغالي جزاك الله خير تسلم

رغم أني ما استخدم منتجلت مايكروسفت


تقبل مروري

إيراب 17-08-2007 01:44 PM

إقتباس:

رغم أني ما استخدم منتجلت مايكروسفت
حتى الوندوز ماتستخدم :eek:


العفو أخوي وحياك :)

سلمان العصيمي 17-08-2007 02:24 PM

جزاك الله خير يالذيب وهديتي يوم انك تكون سالم

ويعطيك الف الف عافيهــــــــ ..... شرح وافي وكافي

ماقصرت يانسل القصور ^_^

ريحتنا من طلبات بنرات المنتدى

مع اني متاكد بعد ربع ساعهـ راح يكتب واحد موضوع ويسال عن الطريقة

>> تقديري <<

AboAyoob 17-08-2007 03:12 PM


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


ss-ksa.com 17-08-2007 05:07 PM

إقتباس:

اقتباس من مشاركة إيراب


حتى الوندوز ماتستخدم :eek:


العفو أخوي وحياك :)

حتى الوندوز :)

ما فيه شي يدعو للاستغراب


الله يحيك

إيراب 17-08-2007 06:50 PM

إقتباس:

اقتباس من مشاركة ss-ksa.com
حتى الوندوز :)

ما فيه شي يدعو للاستغراب


الله يحيك


شكرا لإفادتنا ، تحياتي لك. :D

شبكه يا قمر 18-08-2007 04:23 AM

اخوي ما ضبط معاي مع ابي

متقن اشرح

بس مشكووور يعطيك ربي الف عافيه

إيراب 18-08-2007 02:00 PM

العفووو إخواني ،،

Orango 18-08-2007 02:40 PM

جزاك الله خيراً إيراب , :)

بالنسبة للينكساويين عندنا برنامج أحسن من الفرونت بيج // OpenOffice 2.0 Writer ,

إيراب 18-08-2007 08:30 PM

ألف شكر لمرورك مشرفنا العزيز :)

إقتباس:

اقتباس من مشاركة TRD
بالنسبة للينكساويين عندنا برنامج أحسن من الفرونت بيج // OpenOffice 2.0 Writer ,

أكيد أنتم طقوسكم غير ، و مايفهم لينكس إلا لينكساوي

ابو خلف 19-08-2007 11:53 AM

جزاك الله خيرا ...على الشرح الرائع

إيراب 20-08-2007 01:37 AM

حياك أبو خلف :)

مدرك 20-08-2007 03:26 AM

مشكور اخي الكريم على الشرح الوافي لكن عندي ملاحظه /// انا من المبتدئين واستفدت من شرحك وقبل كذا سويت طلب للطريقة // لكن ما ازعجني التحذير اللي في آخر الشرح (( ياليتك ما قلته )) لقد طير كل اللي فهمته مع شكري

إيراب 20-08-2007 01:57 PM

إقتباس:

ازعجني التحذير اللي في آخر الشرح (( ياليتك ما قلته )) لقد طير كل اللي فهمته مع شكري
هههههه وسع صدرك بس عشان ماتتوهق لو أخطيت

أنت طبق الشرح تمام وماراح تخطيء إن شاء الله

مدرك 22-08-2007 06:56 PM

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

.:|أم أسامه|:. 25-08-2007 12:36 PM

\
جزاك الله خيراً

ماهي الطريقة لوضع البنر بدون برنامج الفرونت بيج ؟؟؟؟؟؟؟؟


/

إيراب 25-08-2007 04:23 PM

إقتباس:

اقتباس من مشاركة .:|أم أسامه|:.
\
جزاك الله خيراً

ماهي الطريقة لوضع البنر بدون برنامج الفرونت بيج ؟؟؟؟؟؟؟؟


/


http://www.arabwebtalk.com/showthread.php?t=62978

http://www.arabwebtalk.com/showthread.php?t=61780

:)

ماجد الكناني 26-08-2007 11:08 AM

جزاك الله خير كفيت ووفيت الله يبيض وجهك

إبراهيم عبد ربه 22-01-2009 07:38 AM

هل من الممكن أن توكل هذه المهمة لمشرف عادي


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 09:47 PM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © ArabWebTalk.Com 2004-2012