Latest Threads
-
welcome fowlerkenbox to M...
Forum: New members welcome
Last Post: Michael
11-30-2018, 09:35 PM
» Replies: 0
» Views: 27 -
welcome yxihyvun to Micha...
Forum: New members welcome
Last Post: Michael
11-29-2018, 12:04 PM
» Replies: 0
» Views: 216 -
welcome avudedyqo to Mich...
Forum: New members welcome
Last Post: Michael
11-29-2018, 07:11 AM
» Replies: 0
» Views: 134 -
بيان رسمي – اتحاد الكرة ي...
Forum: اخبار الرياضة
Last Post: Michael
11-06-2018, 05:47 PM
» Replies: 0
» Views: 240 -
In the absence of censors...
Forum: news around the world
Last Post: Michael
11-06-2018, 05:42 PM
» Replies: 0
» Views: 41 -
في غياب الرقابة.. "عبير" ...
Forum: اخبار مصر والعالم
Last Post: Michael
11-06-2018, 05:40 PM
» Replies: 0
» Views: 27 -
welcome ombreprom to Mich...
Forum: New members welcome
Last Post: Michael
10-30-2018, 05:51 AM
» Replies: 0
» Views: 52 -
15 People Whose Looks Are...
Forum: Family and life
Last Post: Michael
10-11-2018, 07:00 PM
» Replies: 0
» Views: 61 -
22 Animals Who Just Can’t...
Forum: Family and life
Last Post: Michael
10-11-2018, 06:47 PM
» Replies: 0
» Views: 246 -
22 Photos Proving That Ca...
Forum: Family and life
Last Post: Michael
10-11-2018, 06:44 PM
» Replies: 0
» Views: 158
Forum Statistics
- Forum posts:3,701
- Forum threads:2,625
- Members:136
- Latest member:fowlerkenbox
الطفل الشجاع
تاليف
Michael_vx
كان فى بلدة صغيرة اسرة متوسطة الحاله رجل وامراه وطفلهما وقد كان الاب سعيد الحظ جدا لانه ربح سيارة من نوع نادر جدا تم تصنيع فقط منها 5 فقط وزعت على البلاد الاخر وهو فاز بالسيارة الاخيرة
لكنه اصيب فى حادث ومات بعدها
تاركا زوجته الشابه وابنه وهو فى سن السابعه من العمر.
بالرغم من موت الرجل لكن الام كتمت حزنها من الداخل لكى لا يؤثر ذلك على طفلها جاك وابقته سعيدا
واثناء الذكرى السنويه الاولى على وفاة والد جاك ذهبت الام ومعها الطفل الى الكنيسة لحضور
الذكرى السنويه على زوجها
لكنها ادركت بعد ان وصلت بان الطفل سوف يتذكر والده ويحزن جدا
فاعطتة مفتاح السيارة والريموت لانه فى ذلك الوقت لم يكن سوى الخمس سيارات تلك التى
صممت بنظام التحكم من بعد بالريموت وكان الطفل يعرف جيدا كيف يستخدم الريموت وهو فى ذلك السن
وقالت له لن اتاخر بنى فقط لا تبتعد من هنا وساتى لك بشىء جميل جدا اذا فعلت ذلك بشكل صحيح
فقال جاك حاضر يامى
واثناء ركنها السيارة بالجراج الخاص بالكنيسه رات حارسان فطلبت منهما الانتباه الى السياره والطفل
واعطتهما المال مقابل ان يبقيا اعينهم على الطفل لانها مازالت تخاف عليه
وتركته ودخلت الى الكنيسه
وقد ذهب الحارسان الى الحمام بعد ذلك جاء اثنين غيرهما واقتربا من الطفل
فخاف الطفل منهما فضغط ذر الانزار باطلقت السيارة الانزار فجرى الحارسان بعيدا وقالا اسكتها اسكتها
نحن لا نريد ان نؤذيك ايها الجميل ما رايك ان تعطينى المفتاح وساعطيك سياره ضخمة مليئه بالسكاكر
فرفض الطفل ذلك قال امى تئتمننى على السياره ولن اخالف كلام امى
فغضب احد الشخصين واخرج مسدسا كاتما للصوت وصوب تجاه الطفل لكنه اخطا التصويب وجائت الرصاصه بالقرب من الطفل اسفل اقدامه
فجرى الطفل الى الشارع
وبدائا بالبحث عنه وركض الطفل الى حارس الكنيسه قائلا هناك شخصان يحاولان قتلى بمسدس
لكن الحارس لم يصدقه وقال له هيا اذهب من هنا
واثناء رجوع الطفل وجدوه مرة اخرى
وقالا له سناخذ تلك السياره مهما كلف الامر ايها الفار
لانهما الشخصان الذين كانو يعرفون ان تلك السياره يمكن ان تباع الى الوزراء مقابل ملايين
فى ذلك الوقت لم تكن الطرق مذدحمه بالناس
فاخذها شاحنتهما وحاولا اللحاق بالطفل ودهسه لكن الطفل كان يختبى بين الابنيه لكى لا يصلو اليه ووجدو ان احد الاشخاص بالطريق لاحظ فصرخ احدمها وقال المكابح لا تعمل ابتعدو من الطريق
وكانا يطاردان الطفل حتى طريق العوده الى الكنيسة فدخل الطفل من الباب واختباء
لكن الرجل الثانى دخل اليه فركض الى الخارج مرة اخرى والشاحنه خلفه فذهب الى الحارس مرة اخرى
وقال له انظر هؤلاء من يحاولون قتلى لكنه سمع كلام اللص الثانى قائلا له ايها الحارس ان الشاحنه تعطلت ولا تريد التوقف رجائا ساعدنا فلم يصدق الطفل للمرة الثانيه
فدخل الطفل الى الكنيسه ودخل اللص بالشاحنه الى داخل الكنيسة
فرات الام ذلك وقالت مذا هنا يا جاك فقال لها حراس امن الجراج يريدان سرقة السياره
واثناء وقفوهما الى جوار الجدار وصل اللص الثانى ووقف امامهم ووجه المسدس نحوهما وقال هيا اعطونى السيارة والا قتلتكما لكن اللص الاول لم ينتبه لوجود اللص الثانى فصدمه وقبل ان يصدم الام وطفلها علقت الشاحنة من الخلف واجبرتا على عدم التقدم
وكان عجلات الشاحنه تحتك بالارض فوقفت الام اما الطفل لانهما كانا بزاويه محاصران
فنظر الطفل فوجد مسدس اللص الثانى فامسك به وصوب تجاه اللص فى الشاحنه وهو يحاول
الضغط على الذنات لكنه لم يكن قادرا لانه طفل ولكن اثناء ذلك وصل حارس الكنيسة
وكانت الشرطه بالخارج
فامسك بالطفل واخذ المسدس من يده بعد ان قام بضرب اللص وايقاف الشاحنه
وقال الحارس ان الطفل كان يحوال ان يقتل
فصرخت الام ليس كذلك
فجاء الظابط الى الطفل وساله لماذا فعلت ذلك
فقال الطفل وهو مرتعب قليلا
لقد كنت احاول ان اقوم بحماية امى ان هذا الرجلان يحاولان سرقة سيارة امى
وعرف رجال الشرطة نوع السيارة فقالا للمراة انه السيارة ستظل هذفا للسارقين لانها تساوى ملايين
فطلبا منها بيع السياره الى احد الوزراء وسيتم تسليمها المال وهو اربعون مليون
واعترف اللص انه يلاحق السياره منذ فتره وانه هو وزميله الذى قتل تحت الشاحنه منذ فتره
وقد قاما بقتل الرج وهو زوج المراه وكانت الشرطة تظن انها حالة انتحار
وقد قامو باعطاء الطفل مكافئه وهى الشاحنه التى كانت مع اللصان واصبحت الاسرة المكونه من ام وطفلها الى اسرة غنية لديها منزل كبير و شاحنه يستعملونا فى التجارة ونقل البضائع
وعاشا باقى حياتهما فى امان
النهاية
The End
![[Image: S4OF0U.jpeg]](http://im70.gulfup.com/S4OF0U.jpeg)
س: في أي معركة لقي جوردون باشا مصرعه ؟
ج: في معركته الأخيرة
س: أين تم توقيع اتفاقية نيفاشا ؟
ج: في أسفل الورقة
س: ما هو السبب الرئيسي للطلاق ؟
ج: الزواج
س: ما هو السبب الرئيسي للفشل ؟
ج: الامتحانات
س: ما الذي لا تستطيع تناوله في وجبة الفطور ؟
ج: الغداء والعشاء
س: ما الشيء الذي يشبه نصف تفاحة ؟
ج: النصف الآخر من التفاحة
س: ماذا يحدث لقطعة قماش بيضاء إذا رميت بها في مياه زرقاء ؟
ج: تصبح مبتلة
س: كيف تستطيع رفع فيل بيد واحدة ؟
ج: مستحيل .. لأنه لا يوجد فيل بيد واحدة
س: إذا كنت تحمل في يدك اليمنى 4 تفاحات و3 برتقالات
وفي اليسرى 3 تفاحات وخمس برتقالات فماذا يكون عندك ؟
ج: تكون عندي يدان كبيرتان جدا
س: أكمل عشرة رجال بناء جدار في 8 ساعات
فكم من الزمن يحتاج 4 رجال لبناء الجدار ؟
ج: ولا دقيقة لأن الجدار مبني سلفا
س: كيف تستطيع رمي بيضة على صبة من الخرسانة دون ان تتفتت ؟
ج: مهما كانت طريقة الرمي فان الصبة لا تتفت
بنرحب بيك
حنان
على انضمامك لينا
وبنقولك نورت
وخليك فاكر ده المنتدى الرسمى الخاص بمايكل سوفت
ولا يوجد اى منتدى لنا
واى موقع يقلدنا وتريد التاكد انها تابع لنا ام لا
بقسم المقترحات والشكاوى
اولا الموضوع ده مجرب
وقد تم تاجيل الشرح مسبقا لحين التاكد
من مصداقية الموقع
الموقع يحتسب ظهور الاعلان الواحد بحوالى $0.0005
اى نصف سنت كحد ادنى اما الدفع الاكبر بيكون على حسب الدولة التى ظهر بها الاعلان
ومن المعروف لدى الجميع الدول العربية ستكون الاقل ربحا من الدول الاجنبية
اولا رابط التسجيل
اضغط على الصورة
![[Image: 468_60link_bucks.gif]](https://www.linkbucks.com/tmpl/mint/img/468_60link_bucks.gif)
ثانيا الشرح مصور للتسهيل
اول صفحة ستجدها هى الصفحة الرئيسية
![[Image: OWI3JBp.jpg]](https://i.imgur.com/OWI3JBp.jpg)
بعد الضغط على تسجيل ستجد الصفحة الخاصة بالتسجيل بالموقع
صورة كاملة مع البيانات المطلوبة مترجمة الى العربية
![[Image: EQj6VGk.jpg]](https://i.imgur.com/EQj6VGk.jpg)
وهذه قائمة السؤال السرى
مترجمة الى العربية
![[Image: kHPwn1m.jpg]](https://i.imgur.com/kHPwn1m.jpg)
عندما تنتهى من الخطوة الاولى وتاكيد البيانات ستاتيك هذه الصفحة
![[Image: loxqLM7.jpg]](https://i.imgur.com/loxqLM7.jpg)
وبذلك انت اتممت التسجيل لكن عليك التفعيل
ستذهب الى البريد الالكترونى ستجد رساله باسم
No reaplay
باسم الموقع
![[Image: poAY1o9.jpg]](https://i.imgur.com/poAY1o9.jpg)
بعد ذلك ستظهر تلك الصفحة وبذلك تكون اتممت التسجيل
واذا كان هناك شىء غير مفهوم اطلب ونحن نجيب
![[Image: DaxJ0PX.jpg]](https://i.imgur.com/DaxJ0PX.jpg)
طريقة الحصول على الكود لموقعك
اولا بعد تسجيل الدخول اتبع الصور
![[Image: SUDzHns.jpg]](https://i.imgur.com/SUDzHns.jpg)
بعد ذلك املاء بيانات بسيطه جدا لكى تعرف الشركة كيفية التعامل مع موقعك
![[Image: sk7kzZH.jpg]](https://i.imgur.com/sk7kzZH.jpg)
واخيرا خذ الكود وصعة فى موقعك
![[Image: WX4Ofsn.jpg]](https://i.imgur.com/WX4Ofsn.jpg)
بالنسبة لمستخدمى منتديات احلى منتدى ولا يعرفون مكان وضع الكود
لوحة الادارة > عناصر اضافية > ادارة العناصر المستقلة على الرئيسية
واضف الكود باحد العناصر اذا كنت بتستخدم العناصر
اما لو ماكنتش بتستخدم العناصر
ممكن تحطه فى الاعلانات الخاصة
المنتديات او المواقع الاخرى بقالب الهيدر Header او الفوتر footer
والف مبروك انتهى الشرح اذا كان لديك اى سؤال او استفسار اطلبة واحنا تحت الامر
اولا يجب ان تتوافر على حساب فى تويتر
ليس لديك سجل الان على تويتر
اول خطوه وهى الدخول على الاعدادات الخاصة بك فى تويتر
بعد ذلك الدخول الى الصفحة المسماه
Widgets
بعد ذلك اختاير انشاء جديد كما بالصورة
اظبط الاعدادات والمقاس ولون الروابط
بعد الضغط على انشاء ستجد الكود كما بالصورة التاليه
خذ الكود والى لوحة الادارة > عناصر اضافية > ادارة العناصر المستقله > وانشىء عنصرا جديدا واضف الكود به
واذا اردت وضعه اعلى الصفه يوجد لدينا الكود للعناصر اعلى الصفحة واسفلها
طريقة وضع العناصر اسفل واعلى المنتدى لجميع النسخ لاحلى منتدى
بالتوفيق للجميع واستمتع مع مايكل سوفت
طريقة وضع العناصر اسفل واعلى المنتدى لجميع النسخ لاحلى منتدى
بالتوفيق للجميع واستمتع مع مايكل سوفت
الشرح الحصرى لا تجدة الاى على المنتدى المميز
الشرح تم تجميعه من اماكن عدة حتى يكتمل الى الشكل النهائى
اولا الطريقة لوضع العناصر اعلى او اسفل المنتدى للنسخة
لجميع النسخ الموجودة على احلى منتدى
نبدا اولا بالنسخة الثانية
PHPBB2
فى حالة اسفل المنتدى
لوحة الاداره >> عناصر إضافيه >> إدارة العناصر المستقلة على الرئيسية
ثم قم بتفعيل العناصر المستقله على الرئيسيه
![[Image: aseer13.png]](http://i83.servimg.com/u/f83/13/93/90/70/aseer13.png)
![[Image: aseer212.png]](http://i83.servimg.com/u/f83/13/93/90/70/aseer212.png)
اجعل العمود الايسر 180
فى حالة وضع العناصر اسفل الصفحات
اجعل عنصر مستقلا وضع به الكود التالى
ضع العناصر التى تريدها اسفل هذا العنصر
ــــــــــــــــــــــــــــــــــــــــــ
اما فى حالة وضع العناصر اعلى الصفحات
اضف عنصر جديد وضع به الكود التالى
وضع العناصر فوقه
المثال موجود على موقعنا
ـــــــــــــــــــــــــــــــــــــــــ
فى حالة وجود مساقة الى اليمين
اضف كود CSS
ـــــــــــــــــــــــ انتهى جزىء النسخة الثانية ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
اما الشرح التالى فهو خاص بالنسخ
PHPBB3
Invision
PUNBB
فقط اضف الكود التالى الى صفحة
CSS
اما عن طريقة
التحكم بعناصرك تكون كما بتلك الصورة الشرح ينطبق على النسخة الثانية ايضا استخدم الجزىء الايمن لوضع العناصر اعلى الصفحة والايسر اسفل الصفحة غير ذلك قد لا يعمل
![[Image: image.php?id=D480_5300B8AB&jpg]](http://micsoft.xp3.biz/image.php?id=D480_5300B8AB&jpg)
فى حالة وجود مشاكل بعرض ومظهر المقاسات فى المنتدى عدل الارقام الموجودة بالكود
990px
و
935px
حتى تحصل على المظهر المناسب لمنتداك
مع تحيات مايكل سوفت
التمميز والابداع دوما
الشرح تم تجميعه من اماكن عدة حتى يكتمل الى الشكل النهائى
اولا الطريقة لوضع العناصر اعلى او اسفل المنتدى للنسخة
لجميع النسخ الموجودة على احلى منتدى
نبدا اولا بالنسخة الثانية
PHPBB2
فى حالة اسفل المنتدى
لوحة الاداره >> عناصر إضافيه >> إدارة العناصر المستقلة على الرئيسية
ثم قم بتفعيل العناصر المستقله على الرئيسيه
اجعل العمود الايسر 180
فى حالة وضع العناصر اسفل الصفحات
اجعل عنصر مستقلا وضع به الكود التالى
Code:
</td>
</tr>
</tbody>
</table>ضع العناصر التى تريدها اسفل هذا العنصر
ــــــــــــــــــــــــــــــــــــــــــ
اما فى حالة وضع العناصر اعلى الصفحات
اضف عنصر جديد وضع به الكود التالى
Code:
</td></tr></table>
</div></td></tr></table>
<style>
.bodylinewidth, #content-container #left {
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
margin-top: auto;
width: 95%;
}
</style>
<table class="bodylinewidth" width="90%" cellspacing="0"
cellpadding="0" border="0" align="center"><tr><td>
<table cellpadding="0" cellspacing="0" width="95%" class="three-col"><tr><td >
<div>وضع العناصر فوقه
المثال موجود على موقعنا
ـــــــــــــــــــــــــــــــــــــــــ
فى حالة وجود مساقة الى اليمين
اضف كود CSS
Code:
#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;ـــــــــــــــــــــــ انتهى جزىء النسخة الثانية ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
اما الشرح التالى فهو خاص بالنسخ
PHPBB3
Invision
PUNBB
فقط اضف الكود التالى الى صفحة
CSS
Code:
/* بداية كود جعل العناصر اسفل او اعلى المنتدى */
#content-container div#container {
width: auto;
float: none;
margin-left: auto;
}
#content-container div#main {
margin-right: auto;
margin-bottom: auto;
}
#content-container div#left {
width: auto;
float: none;
margin-left: auto;
}
#content-container div#right {
width: auto;
float: none;
margin-left: auto;
}
#main {
width: 990px;
}
#gfooter {
width: 990px;
}
#logostrip {
width: 990px;
}
#submenu {
width: 990px;
}
#userlinks {
width: 935px;
}
/* مايكل سوفت */اما عن طريقة
التحكم بعناصرك تكون كما بتلك الصورة الشرح ينطبق على النسخة الثانية ايضا استخدم الجزىء الايمن لوضع العناصر اعلى الصفحة والايسر اسفل الصفحة غير ذلك قد لا يعمل
فى حالة وجود مشاكل بعرض ومظهر المقاسات فى المنتدى عدل الارقام الموجودة بالكود
990px
و
935px
حتى تحصل على المظهر المناسب لمنتداك
مع تحيات مايكل سوفت
التمميز والابداع دوما
اولا الكود ده تجميعة اكواد فى كود واحد لحة دخول ولوحة تحكم
احدى صور المعاينة والتى تظهر للزوار
![[Image: image.php?id=D0EA_530F33CF&jpg]](http://micsoft.pe.hu//image.php?id=D0EA_530F33CF&jpg)
وللمعاينة الحية الشريط موجود فى المنتدى بالاعلى
اولا عليك بمعرفة اين تضع الاكواد
لوحة الادارة > عناصر اضافية > ادارة العناصر المستقلة > انشاء عنصر شخصى جديد
واضف الكود
اولا هذا الكود تجعل صلاحيته للزوار فقط اسم العنصر لوحة التحكم المطورة زائر
الاصدار الثابت
الكود الثانى اجعلة للاعضاء والمشرفين اسم العنصر لوحة الدخول المطورة عام واذا اردت ان تجعلها للمدير ايضا فلا مشكله
الاصدار الثابت
واخيرا وده حسب اختيارك اسم العنصر لوحة التحكم المطورة مدير لا تنشطة ابضا للاعضاء او المشرفين الكود به رابطة لوحة الادارة الخاصة بموقعك
الاصدار الثابت
جميع هذه الاكواد لا تحتاج الى التعديل فقط افها كما هى حقوق الملكية هى اسم الموقع
مسموح بنقل الاكواد ممنوع حذف الحقوق
احدى صور المعاينة والتى تظهر للزوار
وللمعاينة الحية الشريط موجود فى المنتدى بالاعلى
اولا عليك بمعرفة اين تضع الاكواد
لوحة الادارة > عناصر اضافية > ادارة العناصر المستقلة > انشاء عنصر شخصى جديد
واضف الكود
اولا هذا الكود تجعل صلاحيته للزوار فقط اسم العنصر لوحة التحكم المطورة زائر
الاصدار الثابت
Code:
<link rel="stylesheet" href="http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css" type="text/css" media="screen" /> <style>
#login {
overflow: visible;
height: auto;
-webkit-transition: margin-top 0.5s ease-in-out 0s;
-moz-transition: margin-top 0.5s ease-in-out 0s;
-o-transition: margin-top 0.5s ease-in-out 0s;
transition: margin-top 0.5s ease-in-out 0s;
}
/* Login Panel I */
#topp {
height: 38px;
position: relative;
}
#topp ul.login {
display: blue;
position: relative;
float: right;
clear: right;
height: 38px;
width: auto;
font-weight: bold;
line-height: 38px;
margin: 0;
right: 150px;
color: white;
font-size: 100%;
text-align: center;
padding-right: 45px;
}
#topp ul.login li.left {
height: 38px;
width: 45px;
padding: 0;
margin: 0;
display: blue;
float: left;
}
#topp ul.login li {
text-align: left;
padding: 0 6px;
display: blue;
float: left;
height: 38px;
}
#topp ul.login li a {color: #9CCCFF;}
#topp ul.login li a:hover {color: white;}
/* Login Panel */
#topp {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}
#topp ul.login {
background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}
#topp ul.login li.left {
background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}
#topp ul.login li {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}
/*Login*/
/* toggle effect - show/hide login*/
#login {
background: #1E1E1E;}
#login .loginContent input:focus.field {
background: #1E1E1E;}
#login .loginContent{padding-top:0px;width:790px;height:120px;}
#login .loginContent input.button_login {
background: transparent
url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg)
no-repeat 0 0;}
#login .loginClose a {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;}
#login .loginClose a:hover {
background:
url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg)
no-repeat right -20px;}
</style>
<!-- Login -->
<div _moz_abspos="white" id="loginn" style="display:
block;position: absolute;left: 0px;top: 0px;width: 100%;">
<div id="login" style="margin-top: -125px;">
<div class="loginContent">
<table style="width:100%;" border="0">
<tbody>
<tr>
<td style="text-align:center;">
<table _moz_resizing="true" border="0">
<tbody>
<tr>
<td>
<script>
jQuery(document).ready(function(){
jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
link = jQuery('.panel dl:first img', data).attr('src');
if(link){
jQuery('#avatar').html('<img src="'+link+'" align="left" width="60" height="80">');
}else{
jQuery('#avatar').html('');
}
});
});
</script>
<div id="avatar">
<center>
<img src="http://i53.tinypic.com/1e1fex.gif" />
</center>
</div>
</td>
<td style="color: rgb(102, 0, 0);">
<form method="post" name="form_login" action="/login.forum">
<table _moz_resizing="true" style="PADDING-LEFT: 20px" border="0" cellpadding="0" cellspacing="3">
<tbody>
<tr>
<td>
<span class="genmed"><img src="http://i65.servimg.com/u/f65/13/95/29/87/56x76311.gif" /> </span>
</td>
<td>
<input id="Post" value="اسم العضو" size="10" name="username" type="text" />
</td>
<td>
<input checked="" name="autologin" type="checkbox" /><span style="color: rgb(238, 238, 238); font-weight: bold;" span="" lang="ar-sa"> حفظ البيانات؟ <a href="../register?agreed=true&step=2">التسجيل الان</a></span>
</td>
</tr>
<tr>
<td>
<span class="genmed"><img src="http://i65.servimg.com/u/f65/13/95/29/87/a3d76410.gif" /> </span>
</td>
<td>
<input id="Post" value="كلمة السر" size="10" name="password" type="password" />
</td>
<td>
<input class="mainoption" tabindex="104" value="تسجيل الدخول" name="login" type="submit" />
</td>
</tr>
</tbody>
</table>
</form><span style="font-size: 1.2em;"><span style="font-size: 18px; color: rgb(0, 255, 255);"><span style="font-weight: bold;"></span></span><span style="font-weight: bold;"><span style="color: rgb(0, 255, 255);"><br /></span></span></span>
</td>
</tr>
</tbody>
</table>
</td>
<td style="text-align:center;">
<span style="font-size: 1.2em; color: rgb(0, 255, 255);"><strong>للتمتع بكامل خصائص الموقع<br />عليك بتسجيل الدخول</strong></span><span style="font-size: 1.2em;"><a style="color: rgb(102, 0, 0);" href="../profile.forum?mode=editprofile&page_profil=avatars"></a></span><br />
</td>
<td style="text-align: center; color: rgb(0, 255, 255);">
<span style="font-size: 1.2em;"><strong></strong><br /> </span>
</td>
<td style="text-align: center; color: rgb(0, 255, 255);">
<span style="font-size: 1.2em;"><strong></strong></span><span style="font-size: 1.2em;"><br /> </span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- /login -->
<div id="container">
<div style="color: rgb(0, 255, 255);" id="topp">
<!-- login -->
<ul class="login">
<li class="left">
</li>
<li>
<a id="toggleLogin" onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')?
'-125px' : '0px');">تسجيل الدخول مايكل سوفت</a>
</li>
</ul>
<!-- / login -->
</div>
<!-- / topp -->
<div class="clearfix">
</div>
</div>
<p>
</p>
</div>الكود الثانى اجعلة للاعضاء والمشرفين اسم العنصر لوحة الدخول المطورة عام واذا اردت ان تجعلها للمدير ايضا فلا مشكله
الاصدار الثابت
Code:
<link rel="stylesheet" href="http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css" type="text/css" media="screen" /> <style>
#login {
overflow: visible;
height: auto;
-webkit-transition: margin-top 0.5s ease-in-out 0s;
-moz-transition: margin-top 0.5s ease-in-out 0s;
-o-transition: margin-top 0.5s ease-in-out 0s;
transition: margin-top 0.5s ease-in-out 0s;
}
/* Login Panel I */
#topp {
height: 38px;
position: relative;
}
#topp ul.login {
display: blue;
position: relative;
float: right;
clear: right;
height: 38px;
width: auto;
font-weight: bold;
line-height: 38px;
margin: 0;
right: 150px;
color: white;
font-size: 100%;
text-align: center;
padding-right: 45px;
}
#topp ul.login li.left {
height: 38px;
width: 45px;
padding: 0;
margin: 0;
display: blue;
float: left;
}
#topp ul.login li {
text-align: left;
padding: 0 6px;
display: blue;
float: left;
height: 38px;
}
#topp ul.login li a {color: #9CCCFF;}
#topp ul.login li a:hover {color: white;}
/* Login Panel */
#topp {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}
#topp ul.login {
background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}
#topp ul.login li.left {
background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}
#topp ul.login li {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}
/*Login*/
/* toggle effect - show/hide login*/
#login {
background: #1E1E1E;}
#login .loginContent input:focus.field {
background: #1E1E1E;}
#login .loginContent{padding-top:0px;width:790px;height:120px;}
#login .loginContent input.button_login {
background: transparent
url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg)
no-repeat 0 0;}
#login .loginClose a {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;}
#login .loginClose a:hover {
background:
url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg)
no-repeat right -20px;}
</style>
<!-- Login -->
<div _moz_abspos="white" id="loginn" style="display:
block;position: absolute;left: 0px;top: 0px;width: 100%;">
<div id="login" style="margin-top: -125px;">
<div class="loginContent">
<table _moz_resizing="true" style="width:100%;" border="0">
<tbody>
<tr>
<td style="text-align:center;">
<table _moz_resizing="true" border="0">
<tbody>
<tr>
<td>
<script>
jQuery(document).ready(function(){
jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
link = jQuery('.panel dl:first img', data).attr('src');
if(link){
jQuery('#avatar').html('<img src="'+link+'" align="left" width="60" height="80">');
}else{
jQuery('#avatar').html('');
}
});
});
</script>
<div id="avatar">
<center>
<img src="http://i53.tinypic.com/1e1fex.gif" />
</center>
</div>
</td>
<td style="color: rgb(102, 0, 0);">
<span style="font-size: 1.2em;"> <span style="font-size: 13px;"><span style="font-size: 18px; color: rgb(0, 255, 255);"><span style="font-weight: bold;">اهلا وسهلا بك</span><br />{USERLINK}</span><br style="color: rgb(0, 255, 255);" /></span><span style="font-size: 13px;"><span style="font-weight: bold; color: rgb(0, 255, 255);">لديك</span><strong style="color: rgb(0, 255, 255);">:</strong><span style="color: rgb(0, 255, 255);">{USERCOUNTPOST}<span style="font-weight: bold;"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(0, 255, 255);"><span style="font-size: 13px;">مشاركة<br />تاريخ اخر زيارة هو: {USERLASTVISIT}: شكرا لعودتك <br /><a href="http://alaasoft.logu2.com/login?logout">تسجيل الخروج</a></span><br /></span></span></span>
</td>
</tr>
</tbody>
</table>
</td>
<td style="text-align:center;">
<span style="font-size: 1.2em; color: rgb(0, 255, 255);"><strong>التحكم السريع:</strong></span><span style="font-size: 1.2em;"><strong style="color: rgb(0, 255, 255);"><br /></strong><span style="color: rgb(0, 255, 255);"> </span><a style="color: rgb(0, 255, 255);" href="../profile.forum?mode=editprofile&page_profil=informations">بياناتى الشخصية</a><span style="color: rgb(0, 255, 255);"> </span><br style="color: rgb(0, 255, 255);" /><a style="color: rgb(0, 255, 255);" href="../profile.forum?mode=editprofile&page_profil=preferences">التحكم بالمفضلات</a><br style="color: rgb(0, 255, 255);" /><span style="color: rgb(0, 255, 255);"> </span><a style="color: rgb(0, 255, 255);" href="../profile.forum?mode=editprofile&page_profil=signature">التوقيع</a><br style="color: rgb(0, 255, 255);" /><span style="color: rgb(0, 255, 255);"> </span><a style="color: rgb(102, 0, 0);" href="../profile.forum?mode=editprofile&page_profil=avatars"><span style="color: rgb(0, 255, 255);">الصورة الشخصية</span></a> </span>
</td>
<td style="text-align: center; color: rgb(0, 255, 255);">
<span style="font-size: 1.2em;"><strong>بيانات خاصة عن:<br /></strong> <a href="../profile.forum?mode=editprofile&page_profil=friendsfoes">اصدقائى واعدائى</a> <br /><a href="../search.forum?search_id=watchsearch">المواضيع المراقبة</a> <br /><a href="../search.forum?search_id=draftsearch">النصوص التجريبية</a> <br /><a href="../search.forum?search_id=favouritesearch">مفضلاتى</a> <br /><a href="../rpg_sheet_edit.forum">ورقتى الشخصية</a> </span>
</td>
<td style="text-align: center; color: rgb(0, 255, 255);">
<span style="font-size: 1.2em;"><strong>البحث الفورى عن:</strong></span><span style="font-size: 1.2em;"><br /> <a href="../msg.forum?folder=inbox">الرسائل الخاصة</a> <br /><a href="../search?search_id=activetopics"> أفضل المواضيع لهذا اليوم</a> <br /><a href="../search.forum?search_id=egosearch">اعرض جميع مواضيعى</a><br /> <a href="../search.forum?search_author=Victor&show_results=posts">استعراض المواضيع الجديده</a> <br /><a href="../search?search_id=unanswered">المواضيع التى ليس بها رد</a> </span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- /login -->
<div id="container">
<div style="color: rgb(0, 255, 255);" id="topp">
<!-- login -->
<ul class="login">
<li class="left">
</li>
<li>
<a id="toggleLogin" onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')?
'-125px' : '0px');">لوحتى الخاصة مايكل سوفت</a>
</li>
</ul>
<!-- / login -->
</div>
<!-- / topp -->
<div class="clearfix">
</div>
</div>
<p>
</p>
</div>
<table style="width: 100%;" class="tborder" border="0" cellpadding="6" cellspacing="1" align="center">
</table>واخيرا وده حسب اختيارك اسم العنصر لوحة التحكم المطورة مدير لا تنشطة ابضا للاعضاء او المشرفين الكود به رابطة لوحة الادارة الخاصة بموقعك
الاصدار الثابت
Code:
<link rel="stylesheet" href="http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css" type="text/css" media="screen" /> <style>
#login {
overflow: visible;
height: auto;
-webkit-transition: margin-top 0.5s ease-in-out 0s;
-moz-transition: margin-top 0.5s ease-in-out 0s;
-o-transition: margin-top 0.5s ease-in-out 0s;
transition: margin-top 0.5s ease-in-out 0s;
}
/* Login Panel I */
#topp {
height: 38px;
position: relative;
}
#topp ul.login {
display: blue;
position: relative;
float: right;
clear: right;
height: 38px;
width: auto;
font-weight: bold;
line-height: 38px;
margin: 0;
right: 150px;
color: white;
font-size: 100%;
text-align: center;
padding-right: 45px;
}
#topp ul.login li.left {
height: 38px;
width: 45px;
padding: 0;
margin: 0;
display: blue;
float: left;
}
#topp ul.login li {
text-align: left;
padding: 0 6px;
display: blue;
float: left;
height: 38px;
}
#topp ul.login li a {color: #9CCCFF;}
#topp ul.login li a:hover {color: white;}
/* Login Panel */
#topp {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}
#topp ul.login {
background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}
#topp ul.login li.left {
background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}
#topp ul.login li {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}
/*Login*/
/* toggle effect - show/hide login*/
#login {
background: #1E1E1E;}
#login .loginContent input:focus.field {
background: #1E1E1E;}
#login .loginContent{padding-top:0px;width:790px;height:120px;}
#login .loginContent input.button_login {
background: transparent
url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg)
no-repeat 0 0;}
#login .loginClose a {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;}
#login .loginClose a:hover {
background:
url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg)
no-repeat right -20px;}
</style>
<!-- Login -->
<div _moz_abspos="white" id="loginn" style="display:
block;position: absolute;left: 0px;top: 0px;width: 100%;">
<div id="login" style="margin-top: -125px;">
<div class="loginContent">
<table _moz_resizing="true" style="width:100%;" border="0">
<tbody>
<tr>
<td style="text-align:center;">
<table _moz_resizing="true" border="0">
<tbody>
<tr>
<td>
<script>
jQuery(document).ready(function(){
jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
link = jQuery('.panel dl:first img', data).attr('src');
if(link){
jQuery('#avatar').html('<img src="'+link+'" align="left" width="60" height="80">');
}else{
jQuery('#avatar').html('');
}
});
});
</script>
<div id="avatar">
<center>
<img src="http://i53.tinypic.com/1e1fex.gif" />
</center>
</div>
</td>
<td style="color: rgb(102, 0, 0);">
<span style="font-size: 1.2em;"> <span style="font-size: 13px;"><span style="font-size: 18px; color: rgb(0, 255, 255);"><span style="font-weight: bold;">اهلا وسهلا بك</span><br />{USERLINK}</span><br style="color: rgb(0, 255, 255);" /></span><span style="font-size: 13px;"><span style="font-weight: bold; color: rgb(0, 255, 255);">لديك</span><strong style="color: rgb(0, 255, 255);">:</strong><span style="color: rgb(0, 255, 255);">{USERCOUNTPOST}<span style="font-weight: bold;"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(0, 255, 255);"><span style="font-size: 13px;">مشاركة<br />تاريخ اخر زيارة هو: {USERLASTVISIT}: شكرا لعودتك <br /><a href="../login?logout">تسجيل الخروج</a></span><br /></span></span></span>
</td>
</tr>
</tbody>
</table>
</td>
<td style="text-align:center;">
<span style="font-size: 1.2em; color: rgb(0, 255, 255);"><strong>التحكم السريع:</strong></span><span style="font-size: 1.2em;"><strong style="color: rgb(0, 255, 255);"><br /></strong><span style="color: rgb(0, 255, 255);"> </span><a style="color: rgb(0, 255, 255); font-weight: bold;" href="../profile.forum?mode=editprofile&page_profil=informations">بياناتى الشخصية</a><span style="color: rgb(0, 255, 255); font-weight: bold;"> </span><br style="color: rgb(0, 255, 255); font-weight: bold;" /><a style="color: rgb(0, 255, 255); font-weight: bold;" href="../profile.forum?mode=editprofile&page_profil=preferences">التحكم بالمفضلات</a><br style="color: rgb(0, 255, 255); font-weight: bold;" /><span style="color: rgb(0, 255, 255); font-weight: bold;"> </span><a style="color: rgb(0, 255, 255); font-weight: bold;" href="../profile.forum?mode=editprofile&page_profil=signature">التوقيع</a><br style="color: rgb(0, 255, 255); font-weight: bold;" /><span style="color: rgb(0, 255, 255); font-weight: bold;"> </span><a style="color: rgb(102, 0, 0); font-weight: bold;" href="../profile.forum?mode=editprofile&page_profil=avatars"><span style="color: rgb(0, 255, 255);">الصورة الشخصية</span></a><br style="font-weight: bold;" /><a style="font-weight: bold;" href="../admin/index.forum">لوحة الادارة</a><br /> </span>
</td>
<td style="text-align: center; color: rgb(0, 255, 255);">
<span style="font-size: 1.2em;"><strong>بيانات خاصة عن:<br /></strong> <a style="font-weight: bold;" href="../profile.forum?mode=editprofile&page_profil=friendsfoes">اصدقائى واعدائى</a><span style="font-weight: bold;"> </span><br style="font-weight: bold;" /><a style="font-weight: bold;" href="../search.forum?search_id=watchsearch">المواضيع المراقبة</a><span style="font-weight: bold;"> </span><br style="font-weight: bold;" /><a style="font-weight: bold;" href="../search.forum?search_id=draftsearch">النصوص التجريبية</a><span style="font-weight: bold;"> </span><br style="font-weight: bold;" /><a style="font-weight: bold;" href="../search.forum?search_id=favouritesearch">مفضلاتى</a><span style="font-weight: bold;"> </span><br style="font-weight: bold;" /><a style="font-weight: bold;" href="../rpg_sheet_edit.forum">ورقتى الشخصية</a> </span>
</td>
<td style="text-align: center; color: rgb(0, 255, 255);">
<span style="font-size: 1.2em;"><strong>البحث الفورى عن:</strong></span><span style="font-size: 1.2em;"><br /> <a style="font-weight: bold;" href="../msg.forum?folder=inbox">الرسائل الخاصة</a><span style="font-weight: bold;"> </span><br style="font-weight: bold;" /><a style="font-weight: bold;" href="../search?search_id=activetopics"> أفضل المواضيع لهذا اليوم</a><span style="font-weight: bold;"> </span><br style="font-weight: bold;" /><a style="font-weight: bold;" href="../search.forum?search_id=egosearch">اعرض جميع مواضيعى</a><br style="font-weight: bold;" /> <a style="font-weight: bold;" href="../search.forum?search_author=Victor&show_results=posts">استعراض المواضيع الجديده</a><span style="font-weight: bold;"> </span><br style="font-weight: bold;" /><a style="font-weight: bold;" href="../search?search_id=unanswered">المواضيع التى ليس بها رد</a> </span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- /login -->
<div id="container">
<div style="color: rgb(0, 255, 255);" id="topp">
<!-- login -->
<ul class="login">
<li class="left">
</li>
<li>
<a id="toggleLogin" onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')?
'-125px' : '0px');">لوحتى الخاصة مايكل سوفت</a>
</li>
</ul>
<!-- / login -->
</div>
<!-- / topp -->
<div class="clearfix">
</div>
</div>
<p>
</p>
</div>جميع هذه الاكواد لا تحتاج الى التعديل فقط افها كما هى حقوق الملكية هى اسم الموقع
مسموح بنقل الاكواد ممنوع حذف الحقوق
[align=center]
الاصدار المتحرك
اولا هذا الكود تجعل صلاحيته للزوار فقط اسم العنصر لوحة التحكم المطورة زائر
Code:
<style type="text/css">
#spinningbox{
position:fixed !important;
left:0px;
top: 0px;
padding-bottom:14px;
padding-top:15px;
text-align:left;
height:1px;
width:999px;
overflow:show;
</style>
<div id="spinningbox">
<link rel="stylesheet"
href="http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css"
type="text/css" media="screen" /> <style>
#login {
overflow: visible;
height: auto;
-webkit-transition: margin-top 0.5s ease-in-out 0s;
-moz-transition: margin-top 0.5s ease-in-out 0s;
-o-transition: margin-top 0.5s ease-in-out 0s;
transition: margin-top 0.5s ease-in-out 0s;
}
/* Login Panel I */
#topp {
height: 38px;
position: relative;
}
#topp ul.login {
display: blue;
position: relative;
float: right;
clear: right;
height: 38px;
width: auto;
font-weight: bold;
line-height: 38px;
margin: 0;
right: 150px;
color: white;
font-size: 100%;
text-align: center;
padding-right: 45px;
}
#topp ul.login li.left {
height: 38px;
width: 45px;
padding: 0;
margin: 0;
display: blue;
float: left;
}
#topp ul.login li {
text-align: left;
padding: 0 6px;
display: blue;
float: left;
height: 38px;
}
#topp ul.login li a {color: #9CCCFF;}
#topp ul.login li a:hover {color: white;}
/* Login Panel */
#topp {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}
#topp ul.login {
background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}
#topp ul.login li.left {
background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}
#topp ul.login li {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}
/*Login*/
/* toggle effect - show/hide login*/
#login {
background: #1E1E1E;}
#login .loginContent input:focus.field {
background: #1E1E1E;}
#login .loginContent{padding-top:0px;width:790px;height:120px;}
#login .loginContent input.button_login {
background: transparent
url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg)
no-repeat 0 0;}
#login .loginClose a {
background:
url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg)
no-repeat right 0;}
#login .loginClose a:hover {
background:
url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg)
no-repeat right -20px;}
</style>
<!--
Login
-->
<div _moz_abspos="white" id="loginn" style="display:
block;position: absolute;left: 0px;top: 0px;width: 100%;">
<div id="login" style="margin-top: -125px;">
<div class="loginContent">
<table style="width:100%;" border="0">
<tbody>
<tr>
<td style="text-align:center;">
<table _moz_resizing="true" border="0">
<tbody>
<tr>
<td>
<script>
jQuery(document).ready(function(){
jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
link = jQuery('.panel dl:first img', data).attr('src');
if(link){
jQuery('#avatar').html('<img src="'+link+'" align="left" width="60" height="80">');
}else{
jQuery('#avatar').html('');
}
});
});
</script>
<div id="avatar">
<center>
<img src="http://i53.tinypic.com/1e1fex.gif" />
</center>
</div>
</td>
<td style="color: rgb(102, 0, 0);">
<form method="post" name="form_login" action="/login.forum">
<table _moz_resizing="true" style="PADDING-LEFT: 20px" border="0" cellpadding="0" cellspacing="3">
<tbody>
<tr>
<td>
<span class="genmed"><img src="http://i65.servimg.com/u/f65/13/95/29/87/56x76311.gif" /> </span>
</td>
<td>
<input id="Post" value="اسم العضو" size="10" name="username" type="text" />
</td>
<td>
<input checked="" name="autologin" type="checkbox" /><span
style="color: rgb(238, 238, 238); font-weight: bold;" span=""
lang="ar-sa"> حفظ البيانات؟ <a
href="../register?agreed=true&step=2">التسجيل
الان</a></span>
</td>
</tr>
<tr>
<td>
<span class="genmed"><img src="http://i65.servimg.com/u/f65/13/95/29/87/a3d76410.gif" /> </span>
</td>
<td>
<input id="Post" value="كلمة السر" size="10" name="password" type="password" />
</td>
<td>
<input class="mainoption" tabindex="104" value="تسجيل الدخول" name="login" type="submit" />
</td>
</tr>
</tbody>
</table>
</form><span
style="font-size: 1.2em;"><span style="font-size: 18px; color:
rgb(0, 255, 255);"><span style="font-weight:
bold;"></span></span><span style="font-weight:
bold;"><span style="color: rgb(0, 255, 255);"><br
/></span></span></span>
</td>
</tr>
</tbody>
</table>
</td>
<td style="text-align:center;">
<span style="font-size: 1.2em; color: rgb(0, 255,
255);"><strong>للتمتع بكامل خصائص الموقع<br />عليك بتسجيل
الدخول</strong></span><span style="font-size:
1.2em;"><a style="color: rgb(102, 0, 0);"
href="../profile.forum?mode=editprofile&page_profil=avatars"></a></span><br
/>
</td>
<td style="text-align: center; color: rgb(0, 255, 255);">
<span style="font-size: 1.2em;"><strong></strong><br /> </span>
</td>
<td style="text-align: center; color: rgb(0, 255, 255);">
<span style="font-size:
1.2em;"><strong></strong></span><span
style="font-size: 1.2em;"><br /> </span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--
/login
-->
<div id="container">
<div style="color: rgb(0, 255, 255);" id="topp">
<!--
login
-->
<ul class="login">
<li class="left">
</li>
<li>
<a id="toggleLogin"
onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')?
'-125px' : '0px');">تسجيل الدخول مايكل سوفت</a>
</li>
</ul>
<!--
/ login
-->
</div>
<!--
/ topp
-->
<div class="clearfix">
</div>
</div>
<p>
</p>
</div>
</div>
<strong></strong> <strong></strong>[b]الكود الثانى اجعلة للاعضاء والمشرفين اسم العنصر لوحة الدخول المطورة عام واذا اردت ان تجعلها للمدير ايضا فلا مشكله
الاصدار المتحرك [/b]
Code:
<style type="text/css">
#spinningbox{
position:fixed !important;
left:0px;
top: 0px;
padding-bottom:14px;
padding-top:15px;
text-align:left;
height:1px;
width:999px;
overflow:show;
</style>
<div id="spinningbox">
<link rel="stylesheet"
href="http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css"
type="text/css" media="screen" /> <style>
#login {
overflow: visible;
height: auto;
-webkit-transition: margin-top 0.5s ease-in-out 0s;
-moz-transition: margin-top 0.5s ease-in-out 0s;
-o-transition: margin-top 0.5s ease-in-out 0s;
transition: margin-top 0.5s ease-in-out 0s;
}
/* Login Panel I */
#topp {
height: 38px;
position: relative;
}
#topp ul.login {
display: blue;
position: relative;
float: right;
clear: right;
height: 38px;
width: auto;
font-weight: bold;
line-height: 38px;
margin: 0;
right: 150px;
color: white;
font-size: 100%;
text-align: center;
padding-right: 45px;
}
#topp ul.login li.left {
height: 38px;
width: 45px;
padding: 0;
margin: 0;
display: blue;
float: left;
}
#topp ul.login li {
text-align: left;
padding: 0 6px;
display: blue;
float: left;
height: 38px;
}
#topp ul.login li a {color: #9CCCFF;}
#topp ul.login li a:hover {color: white;}
/* Login Panel */
#topp {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}
#topp ul.login {
background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}
#topp ul.login li.left {
background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}
#topp ul.login li {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}
/*Login*/
/* toggle effect - show/hide login*/
#login {
background: #1E1E1E;}
#login .loginContent input:focus.field {
background: #1E1E1E;}
#login .loginContent{padding-top:0px;width:790px;height:120px;}
#login .loginContent input.button_login {
background: transparent
url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg)
no-repeat 0 0;}
#login .loginClose a {
background:
url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg)
no-repeat right 0;}
#login .loginClose a:hover {
background:
url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg)
no-repeat right -20px;}
</style>
<!--
Login
-->
<div _moz_abspos="white" id="loginn" style="display:
block;position: absolute;left: 0px;top: 0px;width: 100%;">
<div id="login" style="margin-top: -125px;">
<div class="loginContent">
<table _moz_resizing="true" style="width:100%;" border="0">
<tbody>
<tr>
<td style="text-align:center;">
<table _moz_resizing="true" border="0">
<tbody>
<tr>
<td>
<script>
jQuery(document).ready(function(){
jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
link = jQuery('.panel dl:first img', data).attr('src');
if(link){
jQuery('#avatar').html('<img src="'+link+'" align="left" width="60" height="80">');
}else{
jQuery('#avatar').html('');
}
});
});
</script>
<div id="avatar">
<center>
<img src="http://i53.tinypic.com/1e1fex.gif" />
</center>
</div>
</td>
<td style="color: rgb(102, 0, 0);">
<span style="font-size: 1.2em;"> <span style="font-size:
13px;"><span style="font-size: 18px; color: rgb(0, 255,
255);"><span style="font-weight: bold;">اهلا وسهلا
بك</span><br />{USERLINK}</span><br style="color:
rgb(0, 255, 255);" /></span><span style="font-size:
13px;"><span style="font-weight: bold; color: rgb(0, 255,
255);">لديك</span><strong style="color: rgb(0, 255,
255);">:</strong><span style="color: rgb(0, 255,
255);">{USERCOUNTPOST}<span style="font-weight:
bold;"></span></span></span><span
style="font-weight: bold;"><span style="color: rgb(0, 255,
255);"><span style="font-size: 13px;">مشاركة<br />تاريخ
اخر زيارة هو: {USERLASTVISIT}: شكرا لعودتك <br /><a
href="http://alaasoft.logu2.com/login?logout">تسجيل
الخروج</a></span><br
/></span></span></span>
</td>
</tr>
</tbody>
</table>
</td>
<td style="text-align:center;">
<span style="font-size: 1.2em; color: rgb(0, 255,
255);"><strong>التحكم
السريع:</strong></span><span style="font-size:
1.2em;"><strong style="color: rgb(0, 255, 255);"><br
/></strong><span style="color: rgb(0, 255, 255);">
</span><a style="color: rgb(0, 255, 255);"
href="../profile.forum?mode=editprofile&page_profil=informations">بياناتى
الشخصية</a><span style="color: rgb(0, 255, 255);">
</span><br style="color: rgb(0, 255, 255);" /><a
style="color: rgb(0, 255, 255);"
href="../profile.forum?mode=editprofile&page_profil=preferences">التحكم
بالمفضلات</a><br style="color: rgb(0, 255, 255);"
/><span style="color: rgb(0, 255, 255);"> </span><a
style="color: rgb(0, 255, 255);"
href="../profile.forum?mode=editprofile&page_profil=signature">التوقيع</a><br
style="color: rgb(0, 255, 255);" /><span style="color: rgb(0,
255, 255);"> </span><a style="color: rgb(102, 0, 0);"
href="../profile.forum?mode=editprofile&page_profil=avatars"><span
style="color: rgb(0, 255, 255);">الصورة
الشخصية</span></a> </span>
</td>
<td style="text-align: center; color: rgb(0, 255, 255);">
<span style="font-size: 1.2em;"><strong>بيانات خاصة
عن:<br /></strong> <a
href="../profile.forum?mode=editprofile&page_profil=friendsfoes">اصدقائى
واعدائى</a> <br /><a
href="../search.forum?search_id=watchsearch">المواضيع
المراقبة</a> <br /><a
href="../search.forum?search_id=draftsearch">النصوص
التجريبية</a> <br /><a
href="../search.forum?search_id=favouritesearch">مفضلاتى</a>
<br /><a href="../rpg_sheet_edit.forum">ورقتى
الشخصية</a> </span>
</td>
<td style="text-align: center; color: rgb(0, 255, 255);">
<span style="font-size: 1.2em;"><strong>البحث الفورى
عن:</strong></span><span style="font-size:
1.2em;"><br /> <a
href="../msg.forum?folder=inbox">الرسائل الخاصة</a> <br
/><a href="../search?search_id=activetopics"> أفضل المواضيع
لهذا اليوم</a> <br /><a
href="../search.forum?search_id=egosearch">اعرض جميع
مواضيعى</a><br /> <a
href="../search.forum?search_author=Victor&show_results=posts">استعراض
المواضيع الجديده</a> <br /><a
href="../search?search_id=unanswered">المواضيع التى ليس بها
رد</a> </span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--
/login
-->
<div id="container">
<div style="color: rgb(0, 255, 255);" id="topp">
<!--
login
-->
<ul class="login">
<li class="left">
</li>
<li>
<a id="toggleLogin"
onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')?
'-125px' : '0px');">لوحتى الخاصة مايكل سوفت</a>
</li>
</ul>
<!--
/ login
-->
</div>
<!--
/ topp
-->
<div class="clearfix">
</div>
</div>
<p>
</p>
</div>
</div>
<strong></strong> <strong></strong>[b]واخيرا وده حسب اختيارك اسم العنصر لوحة التحكم المطورة مدير لا تنشطة ابضا للاعضاء او المشرفين الكود به رابطة لوحة الادارة الخاصة بموقعكالاصدار المتحرك وده حصرى وليس موجود عند شخص اخر[/b]
Code:
<style type="text/css">
#spinningbox{
position:fixed !important;
left:0px;
top: 0px;
padding-bottom:14px;
padding-top:15px;
text-align:left;
height:1px;
width:999px;
overflow:show;
</style>
<div id="spinningbox">
<link rel="stylesheet"
href="http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css"
type="text/css" media="screen" /> <style>
#login {
overflow: visible;
height: auto;
-webkit-transition: margin-top 0.5s ease-in-out 0s;
-moz-transition: margin-top 0.5s ease-in-out 0s;
-o-transition: margin-top 0.5s ease-in-out 0s;
transition: margin-top 0.5s ease-in-out 0s;
}
/* Login Panel I */
#topp {
height: 38px;
position: relative;
}
#topp ul.login {
display: blue;
position: relative;
float: right;
clear: right;
height: 38px;
width: auto;
font-weight: bold;
line-height: 38px;
margin: 0;
right: 150px;
color: white;
font-size: 100%;
text-align: center;
padding-right: 45px;
}
#topp ul.login li.left {
height: 38px;
width: 45px;
padding: 0;
margin: 0;
display: blue;
float: left;
}
#topp ul.login li {
text-align: left;
padding: 0 6px;
display: blue;
float: left;
height: 38px;
}
#topp ul.login li a {color: #9CCCFF;}
#topp ul.login li a:hover {color: white;}
/* Login Panel */
#topp {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}
#topp ul.login {
background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}
#topp ul.login li.left {
background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}
#topp ul.login li {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}
/*Login*/
/* toggle effect - show/hide login*/
#login {
background: #1E1E1E;}
#login .loginContent input:focus.field {
background: #1E1E1E;}
#login .loginContent{padding-top:0px;width:790px;height:120px;}
#login .loginContent input.button_login {
background: transparent
url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg)
no-repeat 0 0;}
#login .loginClose a {
background:
url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg)
no-repeat right 0;}
#login .loginClose a:hover {
background:
url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg)
no-repeat right -20px;}
</style>
<!--
Login
-->
<div _moz_abspos="white" id="loginn" style="display:
block;position: absolute;left: 0px;top: 0px;width: 100%;">
<div id="login" style="margin-top: -125px;">
<div class="loginContent">
<table _moz_resizing="true" style="width:100%;" border="0">
<tbody>
<tr>
<td style="text-align:center;">
<table _moz_resizing="true" border="0">
<tbody>
<tr>
<td>
<script>
jQuery(document).ready(function(){
jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
link = jQuery('.panel dl:first img', data).attr('src');
if(link){
jQuery('#avatar').html('<img src="'+link+'" align="left" width="60" height="80">');
}else{
jQuery('#avatar').html('');
}
});
});
</script>
<div id="avatar">
<center>
<img src="http://i53.tinypic.com/1e1fex.gif" />
</center>
</div>
</td>
<td style="color: rgb(102, 0, 0);">
<span style="font-size: 1.2em;"> <span style="font-size:
13px;"><span style="font-size: 18px; color: rgb(0, 255,
255);"><span style="font-weight: bold;">اهلا وسهلا
بك</span><br />{USERLINK}</span><br style="color:
rgb(0, 255, 255);" /></span><span style="font-size:
13px;"><span style="font-weight: bold; color: rgb(0, 255,
255);">لديك</span><strong style="color: rgb(0, 255,
255);">:</strong><span style="color: rgb(0, 255,
255);">{USERCOUNTPOST}<span style="font-weight:
bold;"></span></span></span><span
style="font-weight: bold;"><span style="color: rgb(0, 255,
255);"><span style="font-size: 13px;">مشاركة<br />تاريخ
اخر زيارة هو: {USERLASTVISIT}: شكرا لعودتك <br /><a
href="../login?logout">تسجيل الخروج</a></span><br
/></span></span></span>
</td>
</tr>
</tbody>
</table>
</td>
<td style="text-align:center;">
<span style="font-size: 1.2em; color: rgb(0, 255,
255);"><strong>التحكم
السريع:</strong></span><span style="font-size:
1.2em;"><strong style="color: rgb(0, 255, 255);"><br
/></strong><span style="color: rgb(0, 255, 255);">
</span><a style="color: rgb(0, 255, 255); font-weight: bold;"
href="../profile.forum?mode=editprofile&page_profil=informations">بياناتى
الشخصية</a><span style="color: rgb(0, 255, 255); font-weight:
bold;"> </span><br style="color: rgb(0, 255, 255);
font-weight: bold;" /><a style="color: rgb(0, 255, 255);
font-weight: bold;"
href="../profile.forum?mode=editprofile&page_profil=preferences">التحكم
بالمفضلات</a><br style="color: rgb(0, 255, 255); font-weight:
bold;" /><span style="color: rgb(0, 255, 255); font-weight:
bold;"> </span><a style="color: rgb(0, 255, 255);
font-weight: bold;"
href="../profile.forum?mode=editprofile&page_profil=signature">التوقيع</a><br
style="color: rgb(0, 255, 255); font-weight: bold;" /><span
style="color: rgb(0, 255, 255); font-weight: bold;">
</span><a style="color: rgb(102, 0, 0); font-weight: bold;"
href="../profile.forum?mode=editprofile&page_profil=avatars"><span
style="color: rgb(0, 255, 255);">الصورة
الشخصية</span></a><br style="font-weight: bold;"
/><a style="font-weight: bold;"
href="../admin/index.forum">لوحة الادارة</a><br />
</span>
</td>
<td style="text-align: center; color: rgb(0, 255, 255);">
<span style="font-size: 1.2em;"><strong>بيانات خاصة
عن:<br /></strong> <a style="font-weight: bold;"
href="../profile.forum?mode=editprofile&page_profil=friendsfoes">اصدقائى
واعدائى</a><span style="font-weight: bold;">
</span><br style="font-weight: bold;" /><a
style="font-weight: bold;"
href="../search.forum?search_id=watchsearch">المواضيع
المراقبة</a><span style="font-weight: bold;">
</span><br style="font-weight: bold;" /><a
style="font-weight: bold;"
href="../search.forum?search_id=draftsearch">النصوص
التجريبية</a><span style="font-weight: bold;">
</span><br style="font-weight: bold;" /><a
style="font-weight: bold;"
href="../search.forum?search_id=favouritesearch">مفضلاتى</a><span
style="font-weight: bold;"> </span><br style="font-weight:
bold;" /><a style="font-weight: bold;"
href="../rpg_sheet_edit.forum">ورقتى الشخصية</a> </span>
</td>
<td style="text-align: center; color: rgb(0, 255, 255);">
<span style="font-size: 1.2em;"><strong>البحث الفورى
عن:</strong></span><span style="font-size:
1.2em;"><br /> <a style="font-weight: bold;"
href="../msg.forum?folder=inbox">الرسائل الخاصة</a><span
style="font-weight: bold;"> </span><br style="font-weight:
bold;" /><a style="font-weight: bold;"
href="../search?search_id=activetopics"> أفضل المواضيع لهذا
اليوم</a><span style="font-weight: bold;">
</span><br style="font-weight: bold;" /><a
style="font-weight: bold;"
href="../search.forum?search_id=egosearch">اعرض جميع
مواضيعى</a><br style="font-weight: bold;" /> <a
style="font-weight: bold;"
href="../search.forum?search_author=Victor&show_results=posts">استعراض
المواضيع الجديده</a><span style="font-weight: bold;">
</span><br style="font-weight: bold;" /><a
style="font-weight: bold;"
href="../search?search_id=unanswered">المواضيع التى ليس بها
رد</a> </span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--
/login
-->
<div id="container">
<div style="color: rgb(0, 255, 255);" id="topp">
<!--
login
-->
<ul class="login">
<li class="left">
</li>
<li>
<a id="toggleLogin"
onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')?
'-125px' : '0px');">لوحتى الخاصة مايكل سوفت</a>
</li>
</ul>
<!--
/ login
-->
</div>
<!--
/ topp
-->
<div class="clearfix">
</div>
</div>
<p>
</p>
</div>
</div>
<strong></strong> <strong></strong>الاكواد مبرمجة للتعرف على رابط موقع الخاص تلقائيا ليتناسب مع شكل موقعك
فى حالة استخدام الاصدار المتحرك عليك بحذف كود القائمة
الذى يكون مثل تلك الصورة
[b]
[b]لانه سيقوم بتعطيل الاصدار المتحرك من لوحة التحكم اما اذا اردت
اولا ده كود مميز جدا لعمل صفحات متعددة بصفحة واحدة
الكود
يوضع فى اى مكان يقبل اكواد ال HTML
فى حالة ظهور مشاكل فى اللغة غير
windows-1256
الى الترميز المطلوب والمناسب لصفحتك
الكود
يوضع فى اى مكان يقبل اكواد ال HTML
Code:
<html lang="ar">
<head>
<meta charset="windows-1256">
<title>صفحات متعددة بصفحة واحده برمجة مايكل سوفت</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">فتح الصفحة الاولى</a></li>
<li><a href="#tabs-2">فتح الصفحة الثانية</a></li>
<li><a href="#tabs-3">فتح الصفحة الثالثة</a></li>
<li><a href="#tabs-4">فتح الصفحة الرابعة</a></li>
<li><a href="#tabs-5">فتح الصفحة الخامسة</a></li>
<li><a href="#tabs-6">فتح الصفحة السادسة</a></li>
</ul>
<div id="tabs-1">
<p>الصفحة الاولى</p>
</div>
<div id="tabs-2">
<p>الصفحة الثانية</p>
</div>
<div id="tabs-3">
<p>الصفحة الثالثة</p>
</div>
<div id="tabs-4">
<p>الصفحة الرابعة</p>
</div>
<div id="tabs-5">
<p>الصفحة الخامسة</p>
</div>
<div id="tabs-6">
<p>الصفحة السادسة</p>
</div>
</div>
</body>
</html>فى حالة ظهور مشاكل فى اللغة غير
windows-1256
الى الترميز المطلوب والمناسب لصفحتك
اولا الكود ده كان به اخطاء كثيرة جدا جدا لا تحصى ولكن تم بفضل الله حلها
طبعا لا اقدر ان انسى مساعدة المسؤلة الثانية من بعدى فى الموقع
Sauky
على استطاعتها تحليل الكود وايجاد حل لحوالى 60% من اعطال الكود
صور الكود
![[Image: image.php?id=F04C_534591B5&jpg]](http://micsoft.22web.org/image.php?id=F04C_534591B5&jpg)
![[Image: image.php?id=8F1D_53470793&jpg]](http://micsoft.22web.org/image.php?id=8F1D_53470793&jpg)
![[Image: image.php?id=427F_534591B5&jpg]](http://micsoft.22web.org/image.php?id=427F_534591B5&jpg)
![[Image: image.php?id=1717_534591B5&jpg]](http://micsoft.22web.org/image.php?id=1717_534591B5&jpg)
![[Image: image.php?id=10B2_534591B5&jpg]](http://micsoft.22web.org/image.php?id=10B2_534591B5&jpg)
فى اغلب الاكواد المتاحة نجد انه الكود لا يعمل بالشكل المطلوب ولكن لدينا تم الاصلاح لكل تلك المشاكل
تم اضافة النسخه النهائيه للكود
النسخة ما قبل النهائيه للكود
تم اضافة النسخة الماسية مع كود اعجاب الفيس والنشر دون الحاجة الى تعديل يتعرف على الصفحة تلقائا
ويسمح بوضع الاعجاب على المواضيع بشكل مباشر ونشرها ايضا بشكل مباشر
اما عن شرح الكود عليك وضعة اولا فى احد العناصر المستفلة
لوحة الادارة > عناصر اضافية > ادارة العناصر المستقلة > انشاء عنصر جديد
هناك اشياء عليك فعلها بنفسك وهى استبدال عبارة
بكود مثلا ثناتك على اليتيوب او فديو الخ الخ او اى شىء اخر تريد
ايضا استبدال عبارة
بالكود الخاص بك على تويتر
جارى اضافة الشرح
نتمنى لكم حظ فى النهاية هذا الكود محمى بحقوق الملكية وهى عنوان الموقع مايكل سوفت لن اسامح من يسرقها او ينسبها لنفسة لانى استغرقت ساعات انا والمسؤاله الثانية من اجل اعطائك هذا الكود السليم 100% اما عن جزىء الرد الاجبارى لسحب الكود فهذا لانه كل واحد هياخد الكود ومش هايهون عليه يقول حتى شكرا انا بتعب ومع ذلك ماشفتش حد قالى كلمة تفرح
من اجل تشخيص عدد الايقونات او اشكالها او مقاساتها
استخدم قسم دعم مشاكل الاكواد مع توضيح نوع التعديل المطلوب
طبعا لا اقدر ان انسى مساعدة المسؤلة الثانية من بعدى فى الموقع
Sauky
على استطاعتها تحليل الكود وايجاد حل لحوالى 60% من اعطال الكود
صور الكود
فى اغلب الاكواد المتاحة نجد انه الكود لا يعمل بالشكل المطلوب ولكن لدينا تم الاصلاح لكل تلك المشاكل
تم اضافة النسخه النهائيه للكود
النسخة ما قبل النهائيه للكود
تم اضافة النسخة الماسية مع كود اعجاب الفيس والنشر دون الحاجة الى تعديل يتعرف على الصفحة تلقائا
ويسمح بوضع الاعجاب على المواضيع بشكل مباشر ونشرها ايضا بشكل مباشر
Code:
<style type="text/css">
img, a { border: 0; }
#likebox_1 {
z-index: 10005;
border:2px solid #3c95d9;
background-color: #fff;
width:276px;
height: 210px;
position: fixed;
top: 20%;
right: -280px;
-webkit-transition:800ms;
-moz-transition:800ms;
-o-transition:800ms;
transition:800ms;
}
#likebox_1_1 {
width:276px;
height: 210px;
overflow: hidden;
}
#likebox_1 img {
position: absolute;
top: -2px;
left: -50px;
}
#likebox_1 iframe {
border:0px solid #3c95d9;
overflow: hidden;
position: static;
height: 60px;
left:-2px;
top:-3px;
}
#net_1 {
z-index: 10010;
border:2px solid #3c95d9;
background-color: #fff;
width:470px;
height: 594px;
position: fixed;
top: 4%;
right: -474px;
-webkit-transition:800ms;
-moz-transition:800ms;
-o-transition:800ms;
transition:800ms;
}
#net_1_1 {
width:470px;
height: 594px;
overflow: hidden;
}
#net_1 img {
position: absolute;
top: -2px;
left: -50px;
}
#net_1 iframe {
border:0px solid #3c95d9;
overflow: hidden;
position: static;
height: 360px;
left:-2px;
top:-3px;
}
#polecam_1 {
z-index: 10004;
border:2px solid #6CC5FF;
background-color: #6CC5FF;
width:266px;
height: 490px;
position: fixed;
top: 28%;
right: -270px;
-webkit-transition:800ms;
-moz-transition:800ms;
-o-transition:800ms;
transition:800ms;
}
#polecam_1_1 {
width:266px;
height: 490px;
overflow: hidden;
}
#polecamy_img {
position: absolute;
top: -2px;
left: -50px;
border: 0;
}
#google_1 {
z-index: 10003;
border-top:2px solid #0056a0;
border-bottom: 2px solid #0056a0;
border-right:2px solid #0056a0;
border-left: hidden;
background-color: #006ec9;
width:152px;
height: 97px;
position: fixed;
top: 36%;
right: -154px;
-webkit-transition:800ms;
-moz-transition:800ms;
-o-transition:800ms;
transition:800ms;
}
#google_1_1 {
width:152px;
height: 97px;
overflow: hidden;
}
#google_img {
position: absolute;
top: -2px;
left: -48px;
border: 0;
}
#youtube_1 {
z-index: 10006;
border:2px solid #cb1c0e;
background-color: #fff;
width:574px;
height: 342px;
position: fixed;
top: 12%;
right: -578px;
-webkit-transition:800ms;
-moz-transition:800ms;
-o-transition:800ms;
transition:800ms;
}
#youtube_1:hover { right:0; }
#net_1:hover { right:0; }
#likebox_1:hover { right:0; }
#google_1:hover { right:0; }
#polecam_1:hover { right:0; }
#youtube_1_1 {
width:564px;
height: 342px;
overflow: hidden;
}
#youtube_1 img {
position: absolute;
top: -2px;
left: -50px;
}
</style>
<!-- youtube -->
<div id="youtube_1"><div id="youtube_1_1">
<img src="https://cdn1.iconfinder.com/data/icons/isometric-social-media-icons/48/youtube.png" alt="" />
<a href="http://micsoft.is-best.net/">مايكل سوفت</a>
<p>محتوى اليوتيوب</p>
</div>
</div>
</div>
<div id="likebox_1"><div id="likebox_1_1">
<img src="https://cdn1.iconfinder.com/data/icons/isometric-social-media-icons/48/facebook.png" alt="" />
<a href="http://micsoft.is-best.net/">مايكل سوفت</a>
<div dir="rtl" style="padding: 0pt; font-weight: bold; font-size: 10pt;
margin: 0pt;
overflow: scroll; width: 500px; height: 200px;">
<script>(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="//connect.facebook.net/en_US/all.js#xfbml=1";fjs.parentNode.insertBefore(js,fjs);}(document,'script','facebook-jssdk'));</script>
<div fb-xfbml-state="rendered" class="fb-like fb_edge_widget_with_comment fb_iframe_widget" data-href="" data-send="true" data-width="400" data-show-faces="true" style="padding:10px;">
<span style="height: 24px; width: 400px;"><iframe src="http://www.facebook.com/plugins/like.php?api_key=124578887583575&locale=en_US&sdk=joey&channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D18%23cb%3Df17a9cb2fc0170e%26origin%3Dhttp%253A%252F%252F/%252Ff2de3f05fea3bc6%26domain%3D/%26relation%3Dparent.parent&href=/&node_type=link&width=400&layout=standard&colorscheme=light&show_faces=true&send=true&extended_social_context=false" class="fb_ltr" title="Like this content on Facebook." style="border: medium none; overflow: hidden; height: 24px; width: 400px;" name="f1605443947c896" id="f1932adabfc1718" scrolling="no"></iframe></span>
</div>
</div>
</div>
</div>
<div id="polecam_1"><div id="polecam_1_1">
<img id="polecamy_img"
src="https://cdn1.iconfinder.com/data/icons/isometric-social-media-icons/48/twitter.png"
/><a href="http://micsoft.is-best.net/">مايكل سوفت</a>
<P>عليك باضافة كود تويتر الخاص بك لتفعيل هذا الصندوق</P>
</div>
</div>
</div>
<div id="google_1"><div id="google_1_1">
<img id="google_img" src="https://cdn1.iconfinder.com/data/icons/isometric-social-media-icons/48/google_plus.png" />
<a href="http://micsoft.is-best.net/">مايكل سوفت</a>
<div style="color:#999;font-size:11px; padding-top: 15px;
padding-right:30px; margin:5px; width:98px; height:97px;">
<script type="text/javascript"
src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>
</div>
</div>اما عن شرح الكود عليك وضعة اولا فى احد العناصر المستفلة
لوحة الادارة > عناصر اضافية > ادارة العناصر المستقلة > انشاء عنصر جديد
هناك اشياء عليك فعلها بنفسك وهى استبدال عبارة
Quote:<p>محتوى اليوتيوب</p>
بكود مثلا ثناتك على اليتيوب او فديو الخ الخ او اى شىء اخر تريد
ايضا استبدال عبارة
Quote:<P>عليك باضافة كود تويتر الخاص بك لتفعيل هذا الصندوق</P>
بالكود الخاص بك على تويتر
جارى اضافة الشرح
نتمنى لكم حظ فى النهاية هذا الكود محمى بحقوق الملكية وهى عنوان الموقع مايكل سوفت لن اسامح من يسرقها او ينسبها لنفسة لانى استغرقت ساعات انا والمسؤاله الثانية من اجل اعطائك هذا الكود السليم 100% اما عن جزىء الرد الاجبارى لسحب الكود فهذا لانه كل واحد هياخد الكود ومش هايهون عليه يقول حتى شكرا انا بتعب ومع ذلك ماشفتش حد قالى كلمة تفرح
من اجل تشخيص عدد الايقونات او اشكالها او مقاساتها
استخدم قسم دعم مشاكل الاكواد مع توضيح نوع التعديل المطلوب
اهلا بيك يا Dalal نورت معانا
شرف كبير لنا ان تشترك معنا فى مايكل سوفت
هنا المنتدى الرسمى لمايكل سوفت الجديد
ولا يوجد لنا اى منتدى اخر
واى صفحة تشك بها لديك قسم المقترحات والشكاوى
تحياتى
الادارة العليا