اهلا بكم عندنا المنتدي منور بيكم جميعا لا تحرمونا من مشاركاتكم



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

شاطر
 

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

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


عضو ذهبي

عضو ذهبي

النوع النوع : انثى
مساهمات مساهمات : 46
نقاطي نقاطي : 122
منتسب لنا منتسب لنا : 10/04/2010
العمر العمر : 33
ملاحظة : -

مُساهمةموضوع: حصريا جدا : شرح لعمل صور للروابط داخل منتداك فى نافذة صغيرة بمجرد المرور عليها   حصريا جدا : شرح لعمل صور للروابط داخل منتداك فى نافذة صغيرة بمجرد المرور عليها Emptyالسبت مارس 17, 2012 11:42 am

========
بسم الله نبدأ الشرح
وطبعا الشرح مقدم من محمود ويب
أولا أدخل الى الموقع من هنا

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

ثم اتبع الصور



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


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

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

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




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

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



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

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



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


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

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

هناك طريقتين

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

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

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

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



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

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



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

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

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

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



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

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



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

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

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

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




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

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

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

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



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

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

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

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

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


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

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

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


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


و هذا هو الكود

الكود:


#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}


و هذا مثال آخر للتقنية
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

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

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

 مواضيع مماثلة

-
» حصرياً 2012 | كود CSS لجعل صورة الشخصية للعضو تدور عن المرور عليها بحركة رائعة
» كود ادراج صفحه داخل منتداك
» حصريا كود css لعمل عبارة "لا تضع أبداً ايميل ..الخ" بدون تومبلايت
» كود نافذة الدخول والخروج على جانبي المنتدى مثل محمود ويب
» هل يلزم الإمساك عن الأكل والشرب بمجرد سماع أذان للفجر؟

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

تم التصميم والتطوير بواسطة محمود ويب .
Des & dev Powered by mhmodweb