شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
avatar
شمهصهنش
العضو المميز في المنتدى
العضو المميز في المنتدى
النوع : ذكر
عدد المساهمات : 423

النقط : 6686

تاريخ التسجيل : 15/12/2011

العمر : 26

http://www.wikan0.tk

كود [Template] ادوات المواضيع بشكل رائع من تصميمى انا ( شمهصهنش ) فقط و حصريا على منتديات احدث البرامج

في 2012-02-06, 13:39


كود [Template] ادوات المواضيع بشكل رائع من تصميمى انا ( شمهصهنش ) فقط و حصريا على منتديات احدث البرامج
كود [Template] ادوات المواضيع بشكل رائع من تصميمى انا ( شمهصهنش ) فقط و حصريا على منتديات احدث البرامج
كود [Template] ادوات المواضيع بشكل رائع من تصميمى انا ( شمهصهنش ) فقط و حصريا على منتديات احدث البرامج
كود [Template] ادوات المواضيع بشكل رائع من تصميمى انا ( شمهصهنش ) فقط و حصريا على منتديات احدث البرامج
كود [Template] ادوات المواضيع بشكل رائع من تصميمى انا ( شمهصهنش ) فقط و حصريا على منتديات احدث البرامج


لسلام عليكم و رحمة الله و بركاته

مرحبا اخوانى و اخواتى اعضاء و زوار منتدى الدعم و المساعده


اليوم اقدم لكم

كود [Template] ادوات المواضيع بشكل رائع من تصميمى ( شمهصهنش )




صوره للكود





يظهر فى المواضيع بهذا الشكل










و الان الكود و طريقة تركيبه

اذهب الى


1- لوحة الاداره




2 - مظهر المنتدى




3 - التومبلايتات و القوالب / اداره عامة




4 - اضغط تعديل على قوالب ( viewtopic_body )












5 - ابحث عن هذا الكود

