تعلم و ادرس
أهلا وسهلا بالزوارالكرام في منتديات العصفور
تعلم و ادرس
أهلا وسهلا بالزوارالكرام في منتديات العصفور
تعلم و ادرس
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


منتديات مون مان فري
 
الرئيسيةأحدث الصورالتسجيلدخول تسجيل الدخول

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
moonman

moonman


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


    *     *     *     *     *     * *  حصريا جدا : شرح لعمل صور للروابط داخل منتداك فى نافذة صغيرة بمجرد المرور عليها 66
أوسمتى :
    *     *     *     *     *     * *  حصريا جدا : شرح لعمل صور للروابط داخل منتداك فى نافذة صغيرة بمجرد المرور عليها Aw-design-3D1

عدد المساهمات : 992
السٌّمعَة : 0
تاريخ التسجيل : 08/01/2012
الموقع : www.ta3alm.yoo7.com

    *     *     *     *     *     * *  حصريا جدا : شرح لعمل صور للروابط داخل منتداك فى نافذة صغيرة بمجرد المرور عليها Empty
مُساهمةموضوع: * * * * * * * حصريا جدا : شرح لعمل صور للروابط داخل منتداك فى نافذة صغيرة بمجرد المرور عليها       *     *     *     *     *     * *  حصريا جدا : شرح لعمل صور للروابط داخل منتداك فى نافذة صغيرة بمجرد المرور عليها I_icon_minitimeالثلاثاء يناير 10, 2012 4:32 am

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

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

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

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

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

===============================
والان بعد التعريف بالتقنية نأتى الى شرح التركيب فى منتداك
و الشرح مقسم الى :
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;
}


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

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

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

[b]==================

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

أرجو أن أكون قد أفدتكم
انتهى الموضوع
[/b]
[b]ولا أرجو منكم غير الدعاء لى و عدم النقل بدون ذكر المصدر[/b]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://ta3alm.yoo7.com
 
* * * * * * * حصريا جدا : شرح لعمل صور للروابط داخل منتداك فى نافذة صغيرة بمجرد المرور عليها
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود وضع خلفية للروابط + تغير لونها عند مرور الماوس عليها
»  * * * * * * * ازرار منتداك بتقنية CSS
»  * * * * * * * [تقنية] طريقة عمل نافذة تظهر لتاكيد الخروج
»  شرح طريقه اضافه منتداك فى اليكسا ( alexa ) ... بالصور
» درس طريقة وضع الصوره داخل إطار

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