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

تواصل معنا على
شبكه التراس التطويري
هلا فيك
شبكه التراس التطويري


الرئيسيةالرئيسية  البوابةالبوابة  اليوميةاليومية  س .و .جس .و .ج  مكتبة الصورمكتبة الصور  بحـثبحـث  الأعضاءالأعضاء  التسجيلالتسجيل  دخولدخول  
آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
شرح طريقه اضافه منتداك فى اليكسا ( alexa ) ... بالصور
طلب اشارف
طلب منتدى في بي
موضوع ولا اروع
كلام رائع
كنوز إيمانية
¨. ْ*•¸,أَيَحْسَبُ الْإِنْسَانُ أَنْ يُتْرَكَ سُدًى,¸•* ْ.¨
لكل من تاخرت عن التحقق امنياته
لاصحاب المواقع اضف جميع مواضيع منتداك لقوقل
فتاه امريكيا تاكل الصابون
الأربعاء فبراير 29, 2012 5:58 pm
الجمعة فبراير 10, 2012 2:04 am
الثلاثاء يناير 31, 2012 2:59 am
الثلاثاء يناير 31, 2012 2:50 am
الثلاثاء يناير 31, 2012 2:49 am
الثلاثاء يناير 31, 2012 2:47 am
الثلاثاء يناير 31, 2012 2:46 am
الثلاثاء يناير 31, 2012 2:43 am
الثلاثاء يناير 31, 2012 2:40 am
الثلاثاء يناير 31, 2012 2:38 am
عمر الحربي
άήτђạ
فتى الإسلام
فتى الإسلام
فتى الإسلام
فتى الإسلام
فتى الإسلام
فتى الإسلام
فتى الإسلام
فتى الإسلام

شاطر | 
 

 حصريا جدا : شرح لعمل صور للروابط داخل منتداك فى نافذة صغيرة بمجرد المرور عليها

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
άήτђạ




معلوماتاضافية
الجنس : ذكر
الدولة :
عدد المشاركات : 931
نشاط العضو : 1750
تاريخ التسجيل : 11/04/2011
المزاج : 3

http://75kk.forumarabia.com
مُساهمةموضوع: حصريا جدا : شرح لعمل صور للروابط داخل منتداك فى نافذة صغيرة بمجرد المرور عليها   الأحد مايو 29, 2011 5:31 pm

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

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

و هذا مثال مصور للتقنية



https://i.servimg.com/u/f60/16/00/73/65/110.jpg

===============================
والان بعد التعريف بالتقنية نأتى الى شرح التركيب فى منتداك
و الشرح مقسم الى :

1 - طريقة الاشتراك فى الموقع و جلب الكود الخاص بالتقنية
2 - شرح التركيب فى منتداك اذا كنت تمتلك التومبيلات
3 - شرح التركيب فى منتداك بدون تومبيلات

=============================
بسم الله نبدأ الشرح

أولا أدخل الى الموقع من هنا

https://account.snap.com

ثم اتبع الصور


تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.


https://i.servimg.com/u/f60/16/00/73/65/210.jpg



تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.


https://i.servimg.com/u/f60/16/00/73/65/310.jpg



تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

https://i.servimg.com/u/f60/16/00/73/65/410.jpg


1 - اللون الخاص بالاطار مثلا أنا اخترت اللون الروز سيظهر كما على اليمين
2 - يمكنك وضع شعار لموقعك سيظهر فى الاطار لكن يجب ان
يكون الحجم 100×20 بيكسل بصيغة jpg او gif

3 - أختار لغة النافذة الخاصة بيك كما ان الموقع يدعم العربية
4 - advanced setting يمكنك من تشكيل متقدم للاطار أكتشفها بنفسك
5 - من هذه النافذة يمكنك معاينة أطارك أثناء التغييرات التى ستطرأ علية

نكمل الشرح المصور



تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.


https://i.servimg.com/u/f60/16/00/73/65/510.jpg

بعد ملء جميع البيانات كما هو موضح اضغط على استمرار , continue


تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.


https://i.servimg.com/u/f60/16/00/73/65/610.jpg

يجب عليك حفظ الكود فى ملف txt أو لا تغلق هذه الصفحة لك الاختيار



تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

https://i.servimg.com/u/f60/16/00/73/65/710.jpg


أذهب الى اميلك لتفعيل الكود لكن لا أجد أهمية لهذه الخطوة

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

هناك طريقتين

