منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

(تومبلايت) حصريا اقوي اكواد للبيانات الشخصية مثل الـvb من a7medvirus

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

(تومبلايت) حصريا اقوي اكواد للبيانات الشخصية مثل الـvb من a7medvirus

مُساهمة من طرف A7medvirus في السبت 30 يوليو 2011 - 23:20

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

مرحبا باعضاء احلي منتدي ِ اسعد الله كل اوقاتكم
في واقع الامرلقد شاهدت العديد والعديد من الاعضاء يطلبون اكواد تجميلة لمظهر البينات الشخصية
ويسعدني ان اقدم لكم افضل اكواد قمت بعملها الاحلي المنتديات ِ ومن يفعل الخير يعود عليه


الكود:
http://i45.servimg.com/u/f45/15/95/28/21/p-endw10.png


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

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

ثم نبحث عن هذا الرمز ونحذفه
Spoiler:
الكود:
        <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>


وايضا نبحث عن هذا

Spoiler:
الكود:
        <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://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />

            </td>




ونحذفه ونضع الكود التالي مكانه

Spoiler:
الكود:
        <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://illiweb.com/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
ونضع اي شكل من الاشكال التالية

ملحوظة : اختر كود واحد فقط من الاتي

الشكل الاول

كود css الخاص به
Spoiler:
الكود:
    .twrank{
    background: none repeat scroll 0 0 #F9F9F9;
        border-bottom-left-radius: 8px;
        border-color: #ff0024;
        border-left: 1px solid #ff0024;
        border-right: 6px solid #ff0024;
        border-style: solid;
        border-top-right-radius: 8px;
        border-width: 1px 6px 1px 1px;
        color: #2E5961;
        font: 11px Tahoma;
        margin: 5px 0;
        padding: 3px 5px;
        text-align: right;
    }
    /*Copyright a7medvirus*/
    .tw{
    background: none repeat scroll 0 0 #F9F9F9;
        border-bottom-left-radius: 8px;
        border-color: #29A5FF;
        border-left: 1px solid #29A5FF;
        border-right: 6px solid #29A5FF;
        border-style: solid;
        border-top-right-radius: 8px;
        border-width: 1px 6px 1px 1px;
        color: #2E5961;
        font: 11px Tahoma;
        margin: 5px 0;
        padding: 3px 5px;
        text-align: right;
    }

وهذا الشكل الثاني

كود css الخاص به
Spoiler:
الكود:
    .twrank{
    background: none repeat scroll 0 0 #FFFFFF;
        border: 1px dotted #ff0000;
        margin-top: 5px;
        padding: 3px;
    }
    /*Copyright a7medvirus*/
    .tw{
    background: none repeat scroll 0 0 #FFFFFF;
        border: 1px dotted #999999;
        margin-top: 5px;
        padding: 3px;
    }

الشكل الثالث

كود css الخاص به
Spoiler:
الكود:
    .twrank{
      background-color: #F6F6F6;
        border-bottom: 2px dotted #CCCCCC;
        border-radius: 5px 5px 5px 5px;
        border-right: 3px solid #ff0000;
        border-width: 0 3px 2px 0;
        font-family: "tahoma";
        font-size: 11px;
        letter-spacing: 0;
        margin: 1px 1px 3px;
        padding: 2px;
        vertical-align: middle;
    }
    /*Copyright a7medvirus*/
    .tw{
      background-color: #F6F6F6;
        border-bottom: 2px dotted #CCCCCC;
        border-radius: 5px 5px 5px 5px;
        border-right: 3px solid #1CA6BA;
        border-width: 0 3px 2px 0;
        font-family: "tahoma";
        font-size: 11px;
        letter-spacing: 0;
        margin: 1px 1px 3px;
        padding: 2px;
        vertical-align: middle;
    }

الشكل الرابع ابيض مفيد للمنتديات التقنية

كود css الخاص به
Spoiler:
الكود:

    .twrank{
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #ff0000;
        color: #242424;
        margin-top: 2px;
        padding: 3px 3px 3px 10px;
        text-align: right;
    }
    /*Copyright a7medvirus*/
    .tw{
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #DEDEDE;
        color: #242424;
        margin-top: 2px;
        padding: 3px 3px 3px 10px;
        text-align: right;
    }

الشكل الخامس دائري منقط رائع

كود css الخاص به
Spoiler:
الكود:
    .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;
    }


شكل الكود السادس



كود css الخاص به
Spoiler:
الكود:

   
    .twrank{
   
        border:2px solid #ff0000;
        background:  url(http://i45.servimg.com/u/f45/15/95/28/21/bg2210.jpg) ;border:2px solid #ff0000;
        -moz-border-radius-topright: 15px;
        -webkit-border-radius-topright: 15px;
        -moz-border-radius-bottomleft: 15px;
        -webkit-border-radius-bottomleft: 15px;
        border-radius-topright: 15px;
        border-radius-bottomleft: 15px;
   
    }
    /*Copyright a7medvirus*/
    .tw{
   
        border:2px solid #636363;
        background:  url(http://download.mrkzy.com/e/0311_md_13018304831.png
    ) ;border:2px solid #636363;
        -moz-border-radius-topright: 15px;
        -webkit-border-radius-topright: 15px;
        -moz-border-radius-bottomleft: 15px;
        -webkit-border-radius-bottomleft: 15px;
        border-radius-topright: 15px;
        border-radius-bottomleft: 15px;
        margin-top: 8px;
   
    }

يمنع حذف الحقوق او عدم ذكر اسم مصدر مؤالف الفكرة وتنفيذها كاملة a7medvirus

تذكروني بالخير
والسلام عليكم ورحمة الله وبركاته



عدل سابقا من قبل A7medvirus في الثلاثاء 2 أغسطس 2011 - 20:37 عدل 3 مرات
avatar
A7medvirus
 
 

ذكر
عدد المساهمات : 8167
معدل النشاط : 10209
السُمعة : 46

http://www.fm63.net/t1458-topic#5564

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

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

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

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