[تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثير

قم بتسجيل الدخول للرد

ђᾄмὄմḋε ḋεṩἶʛᾗ

sat ca

amr.aaa

KAZANOVA

SuHAiB JOo

SmartimO

الفتى المجنون

11 مشترك

منتديات الحوت hoot :: تطوير احلى منتدى :: قسم الأكواد :: اكواد Templete

[تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالأربعاء ديسمبر 26, 2012 2:55 am

السلام عليكم
بسم الله الرحمن الرحيم
اقدم لكم اليوم كود رائع و هو لجعل البيانات الشخصية الخاصة بالعضو في غاية الروعة و هذه صورة توضيحية:

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

اولا انبه ان هذا الكود هو عبارة عن تطوير لهذا :

المهم نبدا اولا باهم شيئ يلزم معرفته وهو ان الكود مقسم لجزئين كود تومبلايت و كود css

نبدا بتغيير كود التومبلايت:

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

و نذهب الي
لوحة التحكم
مظهر المنتدى
تومبيلات
اداره عامه
viewtopic_body

نبحث عن هذا الكود:

الكود:----------تحديد المحتوى

<span
class="name"><a
name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>

<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}

{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}


{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

{postrow.displayed.POSTER_RPG}
</span>

ونستبدله بهذا

<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الكود:----------تحديد المحتوى</td></tr><tr><td class="code">

<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong></strong></span>
<div align=center>
<fieldset>

<div align=center>
{postrow.displayed.POSTER_NAME}
<span class="postdetails poster-profile">
</div>
{postrow.displayed.POSTER_RANK}
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}

</div>
</fieldset>
</div>
<fieldset>
<legend>بيانات العضو
</legend>

<div class="gowetobilobed">

{postrow.displayed.profile_field.LABEL}

{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>


{postrow.displayed.POSTER_RPG}
</span>
</td></tr></table>

وبعدها نضغط نشر

والان لوضع كود السي اس اس
نذهب الى
لوحة الادارة
مظهر المنتدى
الالوان
ورقة السي سي

ونضع الكود التالي :

<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الكود:----------تحديد المحتوى</td></tr><tr><td class="code">

.gowetobilobed {
border-style: solid;
border-width: 1px 3px 1px 3px;
border-color: #000000;
background: none repeat scroll 0 0;
margin-top: 1px;
padding: 1px;
position: relative;
width: 150px;
background-color: #ffffff;
}
fieldset {
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:7px;
border-radius: 3px;
width:50%;
border : 3px double #37b0df;
background-color:#ffffff;
background-image : url(https://2img.net/h/oi37.tinypic.com/2d0kjly.gif);
}
span.postdetails
{
text-align:center;
}
fieldset.genmed
{
width:100px;
}
</td></tr></table>

ملاحظة لتغيير لون خلفية حقول البيانات

غير اللون ffffff بالللون الذي تريده
لتغير لون الاطار غير اللون 000000 باللون الذي تريده

رد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالثلاثاء يناير 15, 2013 5:10 am

شكرااااااااا
جزاك الله كل خير اخي الكريم

تقبل تحياتي ومرووووووري

شكرا لك
[تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثير 45891

رد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالأربعاء يناير 16, 2013 9:35 am

ما شاء الله سلمت اياديك على موضوك المميز و جعلها في ميزان حسناتك

رد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالإثنين يناير 21, 2013 6:56 pm

الله يعطيك العافية على الموضوع المميز

رد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالإثنين يناير 21, 2013 11:28 pm

مآ شآء آلله سلمت آيآديگ على موضوعگ آلمميز و چعلهآ في ميزآن حسنآتگ

رد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالثلاثاء يناير 22, 2013 2:25 am

تسلم على الموضوع الرائع
بارك الله فيك جزاك الله كل خير اخي الكريم

رد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالثلاثاء يناير 22, 2013 2:54 am

ما شاء الله سلمت اياديك على موضوك المميز و جعلها في ميزان حسناتك

رد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالإثنين فبراير 18, 2013 1:32 am

ما شاء الله أبداع بلا حدود و بانتظار أبداعاتك القادمة

رد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالإثنين فبراير 18, 2013 3:29 am

يسلمت اناملك اخي الكريم شكرا لك لموضوعك المميز

رد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالجمعة فبراير 22, 2013 9:35 pm

شكرا لك على الكود الجميل
تقبل مروري

رد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالإثنين مارس 11, 2013 5:42 am

مشكووووووووور على الطرح

رد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالإثنين مارس 11, 2013 2:14 pm

شكرا على الكود المفيد والرائع يسلمو

رد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالإثنين مارس 11, 2013 3:07 pm

شكرا لك

رد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالثلاثاء مارس 12, 2013 6:30 am

مشكور على الكوًٍٍٍٍٍٍَُد

رد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالإثنين مارس 18, 2013 2:45 am

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

كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثير
كود CSS لجعل البيانات الشخصية احترافية في المشاركات+اطار للصورة الشخصية وميزات اخرى كالفيبي للنسخة phpbb2
طريقه وضع معلومات العضو فوق البيانات الشخصية دون تومبيلات
كود css لوضع صورة كفاصل بين البيانات الشخصية
قالب البيانات الشخصية مثل ترايد نت لاحلى منتدى

انتقل الى:

صلاحيات هذا المنتدى:

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

قم بتسجيل الدخول للرد

[تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثير

description [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالأربعاء ديسمبر 26, 2012 2:55 am

descriptionرد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالثلاثاء يناير 15, 2013 5:10 am

descriptionرد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالأربعاء يناير 16, 2013 9:35 am

descriptionرد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالإثنين يناير 21, 2013 6:56 pm

descriptionرد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالإثنين يناير 21, 2013 11:28 pm

descriptionرد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالثلاثاء يناير 22, 2013 2:25 am

descriptionرد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالثلاثاء يناير 22, 2013 2:54 am

descriptionرد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالإثنين فبراير 18, 2013 1:32 am

descriptionرد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالإثنين فبراير 18, 2013 3:29 am

descriptionرد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالجمعة فبراير 22, 2013 9:35 pm

descriptionرد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالإثنين مارس 11, 2013 5:42 am

descriptionرد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالإثنين مارس 11, 2013 2:14 pm

descriptionرد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالإثنين مارس 11, 2013 3:07 pm

descriptionرد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالثلاثاء مارس 12, 2013 6:30 am

descriptionرد: [تومبيلات] كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثيرالإثنين مارس 18, 2013 2:45 am