منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم
لقد نسيت كلمة السر
منتديات تقنيات
1 / 4
تقنيات حصرية
2 / 4
اطلب استايلك مجانا
3 / 4
استايلات تومبلايت جديدة
4 / 4
دروس اشهار الموقع



حصري على تقنيات صفحة تعديل بيانات شخصية ببرمجة جديدة مميزة



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

حصري على تقنيات صفحة تعديل بيانات شخصية ببرمجة جديدة مميزة

مُساهمة  في 04/03/16, 09:41 pm

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

كما نعد اعضائنا الكرام في مركز تقنياتلدائم 

نعود اليوم بجديد خيالي مميز وهو عبارة عن برمجة جديدة لصفحة تعديل و تسجيل البيانات الشخصية بطريقة راائعة ومميزة 
* طريقة تركيب الكود سهل جدا 

لوحة الادارة » مظهر المنتدي » التومبلايتات و القوالب » بيانات الشخصية » نختار هذا القالب profile_add_body
ونضغط على تعديل


نحدف كل القالب ونستبدله بالقالب التالي : 



الرمز:
<div class="bablil" align="center">
<h1>
<span style="color: #5f5f5f">البيانات</span>
الشخصية
</h1>
<h2>مع نظام ادارة البيانات الجديد يسهل عليكم تعديل و تسجيل بياناتكم الشخصية</h2>
<p>
يتيح لكم نظام ادارة البيانات الشخصية من تعديل او تسجيل وحفظ بياناتكم في اي لحظة بسهولة التامة كما انه نتيح لك عدة روابط تهمك على المنتدى
</p>
<a class="yassine" href="profile?mode=editprofile">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/128.png" alt="">
</div>
<span>معاينة البيانات الشخصية</span>
</a>
<a class="yassine" href="profile?mode=editprofile&page_profil=avatars">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/224.png" alt="">
</div>
<span>تغيير الصورة الشخصية</span>
</a>
<a class="yassine" href="profile?mode=editprofile&page_profil=preferences">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/320.png" alt="">
</div>
<span>تعديل التفضيلات الخاصة</span>
</a>
<a class="yassine" href="profile?mode=editprofile&page_profil=friendsfoes">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/416.png" alt="">
</div>
<span>خيارات الأصدقاء و المنبوذين</span>
</a>
<a class="yassine" href="profile?mode=editprofile&page_profil=attachments">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/516.png" alt="">
</div>
<span>المرفقات الشخصية</span>
</a>
<a class="yassine" href="profile?mode=editprofile&page_profil=notifications">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/615.png" alt="">
</div>
<span>معاينة الإشعارات الخاصة</span>
</a>
<a class="yassine" href="profile?mode=editprofile&page_profil=signature">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/712.png" alt="">
</div>
<span>إدارة التوقيع الشخصي</span>
</a>
  <a class="yassine" href="/contact">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/812.png" alt="">
</div>
<span>اتصال بإدارة المنتدى</span>
</a>
</div>
  <br>



تم نتوجه الى 
لوحة الادارة » مظهر المنتدي » الوان » ورقة تصميم css
ونضيف الكود التالي 



الرمز:
.bablil {
    float: center;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    padding-bottom: 30px;
    width: 100%;
}
.bablil h1 {
    color: hsl(337, 100%, 57%);
    font-family: GESSTwoMed;
    font-size: 21px;
    font-weight: normal;
    text-align: center;
}
.bablil h2 {
    color: hsl(0, 0%, 61%);
    font-family: GESSTwoMed;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    text-align: center;
}
.bablil p {
    color: hsl(0, 0%, 38%);
    font-family: GESSTwoMed;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: center;
}

