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

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

avatar
عضو دهبي
الجنس : ذكر

السرطان

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

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

السٌّمعَة : 821

بلد العضو :

العمر : 20



معاينة صفحة البيانات الشخصي للعضوhttp://Yalla4u.0wn0.Com
تمت المشاركة في الجمعة يوليو 18, 2014 7:30 am
  • تقييم المساهمة: 100% (1)
تذكير بمساهمة فاتح الموضوع :

كود 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://i.servimg.com/u/f39/17/37/43/87/log10.png


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


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


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


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


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


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


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


كان معكم K!M0
التوقــيـــــــــــــــــــــع

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

عضو فعال
عدد المساهمات : 977

معاينة صفحة البيانات الشخصي للعضوhttp://s-ibda3.arab.st/
تمت المشاركة في السبت يوليو 04, 2015 6:00 pm
شكرا جزيلا لك على الموضوع المميز 

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

avatar
عضو محترف
الجنس : ذكر

العذراء

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

نقاط النشاط : 3475

السٌّمعَة : 12

بلد العضو :

العمر : 18

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الخميس يوليو 09, 2015 1:12 am
شكرا لك
التوقــيـــــــــــــــــــــع

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

avatar
بصمة خالدة
الجنس : ذكر

الحمل

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

نقاط النشاط : 44594

السٌّمعَة : 169

بلد العضو :

العمر : 22



معاينة صفحة البيانات الشخصي للعضوhttp://www.pubda3m.com/
تمت المشاركة في الإثنين يوليو 20, 2015 9:58 pm
روعه
تسلم الايادي
التوقــيـــــــــــــــــــــع

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

avatar
عضو دهبي
الجنس : ذكر

السرطان

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

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

السٌّمعَة : 821

بلد العضو :

العمر : 20



معاينة صفحة البيانات الشخصي للعضوhttp://Yalla4u.0wn0.Com
تمت المشاركة في الإثنين أغسطس 10, 2015 12:56 am
شكراً لمروركم جميعاً منورين
التوقــيـــــــــــــــــــــع

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

avatar
بصمة خالدة
الجنس : ذكر

الحمل

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

نقاط النشاط : 16888

السٌّمعَة : 81

بلد العضو :

العمر : 18

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الإثنين أغسطس 10, 2015 6:42 am
شرح جميل
شكرا لك يا كيمو
التوقــيـــــــــــــــــــــع


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

avatar
بصمة خالدة
الجنس : ذكر

الاسد

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

نقاط النشاط : 11656

السٌّمعَة : 65

بلد العضو :

العمر : 20

معاينة صفحة البيانات الشخصي للعضوhttp://www.anjezweb.com/
تمت المشاركة في الخميس أغسطس 27, 2015 1:20 pm
شكرا لك
ابدعت
شرح مميز
التوقــيـــــــــــــــــــــع

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

avatar
بصمة خالدة
الجنس : ذكر

الدلو

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

نقاط النشاط : 41656

السٌّمعَة : 282

بلد العضو :

العمر : 18

معاينة صفحة البيانات الشخصي للعضوhttp://WwW.t-AlTwEr.CoM
تمت المشاركة في الخميس سبتمبر 03, 2015 6:58 am
جججميل جدآآ آلككود , شككرآ وردة حمراء.
التوقــيـــــــــــــــــــــع

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

avatar
بصمة خالدة
الجنس : ذكر

الاسد

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

نقاط النشاط : 26540

السٌّمعَة : 90

بلد العضو :

العمر : 37

معاينة صفحة البيانات الشخصي للعضوhttps://www.ibda3araby.com/
تمت المشاركة في السبت فبراير 06, 2016 10:27 am
بارك الله فيك  وجعله الله لك في ميزان
حسناتك دمت في  حمي الرحمن
التوقــيـــــــــــــــــــــع

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

avatar
رئاسة فريق الدردشة

الجنس : ذكر

الجدي

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

نقاط النشاط : 7085

السٌّمعَة : 65

بلد العضو :

العمر : 100



معاينة صفحة البيانات الشخصي للعضوhttp://bank.ahlamontada.com/
تمت المشاركة في الأحد فبراير 07, 2016 4:17 pm
كوددد جميل
شكككرآ   ~
التوقــيـــــــــــــــــــــع


سبحان الله وبحمده ..
          سبحان الله العظيم ...

اللهم صلِّ وسلم على محمد.. وعلى آله وصحبه أجمعين



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

avatar
عضو فعال
الجنس : ذكر

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

نقاط النشاط : 988

السٌّمعَة : 24

بلد العضو :

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الأحد فبراير 07, 2016 4:42 pm
كود وتطوير رائعه
يعطيك العافيه وتسلم الأيادي المتألقه
على روعة ماخطت لنا من ابجديات واكواد ماسيه
بإنتظار روائعك القادمه بشوووق
التوقــيـــــــــــــــــــــع



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

زائر
زائر
تمت المشاركة في الثلاثاء مايو 17, 2016 6:24 pm
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك

تحياتــي
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Propellerads                                                                           Propellerads