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



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

 

 [Templete] كود تومبيلات ادوات الموضوع بشكل رائع

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
Dr.Design

[Templete] كود تومبيلات ادوات الموضوع بشكل رائع Default6
Dr.Design


عدد المساهمات : 109
تاريخ التسجيل : 28/05/2012

[Templete] كود تومبيلات ادوات الموضوع بشكل رائع Empty
مُساهمةموضوع: [Templete] كود تومبيلات ادوات الموضوع بشكل رائع   [Templete] كود تومبيلات ادوات الموضوع بشكل رائع Emptyالسبت يوليو 20, 2013 8:54 am




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

[Templete] كود تومبيلات ادوات الموضوع بشكل رائع


صورة من الكود


[Templete] كود تومبيلات ادوات الموضوع بشكل رائع 0112_md_13281499781

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

[Templete] كود تومبيلات ادوات الموضوع بشكل رائع 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>

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

ثم نفعل التعديلات


[Templete] كود تومبيلات ادوات الموضوع بشكل رائع 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;
}

تم الانتهاء من الشرح


بالتوفيق
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://tatwerk.yoo7.com
صدى الحرمان

[Templete] كود تومبيلات ادوات الموضوع بشكل رائع Default1
صدى الحرمان


عدد المساهمات : 31
تاريخ التسجيل : 05/06/2013

[Templete] كود تومبيلات ادوات الموضوع بشكل رائع Empty
مُساهمةموضوع: رد: [Templete] كود تومبيلات ادوات الموضوع بشكل رائع   [Templete] كود تومبيلات ادوات الموضوع بشكل رائع Emptyالخميس أغسطس 29, 2013 3:53 pm

دام التألق ... ودام عطاء نبضك
كل الشكر لهذا الإبداع
لك مني كل التقدير ...!!
وبآنتظار روائع جديدك بكل شوق...!
ارق التحآيآ لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
[Templete] كود تومبيلات ادوات الموضوع بشكل رائع
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» [ Template ] كود تومبيلات للمرفقات بشكل رائع
» [Templete] كود تومبيلات تعليقات فيس بوك اسفل المواضيع
» [Templete]كود تومبيلات لوحة تحكم {البيانات الشخصية}
» [Templete] كود تومبيلات شريط اكثر المواضيع نشاطا
» كود الاذكار اليومية بشكل رائع

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