منتدي العاب العرب
كل عام وانتم بخير
بمناسبه شهر رمضان المبارك
انت الان زائر
يمكنك التمتع بخدمات المنتدي والانضمام الينا
عن طريق الازرار التاليه



 
الرئيسيةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
MODY
admin
admin
avatar

الهوايه :
المهنة :


عدد المساهمات : 334
النقاط : 10733
تاريخ التسجيل : 12/08/2010
العمر : 19

خدمات المنتدي
اخر المواضيع:

منتدي العاب العرب

↑ Grab this Headline Animator


مُساهمةموضوع: كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثير    الخميس مايو 05, 2011 7:58 pm







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




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

[تومبيلات]كود وضع بيانات العضو داخل اطار في بي وعمل خلفية كاملة للبيانات

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

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

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

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

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


الرمز:
الكود:
<table width="90%" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td class="code"><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}


    <!-- 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>

</td></tr></table>



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


<table width="90%" align="center" border="0" cellpadding="0" cellspacing="1"><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>
<!-- BEGIN profile_field -->
  <div class="gowetobilobed">

{postrow.displayed.profile_field.LABEL}
 
{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
<!-- END profile_field -->


{postrow.displayed.POSTER_RPG}
</span>

</td></tr></table>



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

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

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


الكود:
[table width="90%" align="center" border="0" cellpadding="3" cellspacing="1"][tr][td class="quote"]<table width="90%" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>[b]الرمز:[/b]</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(http://i37.tinypic.com/2d0kjly.gif);

span.postdetails
{
text-align:center;
}
fieldset.genmed
{
width:100px;
}
</td></tr></table>[/td][/tr][/table][b]
[/b]

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

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

[b]لتري شرح لطريقة التعديل بالصور
حصريا لدى منتديات قويتو لقبائل بالعبيد كيفية التعديل على التومبيلات خطوه بخطوه و بالصور

شرح بالفيديو لكل ماتريد معرفة عن التومبيلات





ارجو عند النقل ذكر حقوقي ولله شهيد على الجميع وشكرا [/b]


منقول كما ذكر صاحبه:سعيدو


<center>
هذا المنتدي يتطلب تفعيل العضويه
بعد التسجيل اذهب الي الايميل الذي زودتنا به
اذا كان
gmail
سوف تجد الرساله قد ارسلت اليك
اما اذا كان
yahoo&hotmail
ستجد الرساله في صندوق الوارد \\\"inbox\\\"
او ستجدها في الرسائل الغير مرغب بها او الغير مهمه
</center>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://game2arab.gamerzfun.com
عاشق_الساهر
لاعب جديد
لاعب جديد
avatar

الهوايه :
المهنة :


عدد المساهمات : 3
النقاط : 6975
تاريخ التسجيل : 14/07/2011

خدمات المنتدي
اخر المواضيع:

منتدي العاب العرب

↑ Grab this Headline Animator


مُساهمةموضوع: رد: كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثير    الخميس يوليو 14, 2011 6:29 am

جزاك الله خير
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
MODY
admin
admin
avatar

الهوايه :
المهنة :


عدد المساهمات : 334
النقاط : 10733
تاريخ التسجيل : 12/08/2010
العمر : 19

خدمات المنتدي
اخر المواضيع:

منتدي العاب العرب

↑ Grab this Headline Animator


مُساهمةموضوع: رد: كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثير    الجمعة يوليو 15, 2011 3:38 pm



<center>
هذا المنتدي يتطلب تفعيل العضويه
بعد التسجيل اذهب الي الايميل الذي زودتنا به
اذا كان
gmail
سوف تجد الرساله قد ارسلت اليك
اما اذا كان
yahoo&hotmail
ستجد الرساله في صندوق الوارد \\\"inbox\\\"
او ستجدها في الرسائل الغير مرغب بها او الغير مهمه
</center>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://game2arab.gamerzfun.com
 
كود جعل البيانات الشخصية احترافية احلى من الفي بي بكثير
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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