The Best
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

The Bestدخول
●● إعلانـات ●●
اعلانك هنا كبير إعلانك هنا ديوان الإلكتروني
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
251 المساهمات
239 المساهمات
108 المساهمات
92 المساهمات
46 المساهمات
45 المساهمات
30 المساهمات
25 المساهمات
22 المساهمات
19 المساهمات
آخر المشاركات


طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل

+3
MostWanted
Akatsuki
كونان2000
7 مشترك



descriptiondefault طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل

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

السلام عليكم ورحمة الله وبركاته
كود لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل,  طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 737970443
يعني لما يكون العضو ذكر يظهر في بياناته (متواجد, غير متواجد, بيانات العضو مع لون خاص به)
ولما يكون العضو انثى يظهر في بياناته (متواجده, غير متواجده, بيانات العضوه مع لون خاص بها)
صور
 طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 Ocia_a19
----------
لازم تتبع الخطوات يالشكل الصحيح حتى يعمل الكود جيدا
اول شيء احذفو اي كود سابق يخص البيانات الشخصية حتى لا يحصل ارتباك مع الكود الجديد.

ثاني شيء اذهب الى لوحة الادارة > الأعضاء & المجموعات > البيانات الشخصية
واضغط تعديل الجنس طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 2258878250 وضع الاختيارات كما في الصورة
 طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 Ocia_a12
 طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 Ociaa_10
---------------------

والأن  ركب الأكواد المناسبه لنسخة منتداك
اضغط هنا للنسخه الثانيه :


اضغط هنا لنسخة ModernBB و phpBB3 :


اضغط هنا لنسخة AwesomeBB :


هكذا خلصنا من المؤنث والمذكر والحمدلله
-------------------------------------------------

اذا كان مدير المنتدى لا يريد فقط لون للمؤنث والمذكر
بل يريد ان يترك للاعضاء حرية اختيار اللون الذي يفضلونه
عليه اضافة الى ماسبق خيار جديد من لوحة الادارة,
اذهب الى لوحة الادارة > الأعضاء & المجموعات > البيانات الشخصية
ثم انشىء حقل خاص جديد بالضغط على هذا الزر طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 3474235701
ثم ضع الاختيارات كما في الصور
 طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 Ocia_a13
 طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 47611910

هذه الصور من عندي (اذا تحبون صممو صور من عندكم افضل منها)
والكلمات التي لازم تضعونها بالحقول
شفاف:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
ازرق:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
رمادي:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
اخضر:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
اصفر:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
بنفسجي:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


وتستطيع ان تضيف المزيد من الوان كما تريد
ولكن اضافة لون جديد يتطلب تعديل بسيط على كود الجافا والcss
واذا لا تعرف افتح موضوع بالقسم المناسب
وفقكم الله
---------------------------

تم تصميم الكود بواسطة كونان2000 طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 Icon_biggrin

descriptiondefaultرد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل

more_horiz
انتهيت من المذكر والمؤنث
باقي اختيار لوني المفضل 

شوفو على منتدى تجريبي
هنا https://rami2.ahlamontada.com/t3-topic#13
ركزو على كلمة عضو وعضوه ومتواجد ومتواجده  طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 3670467598
--
هذا عمل ما ادري هل فيه واحد سبقنا اليه او لا    طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 3058685579

وفق الله الجميع

لا تنسون اخبروني اذا يحتاج تغير او تعديل

descriptiondefaultرد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل

more_horiz
كود رائع بارك الله فيك اخي العزيز

descriptiondefaultرد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل

more_horiz
شكلها رآآئـــع  طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 1094523372 I love you

بانتظار كود لوني المفضل بفارغ الصبر ^^

أنا من الناس التي على الأرجح ستغير لونها حسب لون الرمزية في كل مرة XDD

+ يا حبذا لو تحذف الاطار المنقط الذي حول الرمزية

وتعوض حواف اليمين و اليسار المنقطة بخط رقيق بحجم 1 بيكسل

و أيضا هناك فراغ كبير تحت الرمزية ..

 طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 OZRxkJk

( أو لا تهتم بالأمر حاليا .. عندما تنشر الكود سنسألك عن التغييرات XD )

