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

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

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

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

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

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

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

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

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

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

https://account.snap.com

ثم اتبع الصور

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

و هذا هو الكود

الكود: ---------تضليل المحتوى#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}

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

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

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

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

==================
هكذا انتهى الشرح لتركيب التقنية الجبارة على منتديات أحلى منتدى
فكرة و تنفيذ
!KIMO!

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

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

مشكوووووووور

موضوع جميل وبالتوفيق

تقبل مروري

» كود html لعمل حقوق منتداك مثل vbulletin اسفل صفحات منتداك
» كود تظليل جميع روابط المنتدى عند المرور عليها بالماوس
» كود لعمل خلفيه و اطار للصوره الشخصيه دون الحاجهه ااتومبلات
» اول درس كامل متكامل لعمل منتدى في بي من الالف الى الياء مع الصور
» بالتعديل على التومبيلايت .وضع نافذة الدخول باعلى المنتدى تظهر للزوار وللاعضاء .مع تعديلات جميله