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

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

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

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

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


تذكير بمساهمة فاتح الموضوع :

كود 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 تكويد منطقة الدخول لاول مره في الابداع العربي

مُساهمة من طرف AnTonio في السبت يوليو 04, 2015 8:00 pm


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


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

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


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

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

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

مُساهمة من طرف lm3aLM med riadh في الخميس يوليو 09, 2015 3:12 am


lm3aLM med riadh
عضو محترف
عضو محترف

الجنس : ذكر

العذراء

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

نقاط النشاط : 3442

السٌّمعَة : 12

بلد العضو :

العمر : 17


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

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

مُساهمة من طرف المحترف الذهبي في الإثنين يوليو 20, 2015 10:58 pm


المحترف الذهبي
عضو التميز
عضو التميز

الجنس : ذكر

الحمل

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

نقاط النشاط : 44019

السٌّمعَة : 161

بلد العضو :

العمر : 21


http://www.pubda3m.com/

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

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

مُساهمة من طرف K!M0 في الإثنين أغسطس 10, 2015 1:56 am


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

الجنس : ذكر

السرطان

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

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

السٌّمعَة : 821

بلد العضو :

العمر : 19


http://Yalla4u.0wn0.Com

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

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

مُساهمة من طرف Arabian Star في الإثنين أغسطس 10, 2015 7:42 am


شرح جميل
شكرا لك يا كيمو




التوقيع



Arabian Star
بصمة خالدة
بصمة خالدة

الجنس : ذكر

الدلو

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

نقاط النشاط : 16547

السٌّمعَة : 79

بلد العضو :

العمر : 5


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

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

مُساهمة من طرف 1sLaM A7mEd في الخميس أغسطس 27, 2015 2:20 pm


1sLaM A7mEd
نائب الإدارة

نائب الإدارة

الجنس : ذكر

الاسد

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

نقاط النشاط : 11616

السٌّمعَة : 64

بلد العضو :

العمر : 19


http://www.anjezweb.com/

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

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

مُساهمة من طرف ѕαα∂ ∂єѕιgη في الخميس سبتمبر 03, 2015 7:58 am


ѕαα∂ ∂єѕιgη
بصمة خالدة
بصمة خالدة

الجنس : ذكر

الدلو

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

نقاط النشاط : 41613

السٌّمعَة : 280

بلد العضو :

العمر : 17


http://WwW.t-AlTwEr.CoM

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

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

مُساهمة من طرف almaldin في السبت فبراير 06, 2016 12:27 pm


بارك الله فيك  وجعله الله لك في ميزان
حسناتك دمت في  حمي الرحمن





almaldin
الادارة العليا

الادارة العليا

الجنس : ذكر

الاسد

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

نقاط النشاط : 20868

السٌّمعَة : 57

بلد العضو :

العمر : 36





http://www.ibda3araby.com/

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

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

مُساهمة من طرف Mr.LoLo في الأحد فبراير 07, 2016 6:17 pm


كوددد جميل
شكككرآ   ~




التوقيع


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

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




Mr.LoLo
عضو دهبي
عضو دهبي

الجنس : ذكر

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

الجدي

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

نقاط النشاط : 6163

السٌّمعَة : 54

بلد العضو :

العمر : 99


http://bank.ahlamontada.com/

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

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

مُساهمة من طرف THE ROCK في الأحد فبراير 07, 2016 6:42 pm


كود وتطوير رائعه
يعطيك العافيه وتسلم الأيادي المتألقه
على روعة ماخطت لنا من ابجديات واكواد ماسيه
بإنتظار روائعك القادمه بشوووق




التوقيع




THE ROCK
عضو فعال
عضو فعال

الجنس : ذكر

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

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

السٌّمعَة : 24

بلد العضو :


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

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

مُساهمة من طرف زائر في الثلاثاء مايو 17, 2016 7:24 pm


السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك

تحياتــي


زائر
زائر


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

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

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

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

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

سجل معنا الان

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


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

سجل دخولك

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


سجل دخولك

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