[تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها Hitskin_logo Hitskin.com

هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداكالرجوع الى صفحة بيانات التصميم

مَوقِع الطَريقَة الرِفاعيَة

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


    [تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها

    ابوصفاءالدين السلطان
    ابوصفاءالدين السلطان
    مؤسس الشبكة ومن كبار الشخصيات
    مؤسس الشبكة ومن كبار الشخصيات


    وسام التميز : [تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها Katip
    ذكر عدد المساهمات : 1858
    مرشد*مريد*مداح : مداح

    خدمات المنتدى
    مشاركة الموضوع:
    الاعجاب بموقع الرفاعيه:

    [تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها Empty [تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها

    مُساهمة من طرف ابوصفاءالدين السلطان الأحد مايو 06, 2012 5:59 pm

    كود للبيانات الشخصيه بشكل جديد وجميل .. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    مع اضافة نشر للمواضيع اسفل البيانات .. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    علشان مش اطول عليكم ...
    اليكم صورة اولا من التعديل
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]





    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    لطبيق هذا الشكل فى منتداك ..ادخل الى
    <blockquote>
    لوحة الادارة
    مظهر المنتدى
    التومبيلايت والقوالب</blockquote>

    نعمل تعديل لقالب viewtopic_body
    ويفضل ان يكون التعديل على القالب الاصلى
    المهم ..نبحث عن التالى اولا ..
    الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]{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}

    ونحذفه تماماً
    ونبحث عن هذا ايضا فى نفس القالب ...
    الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] <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="https://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="hima">معلومات العضو </div>
    <div class="masry" align="center"></div>
    <div class="ahlamontada">

    <span class="name"{postrow.displayed.U_POST_ID}"> {postrow.displayed.POSTER_NAME}
    </span>
    <div class="ahlamontada"></div></div>
    <span class="postdetails poster-profile">
    <div class="hima-elmasry">
    <br />
    <div class="AVATAR">{postrow.displayed.POSTER_AVATAR}

    </div></div></div>
    <br>
    {postrow.displayed.RANK_IMAGE}<br>
    {postrow.displayed.POSTER_RANK}
    <br>
    <div class="hima">معلومات إضافية </div>
    <div class="masry" align="center"></div>

    <!-- BEGIN profile_field -->


    <div
    class="ahlamontada">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</div>




    <!-- END profile_field -->

    </div>
    </span>
    <center>
    <div class="hima">معلومات الاتصال </div></div></div></div>
    <div class="masry" align="center"></div></div></div>
    <div class="ahlamontada">


    {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}


    </div></div


    </div></div>

    <div class="sidebar">
    <table class="sidebaritem">
    <tbody>
    <tr>
    <td width="20px">
    <img src="https://i.servimg.com/u/f43/15/53/11/89/19675610.jpg">
    </td>
    <td>
    <center>
    <a href="https://www.facebook.com/sharer.php?u=http://ibd3at.com/topic-t{TOPIC_ID}.htm">نشر ع الفيسبوك</a>
    </center>
    </td>
    </tr>
    </tbody>
    </table>
    <div style="height: 4px;"></div>
    <div style="height: 4px;"></div>
    <table class="sidebaritem">
    <tbody>
    <tr>
    <td width="20px">
    <img src="https://i.servimg.com/u/f86/13/46/75/82/311.png">
    </td>
    <td>
    <center>
    <a rel="nofollow" href="/search?add_favourite=84151&search_id=favouritesearch">إضافة إلى مفضلاتي</a>
    </center>
    </td>
    </tr>
    </tbody>
    </table>
    <div style="height: 4px;"></div>
    <table class="sidebaritem">
    <tbody>
    <tr>
    <td width="20px">
    <img src="https://i.servimg.com/u/f70/15/40/37/88/group10.png">
    </td>
    <td>
    <center>
    <a rel="nofollow" href="/tell_friend.forum?t=84151">أرسال لصديق</a>
    </center>
    </td>
    </tr>
    </tbody>
    </table>
    <div style="height: 4px;"></div>
    </div>
    <center>
    <img style="width: 150px; height: 1px;" alt="" src="https://2img.net/i/fa/empty.gif">
    </center>
    </center>
    </td>

    <div id="profil_foot"></div>
    ونسجل وننشر التعديل ...
    وبعدين نذهب الى
    <blockquote>
    لوحة الادارة
    مظهر المنتدى
    الوان
    ورقة تصميم css</blockquote>
    ونضيف هذا فى بداية الحقل ...ونضغط قدم
    الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط].ahlamontada {
    -moz-border-radius: 5px 5px 5px 5px;
    background: url("https://i.servimg.com/u/f48/12/78/95/70/hima-c10.gif") repeat-x scroll center bottom #FFFFFF;
    border: 1px solid #E2E2E2;
    margin: 2px;
    text-shadow: 0 0 1px #626262;
    }


    .hima-elmasry {
    background: url("https://i.servimg.com/u/f48/12/78/95/70/hima_a10.png") no-repeat scroll center top transparent;
    padding: 20px;
    width: 150px;
    }


    .hima {
    background: url("https://i.servimg.com/u/f48/12/78/95/70/hima-b12.png") repeat-x scroll left top #37DCFC;
    border-bottom: 2px solid #F2812E;
    color: #000033;
    font-family: arial;
    font-size: 12pt;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-shadow: 1px 1px 1px #888888;
    width: 185px;
    }

    .masry {
    background: url("https://i.servimg.com/u/f48/12/78/95/70/hima_s10.png") no-repeat scroll left top transparent;
    height: 12px;
    margin: auto;
    position: relative;
    width: 185px;
    }
    .ahlamontada {
    -moz-border-radius: 5px 5px 5px 5px;
    background: url("https://i.servimg.com/u/f48/12/78/95/70/hima2010.gif") repeat-x scroll center bottom #FFFFFF;
    border: 1px solid #E2E2E2;
    margin: 2px;
    text-shadow: 0 0 1px #626262;
    }


    .sidebaritem {
    background: url("") repeat-x scroll 0 0 #FBFBFB;
    border-color: #D1D1E1;
    border-style: solid;
    border-width: 1px 2px 1px 1px;
    font-size: 11px;
    padding: 0;
    width: 180px;
    }
    .AVATAR img {
    width: 150px;
    }

    <blockquote>
    لمن يريد تغير خلفية ..معلومات العضو والاتصال ومعلومات اضافيه ..نبحث فى كود css عن رابط الخلفيه الاتى
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
    ونستبدله بما يناسبنك
    </blockquote>

      الوقت/التاريخ الآن هو الخميس مايو 16, 2024 10:51 pm