.. منوعات تسلية و مرح | خدمات متواضعة و جميلة | خبرة في الابداع و التطوير ..

  • الرئيسية
  • البوابة
  • أحدث الصور
  • التسجيل
  • دخول

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

ملوك التطوير :: قسم دعم و تطوير منتديات أحلى منتدى :: تطوير منتديات أحلى منتدى :: أكواد التومبلايت | Templates

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل

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

مُساهمة من طرف ملكة الاحساس السبت سبتمبر 10, 2011 8:32 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}


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

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


الكود:
<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>


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

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

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


الكود:
.molokaltatwer {
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;
}


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

غير اللون ffffff بالللون الذي تريده
لتغير لون الاطار غير اللون 000000 باللون الذي تريده
ملكة الاحساس
ملكة الاحساس
( | مستوى ثاني | )
( | مستوى ثاني | )

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

♣ مشآرٍڪْآتِڪْ » : 148
♣ نقاط النشاط » * : 5527
السٌّمعَة : 0
انثى
♣ عّمرٍڪْ » : 30

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف M.R DESIGN الأربعاء مايو 16, 2012 8:07 am

ألف شكر على الكود الرائع
M.R DESIGN
M.R DESIGN
المدير العام
 
المدير العام  

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

♣ مشآرٍڪْآتِڪْ » : 246
♣ نقاط النشاط » * : 5158
السٌّمعَة : 2
ذكر
♣ عّمرٍڪْ » : 28
♣ هوَآيًتِڪْ » : رياضة
فرحان

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة

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

ملوك التطوير :: قسم دعم و تطوير منتديات أحلى منتدى :: تطوير منتديات أحلى منتدى :: أكواد التومبلايت | Templates

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

  • ©phpBB | منتدى مجاني | منتدى مجاني للدعم و المساعدة | التبليغ عن محتوى مخالف | آخر المواضيع
    الساعة الأن :
    • اعلان نصي | اعلان نصي | اعلان نصي | اعلان نصي
    images

    روابط مفيدة

    SUPPORTA