.yassine {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: hsl(0, 0%, 100%);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: hsl(0, 0%, 85%);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: hsl(0, 0%, 85%);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: hsl(0, 0%, 85%);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: hsl(0, 0%, 85%);
    border-top-style: solid;
    border-top-width: 1px;
    cursor: pointer;
    float: right;
    height: 170px;
    margin-left: 6px;
    margin-top: 20px;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.63, 0.08, 0.35, 0.92);
    width: 228px;
}
.yassine:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: hsl(338, 100%, 86%);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: hsl(338, 100%, 86%);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: hsl(338, 100%, 86%);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: hsl(338, 100%, 86%);
    border-top-style: solid;
    border-top-width: 1px;
}
.yassine:hover > .icon {
    background-image: url("http://i21.servimg.com/u/f21/18/04/55/46/127.png");
    transform: rotate(360deg);
}
.yassine:hover > span {
    color: hsl(337, 100%, 57%);
    margin-top: -10px;
}
.yassine .icon {
    background-image: url("http://i21.servimg.com/u/f21/18/04/55/46/223.png");
    float: center;
    height: 86px;
    margin-bottom: 18px;
    margin-left: 70px;
    margin-right: 70px;
    margin-top: 27px;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.63, 0.08, 0.35, 0.92);
    width: 86px;
}
.yassine span {
    color: hsl(0, 0%, 28%);
    float: center;
    font-family: GESSTwoMed;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.63, 0.08, 0.35, 0.92);
    width: 100%;
}


عدل سابقا من قبل love2011 في 13/04/16, 11:38 pm عدل 1 مرات

عبقرينو
تقني ذهبي

الجنس : ذكر
عدد المساهمات : 171
التقييم : 6
تاريخ الميلاد : 18/10/1997
تاريخ التسجيل : 27/02/2016
العمر : 19
الموقع : ام الدنيا مصر
العمل/الترفيه : مبرمج
المزاج : تمام

معاينة صفحة البيانات الشخصي للعضو http://mohamed-nabina.0wn0.com/

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

رد: حصري على تقنيات صفحة تعديل بيانات شخصية ببرمجة جديدة مميزة

مُساهمة  في 04/03/16, 09:49 pm

طرحت فأبدعت يعطيك الف عافية
جهود مبارك جزاك الله خير
دمت ودام عطائك
ودائما بأنتظار جديدك الشيق
لك خالص تقديري واحترامي
دمت بخير



JAR7
ادارة المنتدى


الجنس : انثى
عدد المساهمات : 2475
التقييم : 318
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

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

رد: حصري على تقنيات صفحة تعديل بيانات شخصية ببرمجة جديدة مميزة

مُساهمة  في 05/03/16, 11:09 am

بارك الله فيك ع مجهودك
تقبل مروري



AmEr 3OshA8
تقني ذهبي

الجنس : ذكر
عدد المساهمات : 143
التقييم : 24
تاريخ الميلاد : 11/12/1995
تاريخ التسجيل : 27/02/2016
العمر : 21
الموقع : قلبى
العمل/الترفيه : السباحه طبعا
المزاج : تأليف بن شرابى (أمير حروفه تلاطم بعضها..كثر الزين ما تعرف وين تناظر أدب واحترام ونظام واتباع..يستاهل لقب المبدع الشاطر)

معاينة صفحة البيانات الشخصي للعضو http://www.ahlawarsh.net/

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

رد: حصري على تقنيات صفحة تعديل بيانات شخصية ببرمجة جديدة مميزة

مُساهمة  في 19/03/16, 08:38 pm

شششكرآ على الكود #بلآك
  



Black Love
عضو نشيط


الجنس : ذكر
عدد المساهمات : 96
التقييم : 15
تاريخ التسجيل : 19/03/2016
الموقع : المغرب ~~♥
العمل/الترفيه : مصمم جرافيك و مككود وسسباح ايضا هع ♥
المزاج : ~~ ححلو النهردهه هع ♥

معاينة صفحة البيانات الشخصي للعضو

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

رد: حصري على تقنيات صفحة تعديل بيانات شخصية ببرمجة جديدة مميزة

مُساهمة  في 13/04/16, 08:19 pm

دُمتَ بِهذآ الع ـطآء أإلمستَمـرٍ

