منتديات اسلام نت
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا
ادارة المنتدي
https://i.servimg.com/u/f39/16/91/07/32/10351_10.gif


سلام عليكم ورحمة الله وبركاتة يا زائر اهلا بك في اسلام نت
 
الرئيسيةس .و .جالتسجيلدخول

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
محمد أبوفيصل
صاحب الموقع
صاحب الموقع
avatar

تاريخ التسجيل : 30/09/2011
تاريخ الميلاد : 29/08/1984
المشاركات: 2233
نقاط 2147483647
عمري 34
ذكر
الموقع : http://islammnet.own0.com

مُساهمةموضوع: شرح لعمل صور للروابط داخل منتداك فى نافذة صغيرة بمجرد المرور عليها   الثلاثاء يناير 31, 2012 3:26 am

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

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

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

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

ثم اتبع الصور



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


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

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

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




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


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

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

هناك طريقتين

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

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

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

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




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

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

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



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

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

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





[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

ثم انشئ عنصر شخصي جديد
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

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



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

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



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


و هذا هو الكود

الكود:
#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}
و هذا مثال آخر للتقنية



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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





[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]






[ندعوك
للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]







الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://islammnet.own0.com islammnet93@gmail.com mohmad4_7@hotmail.com mohmad44@yahoo.com mohmad4_7
 
شرح لعمل صور للروابط داخل منتداك فى نافذة صغيرة بمجرد المرور عليها
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات اسلام نت :: القســــم تعليمي المنتديات احلى منتداى :: التقنيات الاخرى-
انتقل الى:  

 





nwail


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

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

للتسجيل اضغط هـنـا

اعوذ بالله من الشيطان الرجيم {اَللَهُ لا إِلَهَ إلا هو اَلحي ُ القَيَوم لا تأخذه سِنَةٌ ولا نوْمٌ لَّهُ مَا فيِِ السَمَاوَاتِ وَمَا في اَلأَرْضِ مَن ذَا الَّذِي يَشفَعُ عِنْدَهُ إِلاَّ بِإِذْنِهِ يَعْلَمُ مَا بَينَ أَيدِيهِمْ ِوَمَا خَلْفَهم وَلا َيُحِيطُونَ بشَيءٍ مِنْ علمِهِ إِلاَ بِمَا شَآء وَسعَ كُرْسِيُّهُ السَمَاوَاتِ وَالأَرضِ وَلاَ يَؤُدُه حِفْظُهُمَا وَهُوَ العَليُّ العَظِيمُ}


facebook


المواضيع الأخيرة
» الشيخ عبد الباسط عبد الصمد عالى الجوده كامل مقطع يبكى القلب HD
من طرف محمد أبوفيصل الجمعة سبتمبر 14, 2018 7:02 am

» آيات الحج بصوت فضيلة الشيخ أ.د. سعود بن إبراهيم الشريم حفظه الله.
من طرف محمد أبوفيصل الجمعة سبتمبر 14, 2018 7:01 am

» خير متاع الدنيا
من طرف محمد أبوفيصل الجمعة سبتمبر 14, 2018 7:01 am

» رعد محمد الکردي ,, قراءة ما تيسر من {سورة المنافقون + سورة التين}
من طرف محمد أبوفيصل الجمعة سبتمبر 14, 2018 7:00 am

» إبداع القارئ رعد الكردي في رمضان 1439 تلاوة خيالية من سورة هود
من طرف محمد أبوفيصل الجمعة سبتمبر 14, 2018 6:59 am

» الداعية محمود الحسنات | قصة جليبيب | شاهد للنهاية
من طرف محمد أبوفيصل الجمعة سبتمبر 14, 2018 6:58 am

» جديد وحصري تعريف سكاي ستار 2 Technisat v4.6.0
من طرف adel16dz السبت مايو 26, 2018 2:18 am

» حصريا كود سرفرات المشاهدة المباشرة
من طرف محمد أبوفيصل الخميس نوفمبر 16, 2017 9:55 am

» تحميل برنامج بلوستاك 2017 كامل مجانا للكمبيوتر
من طرف محمد أبوفيصل الأربعاء نوفمبر 15, 2017 12:05 pm

» تحميل برنامج BENTLEY WATERCAD V8I SS6 (X86/X64)
من طرف محمد أبوفيصل الأربعاء نوفمبر 15, 2017 11:23 am