كود ادوات المواضيع بشكل جميل - احلى منتدى

السلام عليكم
مرة أخري مع كود جديد من اكواد التومبلايت . اليوم أقدم لكم كود يقوم بتغيير شكل أدوات المواضيع الى شكل جميل ورائع طبعا فقط من اشتري حق تعديل التومبلايت يستطيع تطبيق الشرح !



طريقة التركيب :
لوحة الادارة > مظهر المنتدى > التومبلايت والقوالب > تعديل viewtopic_body
ابحث عن الكود الاتي
<td colspan="2">
ضع أسفله الكود الاتي :

<if condition="$show['member']">
<div class="a7la7ekayaa">
<table class="a7la7ekaya">
<tr>
<td width="20px"><img src="http://i43.servimg.com/u/f43/15/53/11/89/19675610.jpg"></td>
<td>
<a href="http://www.facebook.com/sharer/sharer.php?u=ضع رابط منتداك هنا/topic-t{TOPIC_ID}.htm">انشر
 الموضوع </a></td>
</tr>
</table><!-- BEGIN switch_vote_active --><!-- BEGIN switch_vote -->
<div style="height:4px;"></div>
<table class="a7la7ekaya">
<tr>
<td width="20px"><img src="http://i43.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><!-- END switch_vote --><!-- END switch_vote_active -->

<div style="height:4px;"></div>
<table class="a7la7ekaya">
<tr>
<td width="20px"><img src="http://i43.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="http://i43.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="http://i43.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>

 قم بتغيير رابط منتداك في الكود !
اظغط على +
ثم ادهب الى : لوحة الدارة > مظهر المنتدى > ورقة تصميم css
ضع الكود الاتي :

.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;
}
وأخيــــــــــرا اظغط قدم !!

qwetq

مدونة تجيك تكنولوجي : مدونة تقنية متواضعه بها عدد كبير من المواضيع الحصرية والمثيرة فى كثير من المجالات مديرها حمزة محمد عمري 17 سنة وطنى الاردن ولكن مقيم فى مصر بلدي الثانيه اعشق التدوين والتقنية .

ليست هناك تعليقات:

إرسال تعليق

اكتشف آخر الأعمال والخدمات التي أقدمها على خمسات