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


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

 

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

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
Mr.Micheal
المدير العام

Mr.Micheal


عدد المساهمات : 206
تاريخ التسجيل : 18/08/2010
العمر : 27

[تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها Empty
مُساهمةموضوع: [تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها   [تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها Emptyالإثنين أغسطس 20, 2012 1:44 pm

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


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

ونحذفه تماماً
ونبحث عن هذا ايضا فى نفس القالب ...

الكود:
{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="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="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://2img.net/i/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;
        }

ومبررروووك التعديل
</blockquote>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://sahar3.yoo7.com
انور ابو البصل
ساهر جديد
ساهر جديد



عدد المساهمات : 29
تاريخ التسجيل : 21/06/2012

[تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها Empty
مُساهمةموضوع: رد: [تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها   [تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها Emptyالثلاثاء يونيو 04, 2013 2:30 pm

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

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

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