منتديات ستار كوول للدعم و التصميم


منتديات ستار كوول للدعم و التصميم

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

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Ël Hå$$åÑ ¢ØØl
مؤسس الموقع
مؤسس الموقع
avatar

الجنس : ذكر
بلدي :

كيف تعرفـت علينــا : المدير
عدد المساهمات : 239
نقاط : 461
. : اداري مميز

تاريخ التسجيل : 10/08/2012

مُساهمةموضوع: البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها   2012-11-17, 17:48

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

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

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



لطبيق هذا الشكل فى منتداك ..ادخل الى
لوحة الادارة
مظهر المنتدى
التومبيلايت والقوالب

نعمل تعديل لقالب 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="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}</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://starcool.moontada.com
Sami Rami
أحلى عضو
أحلى عضو
avatar

الجنس : ذكر
بلدي :

كيف تعرفـت علينــا : جوجل
عدد المساهمات : 42
نقاط : 44
. http://www.up.qatarw.com/up/2012-02-28/file847672758.gif

تاريخ التسجيل : 18/11/2012

مُساهمةموضوع: رد: البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها   2012-11-18, 20:17

ما شاء الله روعة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Lamya fok
أحلى عضو
أحلى عضو
avatar

الجنس : انثى
بلدي :

كيف تعرفـت علينــا : جوجل
عدد المساهمات : 34
نقاط : 36
. http://www.up.qatarw.com/up/2012-02-28/file847672758.gif

تاريخ التسجيل : 21/11/2012

مُساهمةموضوع: رد: البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها   2012-11-22, 16:55

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

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