=======
1 - ستظهر فاعلية الكود فى جميع صفحات المنتدى بما فيها الرئيسية أى لو هناك رابط يؤدى لموقع خارجى على الرئيسية ستظهر النافذة فية
يعنى مثال حقوق أحلى منتدى عند الوقوف على انشاء منتدى ستظهر النافذة علية

2 - ستظهر فاعلية التقنية داخل المواضيع فقط

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

الطريقة الاولى
-------
اتبع الشرح المصور



تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

https://i.servimg.com/u/f60/16/00/73/65/810.jpg



https://i.servimg.com/u/f60/16/00/73/65/910.jpg



تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

https://i.servimg.com/u/f60/16/00/73/65/1010.jpg

ثم نضع الكود فى بداية القالب


تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.


https://i.servimg.com/u/f60/16/00/73/65/1110.jpg

ثم سجل - و انشر التمبلت

======================
الطريقة الثانية

اتبع نفس الطريقة الاولى لكن لا تدخل على footer و ادخل الى viewtobic_body


تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.


https://i.servimg.com/u/f60/16/00/73/65/1210.jpg

ثم نضع الكود فى بداية القالب كالآتى



تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

https://i.servimg.com/u/f60/16/00/73/65/1310.jpg

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

الجميع سيستخدم الخاصية كما قلنا مع احلى منتدى مفيش مستحيل

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




تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

https://i.servimg.com/u/f60/16/00/73/65/1410.jpg



https://i.servimg.com/u/f60/16/00/73/65/1510.jpg

ثم انشئ عنصر شخصي جديد

https://i.servimg.com/u/f60/16/00/73/65/1610.jpg

و قم بعمل ما فى الصورة تماما



تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

https://i.servimg.com/u/f60/16/00/73/65/1710.jpg

ثم بعد ذلك نقوم بأضافة العنصر الذى صنعناه كالاتى :

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

https://i.servimg.com/u/f60/16/00/73/65/1810.jpg

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

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


تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

https://i.servimg.com/u/f60/16/00/73/65/1910.jpg

هكذا ظهرت التقنية على منتداك مبرروك
لكن يظهر عمود فارغ يجعل شكل المنتدى سئ
فى هذه الجزئية سنستعين بكود أخى {اسير~الدموع}
لاخفاء الفراغ الناتج عن العناصر المستقلة

شرح التركيب
------


تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

https://i.servimg.com/u/f60/16/00/73/65/2010.jpg



https://i.servimg.com/u/f60/16/00/73/65/2110.jpg



https://i.servimg.com/u/f60/16/00/73/65/2210.jpg



تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

https://i.servimg.com/u/f60/16/00/73/65/2310.jpg


و هذا هو الكود

الكود:
#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}


و هذا مثال آخر للتقنية


تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.


https://i.servimg.com/u/f60/16/00/73/65/2410.jpg

==================
هكذا انتهى الشرح لتركيب التقنية الجبارة على منتديات أحلى منتدى
فكرة و تنفيذ
!KIMO!
الموضوع الأصلي : حصريا جدا : شرح لعمل صور للروابط داخل منتداك فى نافذة صغيرة بمجرد المرور عليها الكاتب : άήτђạالمصدر : منتديات أصحاب كول




الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

حصريا جدا : شرح لعمل صور للروابط داخل منتداك فى نافذة صغيرة بمجرد المرور عليها

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

 كلماتدلالية كلماتدلالية
حصريا جدا : شرح لعمل صور للروابط داخل منتداك فى نافذة صغيرة بمجرد المرور عليها اصحاب كول , حصريا جدا : شرح لعمل صور للروابط داخل منتداك فى نافذة صغيرة بمجرد المرور عليها جديد على منتديات اصحاب كول ,حصريا جدا : شرح لعمل صور للروابط داخل منتداك فى نافذة صغيرة بمجرد المرور عليها , حصريا جدا : شرح لعمل صور للروابط داخل منتداك فى نافذة صغيرة بمجرد المرور عليها eshary , حصريا جدا : شرح لعمل صور للروابط داخل منتداك فى نافذة صغيرة بمجرد المرور عليها telecharger 2011 , حصريا جدا : شرح لعمل صور للروابط داخل منتداك فى نافذة صغيرة بمجرد المرور عليها
 KonuLinki الموضوع
 كود BBCode BBCode
 كودHTML HTML Kodu
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
شبكه التراس التطويري :: قسم تطوير المنتديات و المساعدة على إدارتها :: . :: أسئلة مترددة و نصوص شرح مصورة-


جميع الحقوق محفوظه لدي شبكه ايجي فايف 2012