كود css + html تكويد منطقة الدخول لاول مره في الابداع العربي

صفحة 1 من اصل 3 1, 2, 3  الصفحة التالية

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

كود css + html تكويد منطقة الدخول لاول مره في الابداع العربي

مُساهمة من طرف K!M0 في الجمعة 18 يوليو - 9:30


كود css + html تكويد منطقة الدخول لاول مره في الابداع العربي


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


حبيت اني اضع الكود لكي اساعد الاخوه المكويدين انهم يكودوا منطقة الدخول بكل سهوله بالشكل دا ( يعني اي منطقة دخول عاوز تعملها يبقي لازم تكون بالشكل دا )






الطريقة دي بتعتمد علي اللي بيعرف بس في css شوية يعني مش لازم يكون محترف


تفضلوا كود css

الرمز:
#login {
    background-image: url("http://i39.servimg.com/u/f39/17/37/43/87/log10.png");
    background-repeat: no-repeat;
    height: 123px;
    left: 55px;
    position: absolute;
    top: 112px;
    width: 434px;
}

.namelogin {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #FFFFFF;
    direction: rtl;
    font-family: Droid Arabic Kufi,Tahoma,Geneva,sans-serif;
    height: 26px;
    position: absolute;
    right: 72px;
    top: 23px;
    width: 131px;
}
.passlogin {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #FFFFFF;
    direction: rtl;
    font-family: Droid Arabic Kufi,Tahoma,Geneva,sans-serif;
    height: 26px;
    position: absolute;
    right: 264px;
    top: 23px;
    width: 131px;
}
.remember {
    bottom: 43px;
    height: 21px;
    position: absolute;
    right: 51px;
    top: 59px;
    width: 19px;
}
.login-button {
    border: medium none;
    cursor: pointer;
    height: 23px;
    left: 268px;
    position: absolute;
    top: 61px;
    width: 85px;
}
#login2 {
    background-image: url("http://i39.servimg.com/u/f39/17/37/43/87/log210.png");
    background-repeat: no-repeat;
    height: 151px;
    left: 55px;
    position: absolute;
    top: 90px;
    width: 427px;
}




ودا كود html

الرمز:
<div id="login" ">
 
  <form onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)" method="post" action="login.php?do=login">
  <script src="../Documents/clientscript/vbulletin_md5.js?v=384" type="text/javascript"></script>
  <table border="0" cellspacing="3" cellpadding="0">
  <tbody><tr>
 
  <td style="height: 23px">
  <input type="text" onfocus="if (this.value == 'اسم العضو') this.value = '';" value="اسم العضو" tabindex="101" accesskey="u" size="10" id="navbar_username" name="vb_login_username" class="namelogin"></td>
  <td style="height: 23px">
  <input type="checkbox" accesskey="c" id="cb_cookieuser_navbar" tabindex="103" value="1" name="cookieuser" class="remember"></td>
  </tr>
  <tr>
  <td>
  <input type="password" tabindex="102" size="10" id="navbar_password" name="vb_login_password" class="passlogin"></td>
  <!-- button -->
        <td><input type="image" accesskey="s" title="ادخل اسم العضو وكلمة المرور الخاصة بك في الحقول المجاورة لتسجيل الدخول, أو اضغط على رابط 'التسجيل' لإنشاء حساب خاص بك." value="" tabindex="104" class="login-button" src="http://i39.servimg.com/u/f39/17/37/43/87/but10.png"></td>
 
  </tr>
  </tbody></table>
  <input type="hidden" value="" name="s">
  <input type="hidden" value="guest" name="securitytoken">
  <input type="hidden" value="login" name="do">
  <input type="hidden" name="vb_login_md5password">
  <input type="hidden" name="vb_login_md5password_utf">
  </form>
 
</div>
</div>


الكود html جاهز ولا يحتاج اي تعديل اللي يحتاج تعديل هو كود css في الحجم - العرض والارتفاع 


كمان دا رابط المنطقه https://i39.servimg.com/u/f39/17/37/43/87/log10.png


غيره بصورة المنطقة الجديدة بس حاول انك تخليها png 


ودي الصورة https://i39.servimg.com/u/f39/17/37/43/87/log210.png


اللي بعد تسجيل الدخول فارغة ( يعني لازم تفرغ المنطقة الجديدة ايضاً )


يعني كل ما عليك انك تشوف الصور وتغيرها بالجديدة وتغير الحجم من حيث width - height - top - left


وشكرا -- يمنع النقل بدون ذكر المصدر منتدي الابداع العربي -- K!M0


