اهلا وسهلا بكم في شبكتنا

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

شاطر
استعرض الموضوع السابقاستعرض الموضوع التالي
نشر بتاريخ :- 15-09-2014    من طرف :: H.A.SS.A.N
avatar
بلدي : العراق
مساهماتي : 7750
التسجيل : 09/08/2012
عــمري : 24
بسم الله الرحمن الرحيم

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

عيونات نزف المشاعر عيونات نزف المشاعر عيونات نزف المشاعر عيونات نزف المشاعر عيونات نزف المشاعر عيونات نزف المشاعر

اعزائي اعضاء وزوار شبكة ديفي نت التطويرية

اليوم جايب لكم كود عرض معلومات العضو بشكل منبثق جميل بدون تومبيلات



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


الان طبق التالي ^_^

الخطوة الاولى ..

لوحة الادارة + الاعضاء والمجموعات + الاعضاء + البيانات الشخصيه
بعدها نذهب الى تبويب خيارات عامه كما في الصوره




وضع نعم وسجل

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

1ض 



بالنسبه للتبويبات بمكنك حذف اي تبويب ترغب فيه مثلا رسائل الزوار

تقوم بجعل قيمتها تساوي 0

من هذا الجزء الذي هو في بداية الكود الاول


الكود:
  var wall = 1, // visitor messages tab
  stats = 1, // statistics tab
  attachments = 0, // attachments tab
  friends = 1, // friends tab
  contact = 1, // contact tab
  rpg = 0, // RPG tab
  close = 1, // close popup button
  avatar = 1; // display user avatar

حيث var wall تمثل رسائل الزوار
و stats تمثل الاحصائيات
و attachments تمثل المرفقات
و friends تمثل الاصدقاء

و contact تمثل حقول الاتصال
و close اغلاق
و avater الصوره الشخصيه للعضو

قلب1 قلب1 قلب1 

وبعدها نذهب لورقة التصميم ونضع الكود التالي



الكود:
/* Profile popup */
#profcont-container {
    background:#EEE !important;
    border:1px solid #CCC !important;
}

#userAVA img{
    position:absolute;
    top:43px;
    right:30px;
    height:50px;
    width:50px;
}

.profile_popup_nav {
    background:#E0E0E0;
    margin:-4px -4px 10px -4px;
    padding:3px;
    padding-top:10px !important;
    height:auto;
    border-bottom:1px solid #CCC;
    -webkit-border-radius:5px 5px 0px 0px;
    -moz-border-radius:5px 5px 0px 0px;
    border-radius:5px 5px 0px 0px;
}

.propop_tab {
    color:#888;
    text-shadow:1px 1px 0 #F5F5F5;
    cursor:pointer;
    -webkit-border-radius:4px 4px 0px 0px;
      -moz-border-radius:4px 4px 0px 0px;
            border-radius:4px 4px 0px 0px;
    border:1px solid #CCC;
    border-bottom:none;
    -webkit-box-shadow:0px 10px 6px rgba(255,255,255, 0.5) inset;
      -moz-box-shadow:0px 10px 6px rgba(255,255,255, 0.5) inset;
            box-shadow:0px 10px 6px rgba(255,255,255, 0.5) inset;
    background:#DDD;
    margin:0 2px;
    padding:3px;
}

.propop_tab:hover {
    position:relative;
    top:1px;
    color:#666;
    text-shadow:none;
    background-color:#EEE;
}

.propop_tab.activeTab {
    position:relative;
    top:1px;
    color:#666;
    text-shadow:none !important;
    background-color:#EEE !important;
}

#profileLinks {
    background:#E0E0E0;
    display:block;
    padding:3px;
    margin:10px -4px -4px -4px;
    border-top:1px solid #CCC;
    -webkit-border-radius:0px 0px 5px 5px;
    -moz-border-radius:0px 0px 5px 5px;
    border-radius:0px 0px 5px 5px;
}


وهكذا تمام عليكم الكود تحياتي لكم جميعا

ملاحظة :- الكود من تعريبي واضفت عليه بعض التعديلات

وردة1 فارجو عدم النقل ابدا بذكر او بعدم ذكر المصدر وردة1

الان اترككم بحفظ الله ورعايته
مُشاطرة هذه المقالة على:diggdeliciousredditstumbleuponslashdotyahoogooglelive

الردود

كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة

avatar
avatar
avatar
ou est le code????!!!!!!!!!!!!
avatar

 شكرا لك أخي على هذا  الكود الأكثر من الرائع 35

avatar

 شكرا لك أخي على هذا  الكود الأكثر من الرائع 35


avatar

إضافة زر القوانين إلى ازرار صندوق ارسال المساهمات بطريقة جميلة

avatar
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] كتب:

إضافة زر القوانين إلى ازرار صندوق ارسال المساهمات بطريقة جميلة


 أعتذر علي الرد كنت بنقا هذا الربط وصارت غلطة في النسخ

تقبلو إعتذاري

27
avatar
avatar
avatar
ماقصرت يالغالي

كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة


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