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

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

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

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

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

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

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

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

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

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

المشهر
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
المشهر


 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخول  

 

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

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


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

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

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

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


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

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




صوره للكود


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

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








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








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


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

اذهب الى

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

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


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

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


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

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


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







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


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

الكود:
<td colspan="2">
و ضع بعده مباشرتا الكود

صوره لتوضيح





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


الكود

الكود:
<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 - نشط التعديل





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


=======

ثم اذهب الى

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



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



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


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

الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://al-mushher.ahlamontada.com
 
كود [Template] ادوات المواضيع بشكل رائع من تصميم ( الطائر الحر )
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود الدخول بشكل جديد و مختلف ((رائع جدا))
»  {نومبلات} كود إحصائيات المنتدى بشكل رائع و ملون شامل كل شي
» [ Template ] فوتر حديث مزود بتقنيه css ..
»  تغيير التنسيق في جميع المواضيع
»  كود ماوس رمضانى جميل من تصميم -- essa_elgn

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