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

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

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

 

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

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


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

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

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

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

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

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

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

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

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

نعمل تعديل لقالب 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://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;
        }

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

الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://starcool.forumarabia.com
Sami Rami
أحلى عضو
أحلى عضو
Sami Rami


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

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

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

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

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


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

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

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

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

البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها Download
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» طلب اضافة لمعة علي الواجهة
»  كود ترحيب بشكل رائع
» رد علي موضوع " طلب اضافة لمعة علي الواجهة "
» كود خلفيه وأيطار بشكل احترافى لاسماء الاعضاء فى كل مكان فى المنتدى
» عضو جديد ............

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