الكود:
[color=#2E8B57][font=Courier]<td colspan="2">[/font][/color]

و ضع بعده مباشرتا الكود

صوره لتوضيح









الكود
الكود:

[color=#2E8B57][font=Courier]<if condition="$show['member']">[/font][/color]
[color=#2E8B57][font=Courier]<div class="a7la7ekayaa">[/font][/color]
[color=#2E8B57][font=Courier]<table class="a7la7ekaya">[/font][/color]
[color=#2E8B57][font=Courier]<tr>[/font][/color]
[color=#2E8B57][font=Courier]<td width="20px"><img src="http://i43.servimg.com/u/f43/15/53/11/89/19675610.jpg"></td>[/font][/color]
[color=#2E8B57][font=Courier]<td><a [/font][/color]
[color=#2E8B57][font=Courier]href="http://www.facebook.com/sharer/sharer.php?u=ضع رابط منتداك هنا/topic-t{TOPIC_ID}.htm">انشر[/font][/color]
[color=#2E8B57][font=Courier] الموضوع </a></td>[/font][/color]
[color=#2E8B57][font=Courier]</tr>[/font][/color]
[color=#2E8B57][font=Courier]</table><!-- BEGIN switch_vote_active --><!-- BEGIN switch_vote -->[/font][/color]
[color=#2E8B57][font=Courier]<div style="height:4px;"></div>[/font][/color]
[color=#2E8B57][font=Courier]<table class="a7la7ekaya">[/font][/color]
[color=#2E8B57][font=Courier]<tr>[/font][/color]
[color=#2E8B57][font=Courier]<td width="20px"><img src="http://i43.servimg.com/u/f43/15/53/11/89/heart10.png"></td>[/font][/color]
[color=#2E8B57][font=Courier]<td><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">اضافة تقييم</a></td>[/font][/color]
[color=#2E8B57][font=Courier]</tr>[/font][/color]
[color=#2E8B57][font=Courier]</table><!-- END switch_vote --><!-- END switch_vote_active -->[/font][/color]
 
[color=#2E8B57][font=Courier]<div style="height:4px;"></div>[/font][/color]
[color=#2E8B57][font=Courier]<table class="a7la7ekaya">[/font][/color]
[color=#2E8B57][font=Courier]<tr>[/font][/color]
[color=#2E8B57][font=Courier]<td width="20px"><img src="http://i43.servimg.com/u/f43/15/53/11/89/add10.png"></td>[/font][/color]
[color=#2E8B57][font=Courier]<td><a href="{U_POST_REPLY_TOPIC}" rel="nofollow">الرد على الموضوع</a></td>[/font][/color]
[color=#2E8B57][font=Courier]</tr>[/font][/color]
[color=#2E8B57][font=Courier]</table>[/font][/color]
[color=#2E8B57][font=Courier]<div style="height:4px;"></div>[/font][/color]
[color=#2E8B57][font=Courier]<table class="a7la7ekaya">[/font][/color]
[color=#2E8B57][font=Courier]<tr>[/font][/color]
[color=#2E8B57][font=Courier]<td width="20px"><img src="http://i43.servimg.com/u/f43/15/53/11/89/flag_r10.png"></td>[/font][/color]
[color=#2E8B57][font=Courier]<td><a href="post?f=/topic-t{TOPIC_ID}=newtopic">الابلاغ عن الموضوع</a></td>[/font][/color]
[color=#2E8B57][font=Courier]</tr>[/font][/color]
[color=#2E8B57][font=Courier]</table>[/font][/color]
 
[color=#2E8B57][font=Courier]<div style="height:4px;"></div>[/font][/color]
[color=#2E8B57][font=Courier]<table class="a7la7ekaya">[/font][/color]
[color=#2E8B57][font=Courier]<tr>[/font][/color]
[color=#2E8B57][font=Courier]<td width="20px"><img src="http://i43.servimg.com/u/f43/15/53/11/89/user10.png"></td>[/font][/color]
[color=#2E8B57][font=Courier]<td><a href="topic-t{TOPIC_ID}.htm?watch=topic">مراقبة هذا الموضوع </a></td>[/font][/color]
[color=#2E8B57][font=Courier]</tr>[/font][/color]
[color=#2E8B57][font=Courier]</table>[/font][/color]
[color=#2E8B57][font=Courier]</div>[/font][/color]
[color=#2E8B57][font=Courier]</if>
[/font][/color]

ملحوظه

ابحث داخل الكود عن الكود التالى و ادخل رابط منتداك به

الكود:
[color=#2E8B57][font=Courier]<a [/font][/color]
[color=#2E8B57][font=Courier]href="http://www.facebook.com/sharer/sharer.php?u=ضع رابط منتداك هنا/topic-t{TOPIC_ID}.htm">[/font][/color]

و استبدله برابط منتداك



6 - نشط التعديل









=======

ثم اذهب الى

لوحة الاداره / مظهر المنتدى / الصور و الالوان / الوان / ورقة تصميم الـ css

ضع الكود التالى

و اضغط قدم

الكود

الكود:

[color=#2E8B57][font=Courier].AVATAR img {[/font][/color]
[color=#2E8B57][font=Courier]        height: 220px;[/font][/color]
[color=#2E8B57][font=Courier]        width: 165px;[/font][/color]
[color=#2E8B57][font=Courier]    }[/font][/color]
 
[color=#2E8B57][font=Courier].postbitbox[/font][/color]
[color=#2E8B57][font=Courier]{[/font][/color]
[color=#2E8B57][font=Courier]    background-color: #f4fcfe;[/font][/color]
[color=#2E8B57][font=Courier]    border-top: solid 2px #f4fcfe; [/font][/color]
[color=#2E8B57][font=Courier]    border-left: solid 2px #f4fcfe; [/font][/color]
[color=#2E8B57][font=Courier]    border-right: solid 2px #f4fcfe; [/font][/color]
[color=#2E8B57][font=Courier]    border-bottom: solid 2px #f4fcfe;[/font][/color]
[color=#2E8B57][font=Courier]    padding:2px;[/font][/color]
[color=#2E8B57][font=Courier]    color:#000000;[/font][/color]
[color=#2E8B57][font=Courier]    -moz-border-radius: 5px;[/font][/color]
[color=#2E8B57][font=Courier]    -webkit-border-radius: 5px;[/font][/color]
[color=#2E8B57][font=Courier]    border-radius: 5px;[/font][/color]
[color=#2E8B57][font=Courier]    -khtml-border-radius: 5px;[/font][/color]
[color=#2E8B57][font=Courier]    -moz-box-shadow: 0 0 6px #137e9c;  [/font][/color]
[color=#2E8B57][font=Courier]    -webkit-box-shadow: 0 0 6px #137e9c;[/font][/color]
[color=#2E8B57][font=Courier]    box-shadow: 0 0 6px #137e9c;[/font][/color]
[color=#2E8B57][font=Courier]}[/font][/color]
[color=#2E8B57][font=Courier].pbit { [/font][/color]
[color=#2E8B57][font=Courier]padding-left: 3px; [/font][/color]
[color=#2E8B57][font=Courier]padding-right: 0px; [/font][/color]
[color=#2E8B57][font=Courier]padding-top: 3px; [/font][/color]
[color=#2E8B57][font=Courier]padding-bottom: 3px; [/font][/color]
[color=#2E8B57][font=Courier]background-color: #f4fcfe; [/font][/color]
[color=#2E8B57][font=Courier]border-top: 1px solid #99dff3; [/font][/color]
[color=#2E8B57][font=Courier]border-left: 2px solid #99dff3; [/font][/color]
[color=#2E8B57][font=Courier]border-right: 1px solid #99dff3; [/font][/color]
[color=#2E8B57][font=Courier]border-bottom: 2px solid #99dff3; [/font][/color]
[color=#2E8B57][font=Courier]margin-bottom: 3px; [/font][/color]
[color=#2E8B57][font=Courier]}[/font][/color]
[color=#2E8B57][font=Courier].pbit:hover{background-color: #e5f7fc;}[/font][/color]
 
[color=#2E8B57][font=Courier].content {[/font][/color]
[color=#2E8B57][font=Courier]    width:700px;[/font][/color]
[color=#2E8B57][font=Courier]    margin:10px;[/font][/color]
[color=#2E8B57][font=Courier]    float:right;[/font][/color]
[color=#2E8B57][font=Courier]}[/font][/color]
 
[color=#2E8B57][font=Courier].a7la7ekayaa {[/font][/color]
[color=#2E8B57][font=Courier]    width:200px;[/font][/color]
[color=#2E8B57][font=Courier]    margin:10px;[/font][/color]
[color=#2E8B57][font=Courier]    float:left;[/font][/color]
[color=#2E8B57][font=Courier]padding: 5px;[/font][/color]
[color=#2E8B57][font=Courier]}[/font][/color]
 
 
[color=#2E8B57][font=Courier].a7la7ekaya {[/font][/color]
[color=#2E8B57][font=Courier]        border: 1px solid #D1D1E1;[/font][/color]
[color=#2E8B57][font=Courier]border-right: 2px solid #D1D1E1;[/font][/color]
[color=#2E8B57][font=Courier]    width:200px;[/font][/color]
[color=#2E8B57][font=Courier]background: #fbfbfb url(images/misc/alts.gif) repeat-x;[/font][/color]
[color=#2E8B57][font=Courier]padding: 5px;[/font][/color]
[color=#2E8B57][font=Courier]}[/font][/color]
 
 
[color=#2E8B57][font=Courier].clear {[/font][/color]
[color=#2E8B57][font=Courier]    clear:both;[/font][/color]
[color=#2E8B57][font=Courier]}
[/font][/color]


انتهاء الشرح الف مبروك



ملحوظه
::- هذا الكود من تصميمى (( شمهصهنش )) و يمنع النقل دون ذكر المصدر



جميع الحقوق محفوظه لــ (( منتدى احدث البرامج )) و (( ))


بتوفيق للجميع ان شاء الله

avatar
ALI
صاحب المنتدى و مؤسسه
صاحب المنتدى و مؤسسه
النوع : ذكر
عدد المساهمات : 674

النقط : 2147491621

تاريخ التسجيل : 11/02/2010

العمر : 27

الموقع : منتدى احدث البرامج


الورقة الشخصية
لا تنس متابعتنا لا تنس متابعتنا:
0/0  (0/0)
http://programs2010.yoo7.com

رد: كود [Template] ادوات المواضيع بشكل رائع من تصميمى انا ( شمهصهنش ) فقط و حصريا على منتديات احدث البرامج

في 2012-02-06, 13:40
شكرا لاضافتك الموضوع







المصدر:

[url=http://programs2010.yoo7.com][/url]




{ALI}

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


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


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















avatar
شمهصهنش
العضو المميز في المنتدى
العضو المميز في المنتدى
النوع : ذكر
عدد المساهمات : 423

النقط : 6686

تاريخ التسجيل : 15/12/2011

العمر : 26

http://www.wikan0.tk

رد: كود [Template] ادوات المواضيع بشكل رائع من تصميمى انا ( شمهصهنش ) فقط و حصريا على منتديات احدث البرامج

في 2012-02-06, 13:40
انا احب المساعده
avatar
شمهصهنش
العضو المميز في المنتدى
العضو المميز في المنتدى
النوع : ذكر
عدد المساهمات : 423

النقط : 6686

تاريخ التسجيل : 15/12/2011

العمر : 26

http://www.wikan0.tk

رد: كود [Template] ادوات المواضيع بشكل رائع من تصميمى انا ( شمهصهنش ) فقط و حصريا على منتديات احدث البرامج

في 2012-02-06, 14:48
العفو يا استاذ على انا بحب المساعده
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى