كود [Template] ادوات المواضيع بشكل رائع

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

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

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

كود [Template] ادوات المواضيع بشكل رائع

صوره للكود

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

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

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

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

اذهب الى

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

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

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

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

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

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

<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code">
<td colspan="2"></td></tr></table>

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

صوره لتوضيح

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

الكود

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

<table align="center" border="0" cellpadding="3" cellspacing="1" width="90%"><tr><td class="quote">

<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code">
<if condition="$show['member']">
<div class="a7la7ekayaa">
<table class="a7la7ekaya">
<tr>
<td width="20px"><img src="https://i.servimg.com/u/f43/15/53/11/89/19675610.jpg"></td>
<td>
<a href="https://www.facebook.com/sharer/sharer.php?u=ضع رابط منتداك هنا/topic-t{TOPIC_ID}.htm">انشر
الموضوع </a></td>
</tr>
</table>
<div style="height:4px;"></div>
<table class="a7la7ekaya">
<tr>
<td width="20px"><img src="https://i.servimg.com/u/f43/15/53/11/89/heart10.png"></td>
<td><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">اضافة تقييم</a></td>
</tr>
</table>

<div style="height:4px;"></div>
<table class="a7la7ekaya">
<tr>
<td width="20px"><img src="https://i.servimg.com/u/f43/15/53/11/89/add10.png"></td>
<td><a href="{U_POST_REPLY_TOPIC}" rel="nofollow">الرد على الموضوع</a></td>
</tr>
</table>
<div style="height:4px;"></div>
<table class="a7la7ekaya">
<tr>
<td width="20px"><img src="https://i.servimg.com/u/f43/15/53/11/89/flag_r10.png"></td>
<td><a href="post?f=/topic-t{TOPIC_ID}=newtopic">الابلاغ عن الموضوع</a></td>
</tr>
</table>

<div style="height:4px;"></div>
<table class="a7la7ekaya">
<tr>
<td width="20px"><img src="https://i.servimg.com/u/f43/15/53/11/89/user10.png"></td>
<td><a href="topic-t{TOPIC_ID}.htm?watch=topic">مراقبة هذا الموضوع </a></td>
</tr>
</table>
</div>
</if></td></tr></table>

ملحوظه

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

<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code">
<a href="https://www.facebook.com/sharer/sharer.php?u=ضع رابط منتداك هنا/topic-t{TOPIC_ID}.htm"></a>
</td></tr></table>

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

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

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

=======

ثم اذهب الى

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

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

و اضغط قدم

الكود

<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code">
.AVATAR img {
height: 220px;
width: 165px;
}

.postbitbox
{
background-color: #f4fcfe;
border-top: solid 2px #f4fcfe;
border-left: solid 2px #f4fcfe;
border-right: solid 2px #f4fcfe;
border-bottom: solid 2px #f4fcfe;
padding:2px;
color:#000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius: 5px;
-moz-box-shadow: 0 0 6px #137e9c;
-webkit-box-shadow: 0 0 6px #137e9c;
box-shadow: 0 0 6px #137e9c;
}
.pbit {
padding-left: 3px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #f4fcfe;
border-top: 1px solid #99dff3;
border-left: 2px solid #99dff3;
border-right: 1px solid #99dff3;
border-bottom: 2px solid #99dff3;
margin-bottom: 3px;
}
.pbit:hover{background-color: #e5f7fc;}

.content {
width:700px;
margin:10px;
float:right;
}

.a7la7ekayaa {
width:200px;
margin:10px;
float:left;
padding: 5px;
}

.a7la7ekaya {
border: 1px solid #D1D1E1;
border-right: 2px solid #D1D1E1;
width:200px;
background: #fbfbfb url(images/misc/alts.gif) repeat-x;
padding: 5px;
}

.clear {
clear:both;
}</td></tr></table>

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

</td></tr></table>

توقيع : ryado

شكرا لك اخي الغالي
تقبل مروري
AhmedRami

توقيع : 1m HeRe

» كود [Template] ادوات المواضيع مثل احلى حكاية بشكل رائع من تصميمى ( الطائر الحر )
» كود [Template] البيانات الشخصيه فى المواضيع مثل الـ vb تمام بشكل اكثر من رائع
» [Template] احصائيات منتداك مثل الـ vb بشكل رائع
» [تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها
» تومبلايت " كود اظهار عناوين المواضيع تظهر الى اعلى واسفل بشكل رائع من MR_KaBo

كود [Template] ادوات المواضيع بشكل رائع

كود [Template] ادوات المواضيع بشكل رائع

كود [Template] ادوات المواضيع بشكل رائع

مواضيع مماثلة

مواضيع مماثلة