يُسع ـدني أإلـرٍد على مـوٍأإضيعكًـ

وٍأإألتلـذذ بِمـآ قرٍأإتْ وٍشآهـدتْ

تـقبلـوٍ خ ـآلص احترامي

لآرٍوٍآح ـكُم أإلجمـيله

Mr.Yakoub
تقني ذهبي

الجنس : ذكر
عدد المساهمات : 548
التقييم : 3
تاريخ التسجيل : 28/02/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو

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

رد: حصري على تقنيات صفحة تعديل بيانات شخصية ببرمجة جديدة مميزة

مُساهمة  في 15/04/16, 05:06 am

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

البراق
تقني ذهبي

الجنس : ذكر
عدد المساهمات : 156
التقييم : 36
تاريخ التسجيل : 14/04/2016
اوسمتي : :3:4:3

معاينة صفحة البيانات الشخصي للعضو http://raad2.montadalitihad.com/

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

رد: حصري على تقنيات صفحة تعديل بيانات شخصية ببرمجة جديدة مميزة

مُساهمة  في 16/04/16, 07:58 pm




عبقرينو
تقني ذهبي

الجنس : ذكر
عدد المساهمات : 171
التقييم : 6
تاريخ الميلاد : 18/10/1997
تاريخ التسجيل : 27/02/2016
العمر : 19
الموقع : ام الدنيا مصر
العمل/الترفيه : مبرمج
المزاج : تمام

معاينة صفحة البيانات الشخصي للعضو http://mohamed-nabina.0wn0.com/

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

رد: حصري على تقنيات صفحة تعديل بيانات شخصية ببرمجة جديدة مميزة

مُساهمة  في 22/05/16, 02:07 am

شششكرآ على الكود #بلآك
  

المصمم الليلي
تقني ذهبي

الجنس : ذكر
عدد المساهمات : 192
التقييم : 8
تاريخ التسجيل : 27/02/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو http://arab-ibda3.0wn0.com/

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

رد: حصري على تقنيات صفحة تعديل بيانات شخصية ببرمجة جديدة مميزة

مُساهمة  في 24/09/16, 09:45 pm


zizou2012
عضو نشيط


الجنس : ذكر
عدد المساهمات : 26
التقييم : 13
تاريخ التسجيل : 29/03/2016

معاينة صفحة البيانات الشخصي للعضو

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

رد: حصري على تقنيات صفحة تعديل بيانات شخصية ببرمجة جديدة مميزة

مُساهمة  في 24/09/16, 11:53 pm

هيتم تعديل قريبا نعتذر عن الامر



JAR7
ادارة المنتدى


الجنس : انثى
عدد المساهمات : 2475
التقييم : 318
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

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

رد: حصري على تقنيات صفحة تعديل بيانات شخصية ببرمجة جديدة مميزة

مُساهمة  في 27/09/16, 11:14 am

دائما في الانتظار

zizou2012
عضو نشيط


الجنس : ذكر
عدد المساهمات : 26
التقييم : 13
تاريخ التسجيل : 29/03/2016

معاينة صفحة البيانات الشخصي للعضو

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

رد: حصري على تقنيات صفحة تعديل بيانات شخصية ببرمجة جديدة مميزة

مُساهمة  في 21/01/17, 09:03 pm

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

Judy
ادارة المنتدى


الجنس : انثى
عدد المساهمات : 667
التقييم : 24
تاريخ التسجيل : 23/04/2016

معاينة صفحة البيانات الشخصي للعضو

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

رد: حصري على تقنيات صفحة تعديل بيانات شخصية ببرمجة جديدة مميزة

مُساهمة  في 25/01/17, 01:30 am

سلمت اناملك الذهبيه
دائما بأنتظار جديدك الشيق
 لك خالص احترامي وتقديري

زائر
زائر


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

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

- مواضيع مماثلة

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

تحتاج إلى أن يكون عضوا لتستطيع الرد.

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


انشاء حساب جديد

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

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