موفق في العمل ~

 طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 866468155


 طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 H9R9IUO
 طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 RT69Sre
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ أكآتسوكيـآت ] : مدونتي [ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | معرضي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | متجـري [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ]   طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 866468155

descriptiondefaultرد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل

more_horiz
تم تحديث الكود ليشمل AwesomeBB
مع شوية تغيرات بالشكل
 طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 3937780206

descriptiondefaultرد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل

more_horiz
تم تركيب الكود

شكله جميل جدا  طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 1620276979 I love you

كود المؤنث و المذكر يعمل

لكن كود لوني المفضل لا يعمل ..

جربت اختيار اللون الأخضر و لم يظهر ..

 طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 RV2EJA9

( أيضا كلمة منتدى مكررة تحت "متواجدة على المنتدى" )

+ إذا امكن إزالة الرمزية الدائرية و ترك الرمزية تظهر بحجمها و شكلها الطبيعي

~

و نريد إضافة ألوان أخرى (على رأسها الأحمر)

هل يمكن أن أضعها لك هنا و تعدل على الكود لاضافتها Very Happy

( إذا امكن طبعا .. أو يمكنك أن تعلمني الطريقة و سأهتم بالأمر بنفسي )


 طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 H9R9IUO
 طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 RT69Sre
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ أكآتسوكيـآت ] : مدونتي [ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | معرضي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | متجـري [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ]   طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 866468155

descriptiondefaultرد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل

more_horiz
مرحبا  [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
سعيد ان الكود اعجبكم  Very Happy شكرا لكم,
-------

بالنسبه لتكرار كلمة منتدى 
هذا بسبب ان خط المنتدى من جهازك اكبر 
لانها لا تظهر عندي 
لكن جربي الكود التالي ضعيه بالcss

الكود:

aside.post-aside.انثى:before {
    font-size: 12%;
}



اذا مانفع غيرو كلمة (متواجدة على المنتدى) الى (متواجدة حاليا) و(غير متواجدة على المنتدى) الى (غير متواجدة حاليا)
حتى يصغر
-----------------

بالنسبه لكود الالوان
تاكدي انك وضعتي نفس الكلمات في لوحة الادارة
يعني كلمة اخضر (حرف الالف بدون همزة) وهكذا
لازم الكلمات اللي بلوحة الادارة تتوافق مع ما بالكود
-------
مثال
السطر التالي موجود بالجافا

الكود:

$(".post-aside img[title='بنفسجي']").closest('.post-aside').addClass("بنفسجي");



لاحظي انه مكتوب بنفسجي
لازم تكون نفس الكلمة بالضبط تكون موجوده في لوحة الادارة
كما في الصورة
 طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 Ocia_a22

وكذلك موجوده بالcss
كما في الكود التالي

الكود:

.بنفسجي {
    background: #f6f6f6!important;
    border-bottom: 16px solid #aa4399!important;
    border-left: 1px solid #aa4399!important;
    border-radius: 3px!important;
    border-right: 1px solid #aa4399!important;
    border-top: 16px solid #aa4399!important;
    padding: 60px 3px 3px!important;
    position: relative!important;
}

.بنفسجي dd {
  border-bottom: 1px dotted #aa4399!important;
    border-right: 3px solid #aa4399!important;
}
.بنفسجي .post-author-status {
    width: 92%;
    background-color: #aa4399!important;
}


.بنفسجي dl.post-author-details:before {
    background: #aa4399!important;
}



كلمة بنفسجي مكرره اربع مرات بالcss
---------------
و اذا اردتم اضافة المزيد من اللوان

عليكم اولا وضع كلمة في لوحة الادارة مثل  بني

ثانيا اضيفو سطر جديد بكود الجافا وضعو نفس الكلمة بكود الجافا

الكود:

$(".post-aside img[title='بني']").closest('.post-aside').addClass("بني");



ثالثا ضعو نفس الكلمة بكود الcss

الكود:

.بني {
    background: #f6f6f6!important;
    border-bottom: 16px solid #aa4399!important;
    border-left: 1px solid #aa4399!important;
    border-radius: 3px!important;
    border-right: 1px solid #aa4399!important;
    border-top: 16px solid #aa4399!important;
    padding: 60px 3px 3px!important;
    position: relative!important;
}

.بني dd {
  border-bottom: 1px dotted #aa4399!important;
    border-right: 3px solid #aa4399!important;
}
.بني .post-author-status {
    width: 92%;
    background-color: #aa4399!important;
}


.بني dl.post-author-details:before {
    background: #aa4399!important;
}




وهكذا اذا اردتم اضافة المزيد من اللوان
----

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

descriptiondefaultرد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل

more_horiz
انتكم كتبتم رمادي وبنفسجي صح بلوحة الادارة

والدليلي ان لوني صار رمادي والان بنفسجي   طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 4078314248
+
كود الرمزيه لتكون على الحجم الطبيعي

الكود:

.avatar-big img {
    border-radius: 0px;
    height: auto;
    width: auto;
}

descriptiondefaultرد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل

more_horiz
ممتاز يا كونان احسنت
 طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 2863403137

descriptiondefaultرد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل

more_horiz
بالفعل أنا التي أضفت الهمزة لأخضر و أزرق لذلك لم يعمل الكود  طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 1508887074

كود المتواجدة لم يعمل لذلك غيرت الكتابة كما قلت لي و نجح الأمر ~

تم التعديل و كل شيء تمام الآن

و جاري اضافة ألوان أخرى  طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 4126721595

شكرا كونان ^^

 طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 866468155


 طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 H9R9IUO
 طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 RT69Sre
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ أكآتسوكيـآت ] : مدونتي [ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | معرضي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | متجـري [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ]   طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 866468155

descriptiondefaultرد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل

more_horiz
شكراً لمجهودك كونان 
أكواد رائعة جداً ، وذات مظهر حصري كما عودتنا 
اللون المفضل في البيانات فكرة رائعة للغاية ~


 طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 Sin111


And She Never Wanted To Leave


The Hunters -
 
 KonuEtiketleri عنوان الموضوع
طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل
 Konu Linki رابط الموضوع
 Konu BBCode BBCode
 Konu HTML Kodu HTML code
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى