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

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

مرحبا اخوانى و اخواتى اعضاء منتديات احلى حكاية


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

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



صوره للكود




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












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

اذهب الى

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




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




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




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






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

اقتباس:


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

صوره لتوضيح





الكود

الرمز:

href="https://www.facebook.com/sharer/sharer.php?u=ضع رابط منتداك هنا/topic-t{TOPIC_ID}.htm">انشر الموضوع

اضافة تقييم

الرد على الموضوع

الابلاغ عن الموضوع

مراقبة هذا الموضوع

ملحوظه

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


الرمز:
href="https://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;
}


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

كالعادة ابداع رائع

وطرح يستحق المتابعة

شكراً لك

بانتظار الجديد القادم
دمت بكل خير

شكرا وبارك الله فيك
اخى الكريم

مشكورررررررررر اخي

شكرا لك