لا تنسوني من التقييم تعبت في الكود دا


والسلام عليكم


كان معكم K!M0





K!M0
عضو دهبي
عضو دهبي

الجنس : ذكر

السرطان

عدد المساهمات : 5447

نقاط النشاط : 6759

السٌّمعَة : 821

بلد العضو :

العمر : 19


http://Yalla4u.0wn0.Com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود css + html تكويد منطقة الدخول لاول مره في الابداع العربي

مُساهمة من طرف 1One-Script في الجمعة 18 يوليو - 21:55


شكرا
شرح اكثر من رائع
وردة حمراء


1One-Script
عضو محترف
عضو محترف

الجنس : ذكر

الحمل

عدد المساهمات : 2538

نقاط النشاط : 3372

السٌّمعَة : 178

بلد العضو :

العمر : 96


الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود css + html تكويد منطقة الدخول لاول مره في الابداع العربي

مُساهمة من طرف زائر في الجمعة 18 يوليو - 22:26


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


زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود css + html تكويد منطقة الدخول لاول مره في الابداع العربي

مُساهمة من طرف K!M0 في الأحد 20 يوليو - 10:08


K!M0
عضو دهبي
عضو دهبي

الجنس : ذكر

السرطان

عدد المساهمات : 5447

نقاط النشاط : 6759

السٌّمعَة : 821

بلد العضو :

العمر : 19


http://Yalla4u.0wn0.Com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود css + html تكويد منطقة الدخول لاول مره في الابداع العربي

مُساهمة من طرف 1M ThE BesT في الثلاثاء 22 يوليو - 3:41


1M ThE BesT
مؤسس الابداع العربي

مؤسس الابداع العربي

الجنس : ذكر

الدلو

عدد المساهمات : 25052

نقاط النشاط : 27783

السٌّمعَة : 304

بلد العضو :

العمر : 20


http://jalil.assassino

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود css + html تكويد منطقة الدخول لاول مره في الابداع العربي

مُساهمة من طرف bigest في الأربعاء 23 يوليو - 2:28


شكرا علي الشرح الرائع


bigest
عضو جديد
عضو جديد

الجنس : ذكر

عدد المساهمات : 21

نقاط النشاط : 21

السٌّمعَة : 10

بلد العضو :


http://banathi.com/category10

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود css + html تكويد منطقة الدخول لاول مره في الابداع العربي

مُساهمة من طرف 1BlaCk GlaSs في السبت 9 أغسطس - 14:28


1BlaCk GlaSs
بصمة خالدة
بصمة خالدة

الجنس : ذكر

العذراء

عدد المساهمات : 40670

نقاط النشاط : 44268

السٌّمعَة : 1241

بلد العضو :

العمر : 17


الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود css + html تكويد منطقة الدخول لاول مره في الابداع العربي

مُساهمة من طرف Al-SHAM5 في الثلاثاء 23 ديسمبر - 18:28


Al-SHAM5
بصمة خالدة
بصمة خالدة

الجنس : ذكر

نقاط التفاعل : 3 نقاط

عدد المساهمات : 91812

نقاط النشاط : 101607

السٌّمعَة : 695

بلد العضو :


الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود css + html تكويد منطقة الدخول لاول مره في الابداع العربي

مُساهمة من طرف MS.RINO في الإثنين 16 فبراير - 15:00


يعطيكْ العافيه على الطرح المتميز


MS.RINO
عضو التميز
عضو التميز

الجنس : انثى

الثور

عدد المساهمات : 11675

نقاط النشاط : 12407

السٌّمعَة : 56

بلد العضو :

العمر : 16


الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود css + html تكويد منطقة الدخول لاول مره في الابداع العربي

مُساهمة من طرف AnTonio في السبت 4 يوليو - 20:00


شكرا جزيلا لك على الموضوع المميز 




التوقيع



AnTonio
عضو فعال
عضو فعال

الجنس : ذكر

الثور

عدد المساهمات : 977

نقاط النشاط : 1518

السٌّمعَة : 23

بلد العضو :

العمر : 16


http://s-ibda3.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

صفحة 1 من اصل 3 1, 2, 3  الصفحة التالية

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

سجل دخولك لتستطيع الرد بالموضوع

لابد تكون لديك عضوية لتستطيع الرد سجل الان

سجل معنا الان

انضم الينا بمنتدي الابداع العربي فعملية التسجيل سهله جدا ؟


تسجيل عضوية جديدة

سجل دخولك

لديك عضوية هنا ؟ سجل دخولك من هنا .


سجل دخولك

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