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

احبتنا زوار الموقع الكرام نود اعلامكم جميعا بان المنتدى مفتوحاً للجميع لذلك فلا تبخلوا علينا بزيارتكم والتصفح ولو بالقراءة والدعاء

لا نريد ان نجبركم على التسجيل للتصفح نريدكم فقط ان استفدتم شيئاً من الموقع بان تدعو من قلبك لصاحب الموضوع والعاملين بالموقع

ودمتم بحفظ الله ورعايته

"خير الناس أنفعهم للناس"

المشهر


 
الرئيسيةالرئيسية  بحـثبحـث  التسجيلالتسجيل  دخول  

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
زيد عربيات
المدير العام
المدير العام
avatar

الجنس : ذكر
عدد المساهمات : 376
السٌّمعَة : 16
تاريخ التسجيل : 14/05/2011
العمر : 22

مُساهمةموضوع: كود [Template] ادوات المواضيع بشكل رائع من تصميم ( الطائر الحر )   الخميس فبراير 09, 2012 1:16 am

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

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


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

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




صوره للكود




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




















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

اذهب الى

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




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




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




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










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

الكود:
<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>
ملحوظه

ابحث داخل الكود عن الكود التالى و ادخل رابط منتداك به
الكود:
<a
href="http://www.facebook.com/sharer/sharer.php?u=ضع رابط منتداك هنا/topic-t{TOPIC_ID}.htm">
و استبدله برابط منتداك



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








=======

ثم اذهب الى

لوحة الاداره / مظهر المنتدى / الصور و الالوان / الوان / ورقة تصميم الـ 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;
}
انتهاء الشرح الف مبروك



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



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


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

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://al-mushher.ahlamontada.com
 
كود [Template] ادوات المواضيع بشكل رائع من تصميم ( الطائر الحر )
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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