| لوحة تحكم في الصفحة الرئيسية (اخفاء / اظهار) | |
|
|
كاتب الموضوع | رسالة |
---|
DeGa عضو نشـيط
الدولة : knights.boardlog.com عدد المساهمات : 1324 نقاط نشاط : 1878 السٌّمعَة : 0 العمر : 32
| موضوع: لوحة تحكم في الصفحة الرئيسية (اخفاء / اظهار) الخميس نوفمبر 22, 2012 3:30 pm | |
| السلام عليكم ورحمة الله تعالى وبركاته
اقدم لكم اليوم كود لعرض تعديل البيانات الشخصية و... صورة توضيحية https://i.servimg.com/u/f40/16/60/81/99/jhhym10.jpg
https://i.servimg.com/u/f40/16/60/81/99/jypp10.jpg الكود
الكود: <!-- The CSS --> <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: block; position: relative; float: right; clear: right; height: 38px; width: auto; font-weight: bold; line-height: 38px; margin: 0; right: 150px; color: white; font-size: 80%; text-align: center; padding-right: 45px; } #topp ul.login li.left { height: 38px; width: 45px; padding: 0; margin: 0; display: block; float: left; } #topp ul.login li { text-align: left; padding: 0 6px; display: block; float: left; height: 38px; } #topp ul.login li a {color: #33CCCC;} #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(https://2img.net/r/ihimizer/img18/3017/loginrw.png) no-repeat right 0;} #topp ul.login li.left { background: url(https://2img.net/r/ihimizer/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: #545454;} #login .loginContent{padding-top:0px;width:790px;height:100px;} #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 id="loginn" style="display: block;position: absolute;left: 0px;top: 0px;width: 100%;"><div id="login" style="margin-top:-100px;"><div class="loginContent"> <table style="width:100%;" border="0"> <tr> <td style="text-align:center;"> <table border="0"> <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="https://2img.net/h/oi53.tinypic.com/1e1fex.gif"></center></div> </td> <td> <span style="font-size: 1.2em;"> <font size="4"></font> <b>عدد مساهماتك:</b> 1 </span> </td> </tr> </table> </td> <td style="text-align:center;"> <span style="font-size: 1.2em;"><b>الملف</b> <a href="../profile.forum?mode=editprofile&page_profil=informations">البيانات الشخصية</a> <a href="../profile.forum?mode=editprofile&page_profil=preferences">تفضيلات</a> <a href="../profile.forum?mode=editprofile&page_profil=signature">التوقيع</a> <a href="../profile.forum?mode=editprofile&page_profil=avatars">الصورة الشخصية</a> </span> </td> <td style="text-align:center;"> <span style="font-size: 1.2em;"><b>البيانات</b> <a href="../profile.forum?mode=editprofile&page_profil=friendsfoes">الأصدقاء و المنبوذين</a> <a href="../search.forum?search_id=watchsearch">المواضيع المراقبة</a> <a href="../search.forum?search_id=draftsearch">معلومات</a> <a href="../search.forum?search_id=favouritesearch">المفضلة</a> <a href="../rpg_sheet_edit.forum">الورقة الشخصية</a> </span> </td> <td style="text-align:center;"> <span style="font-size: 1.2em;"><b>المواضيع والرسائل</b> <a href="../msg.forum?folder=inbox">الرسائل الخاصة</a> <a href="../search?search_id=activetopics"> أفضل المواضيع لهذا اليوم</a> <a href="../search.forum?search_id=egosearch">مُساهماتك</a> <a href="../search.forum?search_author=Victor&show_results=posts"> استعراض المواضيع التي لم يتم الرد عليها</a> <a href="../search?search_id=unanswered">استعرض المواضيع الجديدة منذ آخر زيارة لي</a> </span> </td> </tr> </table> </div> </div> <!-- /login --><div id="container"><div id="topp"> <!-- login --> <ul class="login"> <li class="left"> </li> <li><a id="toggleLogin" href="#" onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-100px' : '0px');">لوحة التحكم</a></li> </ul> <!-- / login --> </div> <!-- / topp --><div class="clearfix"></div> </div></p></div> | |
|
| |
lovecab عضو نشـيط
عدد المساهمات : 1619 نقاط نشاط : 1639 السٌّمعَة : 0 العمر : 32
| موضوع: رد: لوحة تحكم في الصفحة الرئيسية (اخفاء / اظهار) الخميس نوفمبر 22, 2012 7:38 pm | |
| موضوع في غاية الروعة و الجمال
وشكرا لك علبى الكود الرائع و الحلوا
تقبل مروري
وشكرا | |
|
| |
جزائري حر عضو نشـيط
عدد المساهمات : 949 نقاط نشاط : 1029 السٌّمعَة : 0 العمر : 28
| موضوع: رد: لوحة تحكم في الصفحة الرئيسية (اخفاء / اظهار) السبت ديسمبر 01, 2012 6:59 pm | |
| موضوع في غاية التنظيم و التنسيق
شكرا لك على الموضوع الرائع و المتميز
لك الف عافية اخي الكريم
تقبل مروري
وشكرا | |
|
| |
Mr.ElHassan عضو نشـيط
عدد المساهمات : 581 نقاط نشاط : 585 السٌّمعَة : 0 العمر : 27
| موضوع: رد: لوحة تحكم في الصفحة الرئيسية (اخفاء / اظهار) الأربعاء ديسمبر 19, 2012 10:27 pm | |
| مشكور على المجهود الرائع الذى بذلته فى توصيل هذا الكود للاعضاء جزاكم الله كل خير عالكود | |
|
| |
DeGa عضو نشـيط
الدولة : knights.boardlog.com عدد المساهمات : 1324 نقاط نشاط : 1878 السٌّمعَة : 0 العمر : 32
| موضوع: رد: لوحة تحكم في الصفحة الرئيسية (اخفاء / اظهار) الجمعة ديسمبر 21, 2012 9:16 pm | |
| شكرا على المرور ترقبوا منا الجديد باذن الله | |
|
| |
الصقر عضو نشـيط
عدد المساهمات : 3730 نقاط نشاط : 4154 السٌّمعَة : 0 العمر : 33
| موضوع: رد: لوحة تحكم في الصفحة الرئيسية (اخفاء / اظهار) الأحد ديسمبر 23, 2012 3:38 pm | |
| السلام عليكم جزاك الله خيرا أخي الكريم على الموضوع الرائع يدا بيد للرقي بمنتدى التعليم العام موضوع جميل جدا و رائع و ممتاز حقيقة أتمنى يتسفيد منه كل زوار و اعضاء المنتدى و نتمنى ان نرى قادم جديدك أخي الغالي شكرا لك مججدا و أتمنى تكون متواجد دائما معنا تحياتي | |
|
| |
ديغو ميليتو أشراف عـــام الدردشة
عدد المساهمات : 1132 نقاط نشاط : 1135 السٌّمعَة : 1 العمر : 31
| موضوع: رد: لوحة تحكم في الصفحة الرئيسية (اخفاء / اظهار) الجمعة يونيو 21, 2013 5:57 pm | |
| موضوع رائع وجميل جدا مشكور على الكود وبالتوفيق لك | |
|
| |
BAZOKA Libya مرشح لفريق الإبداع
الدولة : Germany عدد المساهمات : 8 نقاط نشاط : 8 السٌّمعَة : 0 العمر : 44
| موضوع: رد: لوحة تحكم في الصفحة الرئيسية (اخفاء / اظهار) الإثنين يناير 20, 2014 9:16 pm | |
| #شكرا لك @ولاكن
*يرجى وضع مكان الكود | |
|
| |
| لوحة تحكم في الصفحة الرئيسية (اخفاء / اظهار) | |
|