اختر لونك المفضل




العودة  Egyword - كلمة مصرية

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






Egyword :: خدمات المواقع والمنتديات :: قسم تطوير منتديات Ahlamontada :: قسم أكواد التومبلات Templates

  الأحد 5 يونيو 2016 - 23:57

  • عدد المساهمات : 820
  • تاريخ التسجيل : 28/05/2016


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




السلام عليكم ورحمة الله وبركاته
اهلا وسهلا باحلى اعضاء :اعضاء احلى المنتديات

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



لطبيق هذا الشكل فى منتداك ..ادخل الى

اقتباس :
لوحة الادارة
مظهر المنتدى
التومبيلايت والقوالب
نعمل تعديل لقالب 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
post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}"
 style="{postrow.displayed.DISPLAYABLE_STATE}">
        <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>



ونحذفه ..ونضيف هذا مكانه




الكود:
      <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}{postrow.displayed.profile_field.SEPARATOR}</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="http://i43.servimg.com/u/f43/15/53/11/89/19675610.jpg">
    </td>
    <td>
    <center>
    <a href="http://www.facebook.com/sharer.php?u=/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="http://i86.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="http://i70.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="http://illiweb.com/fa/empty.gif">
    </center>
    </center>
    </td>
    
  <div id="profil_foot"></div>






ونسجل وننشر التعديل ...
وبعدين نذهب الى



لوحة الادارة
مظهر المنتدى
الوان
ورقة تصميمcss



ونضيف هذا فى بداية الحقل ...ونضغط قدم




الكود:
.ahlamontada {
    -moz-border-radius: 5px 5px 5px 5px;
    background: url("http://i48.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("http://i48.servimg.com/u/f48/12/78/95/70/hima_a10.png") no-repeat scroll center top transparent;
    padding: 20px;
    width: 150px;
}


.hima {
    background: url("http://i48.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("http://i48.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("http://i48.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;
        }





لمن يريد تغير خلفية ..معلومات العضو والاتصال ومعلومات اضافيه ..نبحث فى كود css عن رابط الخلفيه الاتى
http://i48.servimg.com/u/f48/12/78/95/70/hima-b12.png
ونستبدله بما يناسبنك



توقيع : MR.MESHO







  
hotel deals in sharm el sheikh

الــرد الســـريـع
..

هل تريد التعليق؟
انضم إلى ( Egyword - كلمة مصرية ) للحصول على حساب مجاني أو قم بتسجيل الدخول إذاكنت عضوًا بالفعل






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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة




Powered by vBulletin® Copyright ©2000 - 2015, Jelsoft Enterprises Ltd