الإعلانات

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

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

AsheK WalhaN
AsheK WalhaN
مؤسس المنتدى
مؤسس المنتدى
ذكر
عدد المساهمات : 5608
نقاط : 18641
تقييم العضو : 44
تاريخ الميلاد : 21/03/1995
العمـر : 23

مُساهمةAsheK WalhaN في السبت أكتوبر 13, 2012 8:34 pm

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

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





الكود

الكود:
  <!-- 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>
 
عنكبوت النت
عنكبوت النت

ذكر
عدد المساهمات : 27
نقاط : 29
تقييم العضو : 0

مُساهمةعنكبوت النت في الخميس نوفمبر 01, 2012 1:05 pm

شكرا لك كوود مميز تحياتي
sawan
sawan

ذكر
عدد المساهمات : 46
نقاط : 55
تقييم العضو : 1

مُساهمةsawan في السبت نوفمبر 03, 2012 12:22 pm

شكرا على الموضوع الرائع

والله افدتني كثير
Mr.ElHassan
Mr.ElHassan

ذكر
عدد المساهمات : 560
نقاط : 558
تقييم العضو : 0
http://new-com.mountada.net/

مُساهمةMr.ElHassan في الأحد نوفمبر 18, 2012 3:19 pm

جزاكم الله كل خير

كتبت فأبدعت فجزاكم الله عنا كل خير

مارسيلا
مارسيلا

انثى
عدد المساهمات : 305
نقاط : 303
تقييم العضو : 0
تاريخ الميلاد : 25/04/1990
العمـر : 28
http://panorama-alarab.com/vb/index.php

مُساهمةمارسيلا في السبت ديسمبر 01, 2012 4:04 am

طرح رائع
ربي يعطيك الف عافية
بشوق لروائع اطروحاتك
المميزة
حفظك المولى

..[a.c hip-love ]..
..[a.c hip-love ]..

ذكر
عدد المساهمات : 230
نقاط : 236
تقييم العضو : 0
تاريخ الميلاد : 17/12/1996
العمـر : 22
http://3twer.mam9.com/

مُساهمة..[a.c hip-love ].. في الخميس يناير 03, 2013 8:28 am

جزاكم الله كل خير

كتبت فأبدعت فجزاكم الله عنا كل خير
zizoramzi
zizoramzi

ذكر
عدد المساهمات : 203
نقاط : 217
تقييم العضو : 0
تاريخ الميلاد : 05/07/1997
العمـر : 21
http://ibda3dz.123.st

مُساهمةzizoramzi في الأربعاء يناير 09, 2013 5:56 pm

بارك الله فيك وشكرا على الموضوع الجميل
ام ليان
ام ليان

انثى
عدد المساهمات : 280
نقاط : 580
تقييم العضو : 0
تاريخ الميلاد : 01/01/2001
العمـر : 18
http://elahibafi-allah.montadarabi.com/

مُساهمةام ليان في الأربعاء يناير 09, 2013 6:01 pm


شكرا لك و بارك الله فيك

بس كيف اركبه في منتداي
A_H_M_E_D
A_H_M_E_D

ذكر
عدد المساهمات : 54
نقاط : 80
تقييم العضو : 0
تاريخ الميلاد : 16/04/1992
العمـر : 26
http://top4u.hooxs.com/

مُساهمةA_H_M_E_D في الخميس يناير 10, 2013 5:47 pm

اذهبي لوحة الادارة

مظهر المنتدي

تشكيلات عامة

ضعي الكود وهذة العلامة موجودة



مبروك اختي انا جربتو واشتغل تمام
ام ليان
ام ليان

انثى
عدد المساهمات : 280
نقاط : 580
تقييم العضو : 0
تاريخ الميلاد : 01/01/2001
العمـر : 18
http://elahibafi-allah.montadarabi.com/

مُساهمةام ليان في الخميس يناير 10, 2013 7:20 pm

اخي ما مشي الحال جربته
ممكن تسويه لي
ما غيرت البيانات

zizoramzi
zizoramzi

ذكر
عدد المساهمات : 203
نقاط : 217
تقييم العضو : 0
تاريخ الميلاد : 05/07/1997
العمـر : 21
http://ibda3dz.123.st

مُساهمةzizoramzi في الأحد يناير 27, 2013 5:54 pm

سلمت اناملك اخي الكريم شكرا لك لموضوعك المميز
الأميرساسوكي
الأميرساسوكي

ذكر
عدد المساهمات : 97
نقاط : 127
تقييم العضو : 0
تاريخ الميلاد : 18/11/1992
العمـر : 26
http://bloodofshinobi.tk/

مُساهمةالأميرساسوكي في الثلاثاء فبراير 05, 2013 8:42 pm

ما شاء الله سلمت اياديك على موضوك المميز و جعلها في ميزان حسناتك
♥ الوردہْ الدآكنـہْ ♥
♥ الوردہْ الدآكنـہْ ♥

انثى
عدد المساهمات : 428
نقاط : 431
تقييم العضو : 1
تاريخ الميلاد : 26/06/2001
العمـر : 17
http://bomn.3rab.pro/forum

مُساهمة♥ الوردہْ الدآكنـہْ ♥ في الخميس فبراير 21, 2013 12:38 pm

شٍكٍـرٍاً عٍـلى الكوؤد .. ~<؛ :88:
قاتل الأسود
قاتل الأسود

ذكر
عدد المساهمات : 95
نقاط : 111
تقييم العضو : 0
تاريخ الميلاد : 16/10/1997
العمـر : 21
http://www........................com

مُساهمةقاتل الأسود في الخميس مايو 02, 2013 3:38 pm

شكرا
hamzi
hamzi

ذكر
عدد المساهمات : 22
نقاط : 26
تقييم العضو : 0
تاريخ الميلاد : 14/06/1998
العمـر : 20
http://............................

مُساهمةhamzi في الأربعاء يونيو 05, 2013 11:46 am

شكرا
Mr.ElHassan
Mr.ElHassan

ذكر
عدد المساهمات : 560
نقاط : 558
تقييم العضو : 0
http://new-com.mountada.net/

مُساهمةMr.ElHassan في السبت يوليو 20, 2013 5:25 pm

جزاكم الله كل خير عالكود الاكثر من رائع 
ومشكورين جداً من نجاح لنجاح ان شاء الله
ElPrOo
ElPrOo

ذكر
عدد المساهمات : 51
نقاط : 49
تقييم العضو : 0
تاريخ الميلاد : 09/05/1992
العمـر : 26
http://43arb.ibda3.biz

مُساهمةElPrOo في الجمعة أغسطس 30, 2013 6:06 am

شكرااا

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

للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل

يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة

التسجيل

انضم الينا لن يستغرق منك الا ثوانى معدودة!


أنشئ حساب جديد

تسجيل الدخول

ليس لديك عضويه ؟ بضع ثوانى فقط لتسجيل حساب


تسجيل الدخول

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