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

3alm net2012


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

 

 لوحة تحكم في الصفحة الرئيسية (اخفاء / اظهار) جديد 2012

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


لوحة تحكم في الصفحة الرئيسية (اخفاء / اظهار) جديد 2012 13221811
تاريخ الانضمام : 10/08/2011
اخر مواضيع العضو : last posts
عدد المشاركات : 181
الدولة : لوحة تحكم في الصفحة الرئيسية (اخفاء / اظهار) جديد 2012 My_own34
الإقامة : ! GAZA !
المهنة : مساعدة الآخرين

لوحة تحكم في الصفحة الرئيسية (اخفاء / اظهار) جديد 2012 Empty
مُساهمةموضوع: لوحة تحكم في الصفحة الرئيسية (اخفاء / اظهار) جديد 2012   لوحة تحكم في الصفحة الرئيسية (اخفاء / اظهار) جديد 2012 I_icon_minitimeالإثنين مايو 14, 2012 8:39 am



لوحة تحكم في الصفحة الرئيسية (اخفاء / اظهار) جديد 2012

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

اقدم لكم اليوم كود لعرض تعديل البيانات الشخصية و...
صورة توضيحية ( أعلى الصورة )

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

الكود

الكود:
      <!-- 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(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: #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="http://i53.tinypic.com/1e1fex.gif"></center></div>
                </td>
     
                <td>
                <span style="font-size: 1.2em;">
                <font size="4">{USERLINK}</font>
     
                <b>عدد مساهماتك:</b> {USERCOUNTPOST}
                </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>


الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://edu-pal.yoo7.com
 
لوحة تحكم في الصفحة الرئيسية (اخفاء / اظهار) جديد 2012
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» (شــرح ) اظهار الاقسام الفرعية بطريقة روعة ومميزة

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