التسجيلالتعليمـــاتالمجموعاتالتقويممشاركات اليومالبحث


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



شاطر | 
 

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

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

تاريخ التسجيل : 21/08/2012
عدد مساهماتك : 1151
نقاط : 1314
السٌّمعَة : 103
العمل/الترفيه العمل/الترفيه : طالب

مُساهمةموضوع: البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها   الأحد أكتوبر 21, 2012 10:23 pm

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

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

http://i48.servimg.com/u/f48/12/78/95/70/hima28.png



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

نعمل تعديل لقالب 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://i48.servimg.com/u/f48/12/78/95/70/hima-b12.png
ونستبدله بما يناسبنك





www.worldCHD.com

مرحبا بكم في عالم CHD

المنتدى رائع و أكتر من راائع 


تسجل و شاكرنا بمواضيعك
عالم CHD



=======================================================


// الحرباء و حدها، تتلون مع الاجواء //...

أما أنا  El Hassan فأنا هو El Hassan ، بالنجوم الخضراء ... و نفس الشخص و نجومي حمراء... و سأبقى نفس الشخص عندما تختفى النجوم ..



الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://starcool.moontada.com/
شہہخہہصہہيہة مہہسہہتهدفہة
نائب المدير
نائب المدير
avatar

تاريخ التسجيل : 20/11/2012
عدد مساهماتك : 329
نقاط : 345
السٌّمعَة : 2
العمل/الترفيه العمل/الترفيه : طٌآلَبّـ

مُساهمةموضوع: رد: البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها   الجمعة نوفمبر 30, 2012 9:15 pm

كود رائع تسلم


.


.




.


.


.


.


.


النـاسَ تحكـي ،، بـصفُاتـي وأنـٌا غـامرنيُّ السكّـوتَ: خـايفٌّ أوصـفُ حـلاتـي #يـَرتـفـعٌ ضغط بعض الناس و تمـوتَ



الرجوع الى أعلى الصفحة اذهب الى الأسفل
Ël Hå$$åÑ ¢ØØl
اداري سابق
اداري سابق
avatar

تاريخ التسجيل : 21/08/2012
عدد مساهماتك : 1151
نقاط : 1314
السٌّمعَة : 103
العمل/الترفيه العمل/الترفيه : طالب

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

شرفني مرورك




www.worldCHD.com

مرحبا بكم في عالم CHD

المنتدى رائع و أكتر من راائع 


تسجل و شاكرنا بمواضيعك
عالم CHD



=======================================================


// الحرباء و حدها، تتلون مع الاجواء //...

أما أنا  El Hassan فأنا هو El Hassan ، بالنجوم الخضراء ... و نفس الشخص و نجومي حمراء... و سأبقى نفس الشخص عندما تختفى النجوم ..



الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://starcool.moontada.com/
malakalasule
موسسة الموقع
موسسة الموقع
avatar

رقم العضوية : 1
تاريخ التسجيل : 17/09/2011
عدد مساهماتك : 4786
نقاط : 8976
السٌّمعَة : 115
العمل/الترفيه العمل/الترفيه : تصميم +برمجه

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

جزاك الله الف خير ي غاالي




●▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬● ░░░█░█░█░█░░█░█░█░░░█░█░█░░█░█░ ░▄▀█░█░█░█░░█░█░█░▄▀█░█░█░░█░█░ ░█▄█▄█▄█░█░▄█▄█░█░█▄█▄█░█░▄█▄█░ ●▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬●

كلمتان خفيفتان على اللسان ثقيلتان في الميزان حبيبتان إلى الرحمـــــن
... ☆☆¸.•*¨*`•.¸☆☆¸.•*¨*`•.¸☆☆¸.•*¨*`•.¸☆☆¸.•*¨*`•.¸☆☆
ســبحـــــــــــان الله و بحــــــمده ☆☆ ســـبحــــــــــــــان الله العظـــــيـم

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.malakalasule.com
aladin soso
مشرف كافية الابداع
مشرف كافية الابداع
avatar

تاريخ التسجيل : 16/11/2012
عدد مساهماتك : 218
نقاط : 256
السٌّمعَة : 2
العمل/الترفيه العمل/الترفيه : الدراسة

مُساهمةموضوع: رد: البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها   الثلاثاء يناير 08, 2013 10:38 pm

شكرااااااا
جااري التجربة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://aladin-t3lm.mousika.org
بنت العز ماتنهز
فريق كافية الابداع
فريق كافية الابداع
avatar

تاريخ التسجيل : 26/07/2012
عدد مساهماتك : 95
نقاط : 407
السٌّمعَة : 4
العمل/الترفيه العمل/الترفيه : التصميم

مُساهمةموضوع: رد: البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها   الجمعة يناير 25, 2013 1:23 pm

شكرًا لك يامبدع


سيبقى رأسي عالياً في السمــاء ..
ليس تكبراً ولا استعلاء ...

بل هيه ثقة بالنفس وكبرياء ..
و (( ستبقى دمعتي غالية )
لانني اكتشفت ...
(( ان لاشيء في الدنيا يستحق البكاء))
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://toro.forumarabia.com/
 
البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات المصممه ملاك العسوله للتصميم مجانا :: [♥ قسم تطوير المنتديات و المساعدة على إدارتها®-} :: اقسام التطوير و المساعدة والاشهار :: !¤*'~`(( اكواد Template ))`~'*¤!-
انتقل الى: