البيانات الشخصية بشكل اكثر من رائع .. مع اضافة ادوات النشر اسفلها
+11
ماهينور
aymen-mans
Ramy Osman
AmEr-Dz
أحلى تطوير
hamsa-haq
AmEr DeSiGN
Ahmed Veko
هياء محمد
MoSaB jOo
وسام للكومبيوتر
15 مشترك
مركز الإعتمادات العربى :: دعم وتطوير المواقع و المنتديات :: ملتقى الدعم و التطوير :: قسم الاكواد و التقنيات
صفحة 1 من اصل 1
البيانات الشخصية بشكل اكثر من رائع .. مع اضافة ادوات النشر اسفلها
السلام عليكم ,,
اهلا بأعضاء وزوار منتدى فرسان المساعدة الكرام
اليوم نقدم لكم تعديل جميل جدا ع التومبلايت
ليأتي في النهاية بمظهر جميل جدا للبيانات الشخصية في المساهمات
مع اضافة بيانات نشر الموضوع اسفلها
صورة :
تكبير الصورة معاينة الأبعاد الأصلية.
لطبيق هذا الشكل فى منتداك ..ادخل الى
لوحة الادارة
مظهر المنتدى
التومبيلايت والقوالب
نعمل تعديل لقالب viewtopic_body
ويفضل ان يكون التعديل على القالب الاصلى
المهم ..نبحث عن التالى اولا ..
ونحذفه تماماً
ونبحث عن هذا ايضا فى نفس القالب ...
ونحذفه ..ونضيف هذا مكانه
ونسجل وننشر التعديل ...
وبعدين نذهب الى
لوحة الادارة
مظهر المنتدى
الوان
ورقة تصميم css
ونضيف هذا فى بداية الحقل ...ونضغط قدم
لمن يريد تغير خلفية ..معلومات العضو والاتصال ومعلومات اضافيه ..نبحث فى كود css عن رابط الخلفيه الاتى
https://i.servimg.com/u/f48/12/78/95/70/hima-b12.png
ونستبدله بما يناسبنك
ومبروك ...التعديل
ملحوظة لمن تواجهه مشكلة فى مظهر الكود بعد التركيب يرجى عمل التعديلات من جديد ولكن على قالب viewtopic_body الاساسى وليس المعدل عليه...
بالتوفيق للجميع
اهلا بأعضاء وزوار منتدى فرسان المساعدة الكرام
اليوم نقدم لكم تعديل جميل جدا ع التومبلايت
ليأتي في النهاية بمظهر جميل جدا للبيانات الشخصية في المساهمات
مع اضافة بيانات نشر الموضوع اسفلها
صورة :
تكبير الصورة معاينة الأبعاد الأصلية.
لطبيق هذا الشكل فى منتداك ..ادخل الى
لوحة الادارة
مظهر المنتدى
التومبيلايت والقوالب
نعمل تعديل لقالب 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="https://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="https://i.servimg.com/u/f43/15/53/11/89/19675610.jpg"> </td> <td> <center> <a href="https://www.facebook.com/sharer.php?u=http://ibd3at.com/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="https://i.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="https://i.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="https://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("https://i.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("https://i.servimg.com/u/f48/12/78/95/70/hima_a10.png") no-repeat scroll center top transparent; padding: 20px; width: 150px; } .hima { background: url("https://i.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("https://i.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("https://i.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; } |
https://i.servimg.com/u/f48/12/78/95/70/hima-b12.png
ونستبدله بما يناسبنك
ومبروك ...التعديل
ملحوظة لمن تواجهه مشكلة فى مظهر الكود بعد التركيب يرجى عمل التعديلات من جديد ولكن على قالب viewtopic_body الاساسى وليس المعدل عليه...
بالتوفيق للجميع
رد: البيانات الشخصية بشكل اكثر من رائع .. مع اضافة ادوات النشر اسفلها
ماشاء الله قمة في الروعه
شكرا ^^
شكرا ^^
رد: البيانات الشخصية بشكل اكثر من رائع .. مع اضافة ادوات النشر اسفلها
أإسـ عٍ ـد الله أإأوٍقـآتَكُـم بكُـل خَ ـيرٍ
دآإئمـاَ تَـبهَـرٍوٍنآآ بَمَ ـوٍآضيعكـ
أإلتي تَفُـوٍح مِنهآ عَ ـطرٍ أإلآبدآع وٍأإلـتَمـيُزٍ
لك الشكر من كل قلبي
دآإئمـاَ تَـبهَـرٍوٍنآآ بَمَ ـوٍآضيعكـ
أإلتي تَفُـوٍح مِنهآ عَ ـطرٍ أإلآبدآع وٍأإلـتَمـيُزٍ
لك الشكر من كل قلبي
رد: البيانات الشخصية بشكل اكثر من رائع .. مع اضافة ادوات النشر اسفلها
بِآرَﻛَ آلَلَﮩ فْيْﻛَ
جَزَآﻛَ آلَلَﮩ آلَفْ خِيْرَ
طٌـــــــــبِــــــتْ
جَزَآﻛَ آلَلَﮩ آلَفْ خِيْرَ
طٌـــــــــبِــــــتْ
زائر- زائر
أحلى تطوير- عضو سوبر
-
عدد المساهمات : 2637
التقييم : 0
العمر : 34
احترام قوانين المنتدى :
AmEr-Dz- عضو سوبر
-
عدد المساهمات : 6639
التقييم : 4
العمر : 29
احترام قوانين المنتدى :
رد: البيانات الشخصية بشكل اكثر من رائع .. مع اضافة ادوات النشر اسفلها
قمة في الروعة والجمال
بورك في مجهودك
رد: البيانات الشخصية بشكل اكثر من رائع .. مع اضافة ادوات النشر اسفلها
نشكرك عزيزي عل الكود الجميل
:;وردة حمراء ه:
:;وردة حمراء ه:
مستشار طارق- عضو فعال
-
عدد المساهمات : 774
التقييم : 1
احترام قوانين المنتدى :
رد: البيانات الشخصية بشكل اكثر من رائع .. مع اضافة ادوات النشر اسفلها
موضوع مميز وجميل بارك الله فيك
واصل ابداعك
واصل ابداعك
رد: البيانات الشخصية بشكل اكثر من رائع .. مع اضافة ادوات النشر اسفلها
شكرا [على] الموضوع تستاهل تقييم و تشجيع [على]
المجهودات الرائعة
واصل عزيزي ,,,,#
المجهودات الرائعة
واصل عزيزي ,,,,#
زائر- زائر
MAIKO- عضو نشيط
- عدد المساهمات : 425
التقييم : 4
احترام قوانين المنتدى :
Abd El Hafidh- عضو نشيط
- عدد المساهمات : 391
التقييم : 1
احترام قوانين المنتدى :
رد: البيانات الشخصية بشكل اكثر من رائع .. مع اضافة ادوات النشر اسفلها
شكرا جزيلا لك اخي الكريم
بار الله فيك تسلم
:;وردة حمراء ه:
مواضيع مماثلة
» [تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها من hima elmasry
» شرح : اضافة خدمة mms في البيانات الشخصية
» كود [Template] ادوات المواضيع مثل احلى حكاية بشكل رائع من تصميمى ( الطائر الحر )
» كود CSS لجعل البيانات الشخصية احترافية في المشاركات+اطار للصورة الشخصية وميزات اخرى كالفيبي للنسخة phpbb2
» شرح طريقة تغير لون البيانات الشخصية
» شرح : اضافة خدمة mms في البيانات الشخصية
» كود [Template] ادوات المواضيع مثل احلى حكاية بشكل رائع من تصميمى ( الطائر الحر )
» كود CSS لجعل البيانات الشخصية احترافية في المشاركات+اطار للصورة الشخصية وميزات اخرى كالفيبي للنسخة phpbb2
» شرح طريقة تغير لون البيانات الشخصية
مركز الإعتمادات العربى :: دعم وتطوير المواقع و المنتديات :: ملتقى الدعم و التطوير :: قسم الاكواد و التقنيات
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى