هل توصل احد لتطبيق كود لونك المفضل لمنتداه
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
هل توصل احد لتطبيق كود لونك المفضل لمنتداه
https://help.ahlamontada.com/t1082141-topic
ابوعلي البلقاوي يعجبه هذا الموضوع
رد: هل توصل احد لتطبيق كود لونك المفضل لمنتداه
تم تطبيقه علي النسخة الثانية ولكن لم يظبط معي
ابوعلي البلقاوي و العراقي الطائي يعجبهم هذا الموضوع
رد: هل توصل احد لتطبيق كود لونك المفضل لمنتداه
جنان المشاعر لاكنها لا ترضى اعطائنا الكود
رد: هل توصل احد لتطبيق كود لونك المفضل لمنتداه
لانها طويله عريضه ولا منها فايده غير كثرة الالوان اللي مالها داعي
اذا تحبون اسويلكم كود بديل مثل...
خلفيه واطار للبيانات الشخصيه واحد للاناث والثاني للذكور
يعني العضو لو اختار ذكر تظهر له خلفيه زرقاء تلقائيا
واذا اختار انثى تظهر ها خلفيه ورديه تلقائيا
وانتم اختارو شكل البيانات كمل تريدون
خلفيه..اطار..صوره...الخ
واحد للانثى والثاني للذكر
اذا موافقين اسوي الكود اخبروني
ابوعلي البلقاوي و العراقي الطائي يعجبهم هذا الموضوع
رد: هل توصل احد لتطبيق كود لونك المفضل لمنتداه
انتي مبدعه نشتاق لرؤيه اعمالك
كونان2000 يعجبه هذا الموضوع
رد: هل توصل احد لتطبيق كود لونك المفضل لمنتداه
خطوط رفيعه ومنقطه مثل الفيبي واكون شاكرا لكي
بالتاكيد سيكون كود رائع
نعم نريده بالتاكيد شكرا لكينوار2000 كتب:سامحوني يا اخوة انا لا اتحمس لاصلاح مثل هذه الاكواد
لانها طويله عريضه ولا منها فايده غير كثرة الالوان اللي مالها داعي
اذا تحبون اسويلكم كود بديل مثل...
خلفيه واطار للبيانات الشخصيه واحد للاناث والثاني للذكور
يعني العضو لو اختار ذكر تظهر له خلفيه زرقاء تلقائيا
واذا اختار انثى تظهر ها خلفيه ورديه تلقائيا
وانتم اختارو شكل البيانات كمل تريدون
خلفيه..اطار..صوره...الخ
واحد للانثى والثاني للذكر
اذا موافقين اسوي الكود اخبروني
رد: هل توصل احد لتطبيق كود لونك المفضل لمنتداه
الحمدلله انا انتهيت من الكودالعراقي الطائي كتب:اخت نوار يا ريت تكون اطارات حول بيانات العضو مثل الفيبي
خطوط رفيعه ومنقطه مثل الفيبي واكون شاكرا لكي
باقي اشياء قليله فقط حتى يكون جاهز ان شاء الله
![drunken](/users/1811/68/54/94/smiles/123759.gif)
رد: هل توصل احد لتطبيق كود لونك المفضل لمنتداه
شووفو الكود على منتدى تجريبي
هل هو مثل ماتريدون https://forum24.forumotion.com/t4-topic
المساهمه الاوله ذكر والثانيه انثى
ملاحظه.
تقدرون من هذا الكود اضافة المزيد من الالوان
وتجعلون الاعضاء يختارون لونهم المفضل
افضل من الكود الي وضعتوه اعلى هذا الموضوع
لان الكود الجديد يعمل على جميع النسخ
أفندينا يعجبه هذا الموضوع
رد: هل توصل احد لتطبيق كود لونك المفضل لمنتداه
روعة الروعات اختي كود جميل جدانوار2000 كتب:انتهيت من تعديل الكود الجديد والحمدلله
شووفو الكود على منتدى تجريبي
هل هو مثل ماتريدون https://forum24.forumotion.com/t4-topic
المساهمه الاوله ذكر والثانيه انثى
ملاحظه.
تقدرون من هذا الكود اضافة المزيد من الالوان
وتجعلون الاعضاء يختارون لونهم المفضل
افضل من الكود الي وضعتوه اعلى هذا الموضوع
لان الكود الجديد يعمل على جميع النسخ
ما شاء الله عليكي و بارك الله فيكي
وفي أعمالك ياريت تنزلي لنا الكود
كونان2000 يعجبه هذا الموضوع
كونان2000 يعجبه هذا الموضوع
رد: هل توصل احد لتطبيق كود لونك المفضل لمنتداه
شكرا لكم اخوتي على التعليقات الطيبه
![Embarassed](/users/1811/68/54/94/smiles/572819.gif)
الله يعطيكم العافيه يارب
----
انا حاليا اكتب شرح لكيفية تركيب كود اللون البيانات حسب ان كان مذكر او مؤنث
وشرح لنفس الكود لكن لكيفية جعل العضو يختار لونه المفضل
حاليا اعمل على ثلاث نسخ: الثانيه و الثالثه و مودرن
ان شاء الله اول ما انتهي من الشرح انزلها فورا
انتظروني
عدل سابقا من قبل نوار2000 في الجمعة 25 يونيو 2021 - 15:20 عدل 1 مرات
ابوعلي البلقاوي, MostWanted و العراقي الطائي يعجبهم هذا الموضوع
رد: هل توصل احد لتطبيق كود لونك المفضل لمنتداه
في انتظارك اختي
ابوعلي البلقاوي و كونان2000 يعجبهم هذا الموضوع
رد: هل توصل احد لتطبيق كود لونك المفضل لمنتداه
و اذا في اي مشكله اخبروني
اعتمد عليكم يمكن انتم تكشفون مشكله غابت عني
لازم تتبع الخطوات يالشكل الصحيح حتى يعمل الكود جيدا
اول شيء احذفو اي كود سابق يخص البيانات الشخصية حتى لا يحصل ارتباك مع الكود الجديد
ثاني شيء اذهب الى لوحة الادارة > الأعضاء & المجموعات > البيانات الشخصية
واضغط تعديل الجنس
![:manage:](/users/1811/68/54/94/smiles/2258878250.png)
![هل توصل احد لتطبيق كود لونك المفضل لمنتداه Ocia_a12](https://i.servimg.com/u/f20/16/85/77/67/ocia_a12.png)
![هل توصل احد لتطبيق كود لونك المفضل لمنتداه Ociaa_10](https://i.servimg.com/u/f20/16/85/77/67/ociaa_10.png)
الان نأتي للاكواد
- اضغط هنا للنسخه الثانيه:
بالنسبه للنسخه الثانيه ااذهب الى قالب المواضيع وابحث عن الكود التالي- الكود:
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</span><br />
<img src="https://2img.net/i/empty.gif" alt="" style="width:150px;height:1px" />
</td>
- الكود:
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
<div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
<div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
<span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><div class="namee"><strong>{postrow.displayed.POSTER_NAME}</strong></div></span>
<span class="postdetails poster-profile">
<div class="ranke">{postrow.displayed.POSTER_RANK}</div>
<div class="avatare">{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}</div><br />
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</span><br />
<img src="https://2img.net/i/empty.gif" alt="" style="width:150px;height:1px" />
</div>
</div>
</td>
- الكود:
$(function() {
//Indicate here the version of your forum.
var version = "phpBB2";
if(version.toLowerCase() == "phpbb2"){
$(".postprofile img[title='شفاف']").closest('.postprofile').addClass("شفاف");
$(".postprofile img[title='ازرق']").closest('.postprofile').addClass("ازرق");
$(".postprofile img[title='رمادي']").closest('.postprofile').addClass("رمادي");
$(".postprofile img[title='اخضر']").closest('.postprofile').addClass("اخضر");
$(".postprofile img[title='اصفر']").closest('.postprofile').addClass("اصفر");
$(".postprofile img[title='بنفسجي']").closest('.postprofile').addClass("بنفسجي");
$(".postprofile img[title='ذكر']").closest('.postprofile').addClass("ذكر");
$(".postprofile img[title='انثى']").closest('.postprofile').addClass("انثى");
}
});
واخيرا ضع التالي بالcss- الكود:
.ازرق {
background: #f6f6f6!important;
border-bottom: 16px solid #3e459c!important;
border-left: 2px dotted #3e459c!important;
border-radius: 3px!important;
border-right: 2px dotted #3e459c!important;
border-top: 16px solid #3e459c!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.رمادي {
background: #f6f6f6!important;
border-bottom: 16px solid #ee314e!important;
border-left: 2px dotted #ee314e!important;
border-radius: 3px!important;
border-right: 2px dotted #ee314e!important;
border-top: 16px solid #ee314e!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.اخضر {
background: #f6f6f6!important;
border-bottom: 16px solid #42b649!important;
border-left: 2px dotted #42b649!important;
border-radius: 3px!important;
border-right: 2px dotted #42b649!important;
border-top: 16px solid #42b649!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.اصفر {
background: #f6f6f6!important;
border-bottom: 16px solid #ede816!important;
border-left: 2px dotted #ede816!important;
border-radius: 3px!important;
border-right: 2px dotted #ede816!important;
border-top: 16px solid #ede816!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.بنفسجي {
background: #f6f6f6!important;
border-bottom: 16px solid #aa4399!important;
border-left: 2px dotted #aa4399!important;
border-radius: 3px!important;
border-right: 2px dotted #aa4399!important;
border-top: 16px solid #aa4399!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.شفاف hr {
border: 2px solid #ddd!important;
}
.ازرق hr {
border: 2px solid #3e459c!important;
}
.رمادي hr {
border: 2px solid #ee314e!important;
}
.اخضر hr {
border: 2px solid #42b649!important;
}
.اصفر hr {
border: 2px solid #ede816!important;
}
.بنفسجي hr {
border: 2px solid #aa4399!important;
}
.avatare {
text-align: center;
}
.ranke, .namee {
text-align: center;
}
.postprofile .label {
float: right;
text-align: left;
margin-left: 3px;
margin-right: -3px;
width: 50%;
}
div.post .postprofile:after {
content:".";
font-size:0;
background:#2E3133;
border-bottom:4px solid #868686;
height:20px;
position:absolute;
top:0px;
left:0;
right:0;
z-index:1;
}
div.post.online .postprofile:after { border-color:#84C754 }
div.post .postprofile:before {
content:url('https://i.servimg.com/u/f21/19/33/86/51/offlin10.png');
position:absolute;
top:3px;
text-align: center;
left:0;
right:0;
z-index:2;
}
div.post.online .postprofile:before {
content:url('https://i.servimg.com/u/f21/19/33/86/51/online10.png');
}
.ذكر {
background: #f6f6f6;
border-bottom: 16px solid #2196f3;
border-left: 2px dotted #2196f3;
border-radius: 3px;
border-right: 2px dotted #2196f3;
border-top: 16px solid #2196f3;
padding: 60px 3px 3px!important;
position: relative;
}
.ذكر hr {
border: 1px solid #2196f3;
}
.انثى hr {
border: 1px solid #e91e63;
}
.انثى {
background: #f6f6f6;
border-bottom: 16px solid #e91e63;
border-left: 2px dotted #e91e63;
border-radius: 3px;
border-right: 3px dotted #e91e63;
border-top: 16px solid #e91e63;
padding: 60px 3px 3px!important;
position: relative;
}
- النسخة الثالثه و مودرن:
بالنسبه للنسخه الثالثه ونسخة مودرن
كل اللي عليك تضع الكود التالي بالجفا مع اختيار المواضيع- الكود:
$(function() {
//Indicate here the version of your forum.
var version = "phpBB3";
if(version.toLowerCase() == "phpbb3"){
$(".postprofile img[title='شفاف']").closest('.postprofile').addClass("شفاف");
$(".postprofile img[title='ازرق']").closest('.postprofile').addClass("ازرق");
$(".postprofile img[title='رمادي']").closest('.postprofile').addClass("رمادي");
$(".postprofile img[title='اخضر']").closest('.postprofile').addClass("اخضر");
$(".postprofile img[title='اصفر']").closest('.postprofile').addClass("اصفر");
$(".postprofile img[title='بنفسجي']").closest('.postprofile').addClass("بنفسجي");
$(".postprofile img[title='ذكر']").closest('.postprofile').addClass("ذكر");
$(".postprofile img[title='انثى']").closest('.postprofile').addClass("انثى");
}
});
- الكود:
.ازرق {
background: #f6f6f6!important;
border-bottom: 16px solid #3e459c!important;
border-left: 2px dotted #3e459c!important;
border-radius: 3px!important;
border-right: 2px dotted #3e459c!important;
border-top: 16px solid #3e459c!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.رمادي {
background: #f6f6f6!important;
border-bottom: 16px solid #a0a09a!important;
border-left: 2px dotted #a0a09a!important;
border-radius: 3px!important;
border-right: 2px dotted #a0a09a!important;
border-top: 16px solid #a0a09a!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.اخضر {
background: #f6f6f6!important;
border-bottom: 16px solid #42b649!important;
border-left: 2px dotted #42b649!important;
border-radius: 3px!important;
border-right: 2px dotted #42b649!important;
border-top: 16px solid #42b649!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.اصفر {
background: #f6f6f6!important;
border-bottom: 16px solid #ede816!important;
border-left: 2px dotted #ede816!important;
border-radius: 3px!important;
border-right: 2px dotted #ede816!important;
border-top: 16px solid #ede816!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.بنفسجي {
background: #f6f6f6!important;
border-bottom: 16px solid #aa4399!important;
border-left: 2px dotted #aa4399!important;
border-radius: 3px!important;
border-right: 2px dotted #aa4399!important;
border-top: 16px solid #aa4399!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.شفاف hr {
border: 2px solid #ddd!important;
}
.ازرق hr {
border: 2px solid #3e459c!important;
}
.رمادي hr {
border: 2px solid #a0a09a!important;
}
.اخضر hr {
border: 2px solid #42b649!important;
}
.اصفر hr {
border: 2px solid #ede816!important;
}
.بنفسجي hr {
border: 2px solid #aa4399!important;
}
.postprofile {
text-align: center;
}
.postprofile dd {
text-align: right;
}
.postprofile .label {
float: right;
text-align: left;
margin-left: 3px;
margin-right: -3px;
width: 50%;
}
div.post .postprofile:after {
content:".";
font-size:0;
background:#2E3133;
border-bottom:4px solid #868686;
height:20px;
position:absolute;
top:0px;
left:0;
right:0;
z-index:1;
}
div.post.online .postprofile:after { border-color:#84C754 }
div.post .postprofile:before {
content:url('https://i.servimg.com/u/f21/19/33/86/51/offlin10.png');
position:absolute;
top:3px;
text-align: center;
left:0;
right:0;
z-index:2;
}
div.post.online .postprofile:before {
content:url('https://i.servimg.com/u/f21/19/33/86/51/online10.png');
}
.ذكر {
background: #f6f6f6;
border-bottom: 16px solid #2196f3;
border-left: 2px dotted #2196f3;
border-radius: 3px;
border-right: 2px dotted #2196f3;
border-top: 16px solid #2196f3;
padding: 60px 3px 3px!important;
position: relative;
}
.ذكر hr {
border: 1px solid #2196f3;
}
.انثى hr {
border: 1px solid #e91e63;
}
.انثى {
background: #f6f6f6;
border-bottom: 16px solid #e91e63;
border-left: 2px dotted #e91e63;
border-radius: 3px;
border-right: 3px dotted #e91e63;
border-top: 16px solid #e91e63;
padding: 60px 3px 3px!important;
position: relative;
}
+
اذا كان مدير المنتدى لا يريد فقط لون للمؤنث والمذكر
بل يريد ان يترك للاعضاء حرية اختيار اللون الذي يفضلونه
عليه اضافة الى ماسبق خيار جديد من لوحة الادارة,
اذهب الى لوحة الادارة > الأعضاء & المجموعات > البيانات الشخصية
ثم انشىء حقل خاص جديد بالضغط على هذا الزر
![:plus:](/users/1811/68/54/94/smiles/3474235701.png)
ثم ضع الاختيارات كما في الصور
![هل توصل احد لتطبيق كود لونك المفضل لمنتداه Ocia_a13](https://i.servimg.com/u/f20/16/85/77/67/ocia_a13.png)
![هل توصل احد لتطبيق كود لونك المفضل لمنتداه Ociaa_11](https://i.servimg.com/u/f20/16/85/77/67/ociaa_11.png)
هذه الصور من عندي (اذا تحبون صممو صور من عندكم افضل منها)
والكلمات التي لازم تضعونها بالحقول
شفاف:
![هل توصل احد لتطبيق كود لونك المفضل لمنتداه Oc777a10](https://i.servimg.com/u/f20/16/85/77/67/oc777a10.png)
ازرق:
![هل توصل احد لتطبيق كود لونك المفضل لمنتداه Ocia-a10](https://i.servimg.com/u/f20/16/85/77/67/ocia-a10.png)
رمادي:
![هل توصل احد لتطبيق كود لونك المفضل لمنتداه Ocia-a15](https://i.servimg.com/u/f20/16/85/77/67/ocia-a15.png)
اخضر:
![هل توصل احد لتطبيق كود لونك المفضل لمنتداه Ocia-a13](https://i.servimg.com/u/f20/16/85/77/67/ocia-a13.png)
اصفر:
![هل توصل احد لتطبيق كود لونك المفضل لمنتداه Ocia-a12](https://i.servimg.com/u/f20/16/85/77/67/ocia-a12.png)
بنفسجي:
![هل توصل احد لتطبيق كود لونك المفضل لمنتداه Ocia-a14](https://i.servimg.com/u/f20/16/85/77/67/ocia-a14.png)
ابوعلي البلقاوي, MostWanted و أفندينا يعجبهم هذا الموضوع
رد: هل توصل احد لتطبيق كود لونك المفضل لمنتداه
انا عملت شكل البيانات من عندي والوان من عندي
وانتم تقدرو تختار شكل البيانات على ذوقكم
وكذلك اللوان من عندكم كما تريدون
MostWanted و العراقي الطائي يعجبهم هذا الموضوع
رد: هل توصل احد لتطبيق كود لونك المفضل لمنتداه
جزاكي الله خيرا واضن انه يمكن التعديل عليه او تطويره مستقبلا
ابوعلي البلقاوي يعجبه هذا الموضوع
رد: هل توصل احد لتطبيق كود لونك المفضل لمنتداه
العفو اخي هذا واجبيالعراقي الطائي كتب:اهلا اختي جربته للكود وشي جدا جميل ساعدتينه كثير
جزاكي الله خيرا واضن انه يمكن التعديل عليه او تطويره مستقبلا
![Embarassed](/users/1811/68/54/94/smiles/572819.gif)
نعم تقدر تغير شكل البيانات كما تريد من الcss
والالوان كذلك
+
الاخ @أفندينا اخبرني انه جرب الكود وانه يشتغل تمام
بما انكم جربتم الكود وهو فابل للتعديل والتغير من قبل العضو
احب ارسله الى قسم معاينة الاكواد يمكن ينشرونه في قسم التقنيات
كما اقترح اخونا @MostWanted
ابوعلي البلقاوي و العراقي الطائي يعجبهم هذا الموضوع
رد: هل توصل احد لتطبيق كود لونك المفضل لمنتداه
اختي ارسلتلك رساله فيها طلب تعديل على كود ممكن تشوفيها واكون شاكر لكي
ابوعلي البلقاوي و كونان2000 يعجبهم هذا الموضوع
رد: هل توصل احد لتطبيق كود لونك المفضل لمنتداه
تم حل المشكلة & ينقل للأرشيف.
|
![](https://i.servimg.com/u/f18/16/89/96/68/sig_se10.png)
![هل توصل احد لتطبيق كود لونك المفضل لمنتداه 31010](https://i.servimg.com/u/f58/16/46/77/76/31010.png)
![هل توصل احد لتطبيق كود لونك المفضل لمنتداه 410](https://i.servimg.com/u/f35/16/46/77/76/410.png)
--------------------------------------------------
![هل توصل احد لتطبيق كود لونك المفضل لمنتداه 410](https://i.servimg.com/u/f35/16/46/77/76/410.png)
![هل توصل احد لتطبيق كود لونك المفضل لمنتداه 410](https://i.servimg.com/u/f35/16/46/77/76/410.png)
![-](https://2img.net/i/empty.gif)
» مشكلة في كود اختر لونك المفضل
» كود لونك المفضل لا يعمل
» كود اختر لونك المفضل
» اريد كود اختر لونك المفضل
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"