منتدى ابيان
اهلا وسهلا بك عزيزي الزائر / عزيزتي الزائرة
منتديات مضايف العكيدات ترحب بك أجمل ترحيب
ونتمنى لك وقتاً سعيداً مليئاً بالحب كما يحبه الله ويرضاه
فأهلاً بك في هذا المنتدى المبارك إن شاء الله / يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي سنتشرف بتسجيلك



 
الرئيسيةمنتدى ابياناليوميةس .و .جبحـثالتسجيلدخول

مساحة اعلانية
مساحة اعلانية
مرحبا بك يــا زائر في منتديات ابيان رجال العكيدات
مساحة اعلانية

شاطر | 
 

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

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


تاريخ التسجيل : 25/05/2011
تاريخ الميلاد : 03/02/1990
ذكر
عدد || مسآهمآتي: : 363
نقاط : 952
التقيم : 7
العمر : 28

الساعة الان :

بطاقة الشخصية
>لعب الادوار: >لعب الادوار

مُساهمةموضوع: كود HTML لوحة تحكم في الصفحة الرئيسية (اخفاء / اظهار) جديد 2012   الثلاثاء مايو 22, 2012 11:44 pm

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

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


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

صورة توضيحية

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://redcdn.net/ihimizer/img18/3017/loginrw.png) no-repeat right 0;}

#topp ul.login li.left {
background: url(https://redcdn.net/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="http://i53.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>


طريقة تركيب الكود

طريقة وضع الأكواد الصحيحة على كافة الأماكن التى تقبل بوضع الأكواد على منتديات أحلى منتدى




منقول
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://abian.rigala.net/
 
كود HTML لوحة تحكم في الصفحة الرئيسية (اخفاء / اظهار) جديد 2012
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كوشة كودات html مهمة للكل.....
» تعليم لغهــــــــHTML
» قائمة مواضيع أكواد ال HTML
» كود HTML خاصية إرسال رسالة إيميل
» درس في HTML للمبتدئين

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى ابيان  :: أبيان التطويرية لتطوير الماقع والمنتديات .منتدى ابيان :: أبيان تطوير منتديات احلى المنتديات :: أكواد HTML-
انتقل الى:  
تسجيل صفحاتك المفضلة في مواقع خارجية
تسجيل صفحاتك المفضلة في مواقع خارجية digg  تسجيل صفحاتك المفضلة في مواقع خارجية delicious  تسجيل صفحاتك المفضلة في مواقع خارجية reddit  تسجيل صفحاتك المفضلة في مواقع خارجية stumbleupon  تسجيل صفحاتك المفضلة في مواقع خارجية slashdot  تسجيل صفحاتك المفضلة في مواقع خارجية yahoo  تسجيل صفحاتك المفضلة في مواقع خارجية google  تسجيل صفحاتك المفضلة في مواقع خارجية blogmarks  تسجيل صفحاتك المفضلة في مواقع خارجية live      

قم بحفض و مشاطرة الرابط مضايف العكيدات على موقع حفض الصفحات

قم بحفض و مشاطرة الرابط منتدى ابيان على موقع حفض الصفحات
مواضيع مماثلة
بحـث
 
 

نتائج البحث
 
Rechercher بحث متقدم
تصويت
مواقع صديقة
Like/Tweet/+1