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

منتدى معلمو التطوير

منتدى معلمو التطوير منتدى يهتم باشهار المنتديات الاخرى وتعليم اشهارها ومساعدة الاعضاء على ادارة منتدياتهم والكثير
 
الرئيسيةأحدث الصورالتسجيلدخول
بحـث
 
 

نتائج البحث
 
Rechercher بحث متقدم
أنت غير مسجل فى منتديات عالم الانترنت . للتسجيل الرجاء إضغط هنـا
سحابة الكلمات الدلالية

 

 [تومبلات] البيانات الشخصيه بشكل جديد

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
Toù Toù




عدد المساهمات : 12
الــســمــعــه : 0
تاريخ التسجيل : 14/08/2012

[تومبلات] البيانات الشخصيه بشكل جديد Empty
مُساهمةموضوع: [تومبلات] البيانات الشخصيه بشكل جديد   [تومبلات] البيانات الشخصيه بشكل جديد Emptyالثلاثاء أغسطس 14, 2012 12:17 pm

السلام عليكم ورحمه الله وبركاته

اقدم لكم اكواد تومبلات مختلفه للتحكم بشكل البيانات الشخصيه

تابعو الشرح

نتوكل علي الله

لوحة الادارة → مظهر المنتدي → التومبلايتات و القوالب → إدار عامة
نختار هذا القالب viewtopic_body ونضغط عليه تعديل

ثم نبحث عن هذا الرمز ونحذفه

الكود:


  <table border="0" cellspacing="0" cellpadding="0">
 
            <tr>
 
            <td valign="middle">
 
              {postrow.displayed.PROFILE_IMG}
 
              {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field -->
 
              {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
 
              {postrow.displayed.ONLINE_IMG}
 
            </td>
 
            </tr>
 
          </table>


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

        <tr class="post">
 
            <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
 
                <span class="name"><a
    name="{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="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
 
            </td>
ونحذفه ونضع الكود التالي مكانه
الكود:

    <tr class="post">
 
            <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
 
           
 
               
 
               
 
    <div class="tw">
 
    <div align="center">
 
    <a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong>
 
    <br />
 
    {postrow.displayed.POSTER_AVATAR}</div>
 
    <br /><br />
 
 
 
 
 
    <div class="tw">
 
    {postrow.displayed.POSTER_RANK}</div>
 
    <br />
 
                    {postrow.displayed.RANK_IMAGE}
 
 
 
    <div class="twrank"><span style="color:#1E6ECF;">  معلومات
    اضافية </span><br style="color: #1E6ECF;"></div>
 
                    <!-- BEGIN profile_field -->
 
        <div class="tw">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</div>
 
 
 
 
                    <!-- END profile_field -->
 
                    {postrow.displayed.POSTER_RPG}
 
                </span><br />
 
                <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
 
        <table border="0" cellspacing="0" cellpadding="0">
 
            <tr>
 
            <td valign="middle">
 
              {postrow.displayed.PROFILE_IMG}
 
              {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field -->
 
              {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
 
              {postrow.displayed.ONLINE_IMG}
 
            </td>
 
            </tr>
 
          </table>
 
 
 
            </td>
ثم نسجل التومبلايت وننشرها

ثم نذهب الي
لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css

ونضيف هذا الكود
الكود:

  .twrank{
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border : 1px dashed #ff0404;
    border-width : 1px
    border-color : #fc0c0c;
    padding : 2px 2px;
    background-repeat : repeat;
    background-color : #f0feff;
    background-image : url();
    background-position : top;
    overflow : visible;
    vertical-align : middle;
    }
    /*Copyright a7medvirus*/
    .tw{
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border : 1px dashed #ff00b4;
    border-width : 1px
    border-color : #0d2477;
    padding : 2px 2px;
    background-repeat : repeat;
    background-color : #ffffff;
    background-image : url();
    background-position : top;
    overflow : visible;
    vertical-align : middle;
    }


ثم اعمل سجل
وانشرها
وعاين البيانات الشخصيه في اي موضوع تريده وانظر النتائج
Very Happy
الرجوع الى أعلى الصفحة اذهب الى الأسفل
مستر غوغل




عدد المساهمات : 22
الــســمــعــه : 0
تاريخ التسجيل : 15/08/2012

[تومبلات] البيانات الشخصيه بشكل جديد Empty
مُساهمةموضوع: رد: [تومبلات] البيانات الشخصيه بشكل جديد   [تومبلات] البيانات الشخصيه بشكل جديد Emptyالأربعاء أغسطس 15, 2012 6:57 am

مشكوور
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
[تومبلات] البيانات الشخصيه بشكل جديد
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» | تومبلايت | كود الصندوق الماسى المطور بشكل رائع
»  فكرة بسيطة لإخراج صدقة جارية بشكل يومي بدون أي تدخل مباشر منك
» صبر جميل ( انور ابو البصل ) / أخ لكم جديد في المنتدى

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