المواضيع الأخيرة
» "كود" تغير كلمة الرئيسية اسفل المنتدى الى صورة مصغرة
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 8:29 pm

» كود css تأطير الفئات والاحصائيات والمواضيع وغيرها
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 7:12 pm

» "كود" وضع أطار لأيقونات الموضوع الجديد و القديم و المغلق أسفل المنتدى في الرئيسية
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 7:05 pm

» كود تضليل اسم القسم عند المرور عليه بالماوس
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 6:57 pm

» كود css لوضع خلفية لبيانات العضو متصل بـــ(؟) واخر مساهماتك للانفيوجن
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 6:53 pm

» كود css لالغاء الفراغ الذي يظهر بين الواجهه واعلى المتصفح
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 6:49 pm

» حل مشكلة الأسطر متقاربة بالمساهمااات
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:36 pm

» كود css لجعل حقل الدخول و البحث و اسم المستخدم و كلمة السر بشكل منحرف
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:33 pm

» طريقة أزالة السطر من تحت أسماء الأعضاء
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:29 pm

» [css] لعمل خاصية تمرير الماوس للآكواد للحفاظ علي مظهر المنتدي
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:24 pm

أفضل 10 أعضاء في هذا الأسبوع


كود ادوات المواضيع بشكل جميل

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل

AsHeK EgYpT
AsHeK EgYpT
عدد المساهمات : 68

مُساهمةAsHeK EgYpT الأحد أغسطس 07, 2016 8:04 am

كود ادوات المواضيع بشكل جميل


السلام عليكم
اليوم أقدم لكم كود يقوم بتغيير شكل أدوات المواضيع الى شكل جميل ورائع
كود ادوات المواضيع بشكل جميل 0112_md_13281504201
طريقة التركيب :
لوحة الادارة > مظهر المنتدى > التومبلايت والقوالب > تعديل 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:#000;-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{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;padding:3px 0 3px 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}
وأخيــــــــــرا اظغط قدم !!

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة

رسالة سريعة:

انشئ حساب جديد او سجل دخول لكى تستطيع الرد

يجب ان تمتلك عضوية لتستطيع الرد.

انشاء حساب جديد

انضم لمنتدانا عن طريق انشاء حساب جديد . انها سهلة!


انشاء حساب جديد

تسجيل دخول

هل تمتلك حساب بالفعل ؟ لا مشكلة, سجل دخول من هنا.


تسجيل دخول

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى