جافا أخر المواضيع في المنتديات الفرعية حصريا هناطريقة التركيب
الخطوة الاولىعناصر اضافية
عنصر جديد
ثم ضع الكود التالي
- الكود:
-
<div id="newsareal1" class="newsareal"> </div>
ثم سجل
لا تنسى تفعيل العناصر
الخطوة الثانيةكود جافا
للنسخة PhpBB2
- الكود:
-
jQuery(document).ready(function(){
jQuery("#newsareal1").load("/f1-the-health-of-your-cat div.topictitle:lt(11)");
});
للنسخة PhpBB3 - الكود:
-
jQuery(document).ready(function(){
jQuery("#newsareal1").load("/f1-the-health-of-your-cat div.topic-title-container:lt(11)");
});
للنسخة PunnBB & Invision : - الكود:
-
jQuery(document).ready(function(){
jQuery("#newsareal1").load("/f1-the-health-of-your-cat a.topictitle:lt(11)");
});
و اجعل الكود في جميع الصفحات
ثم عوض هذا برابط منتداك حسب الصورة التالية
الخطوة الثالثة
كود CSS
النسخة PhpBB2 :
- الكود:
-
.newsareal div.topictitle {
display: block !important;
margin: 2px 1px 0;
padding: 2px 5px 5px 30px;
border: 1px solid #B1BFC0;
border-radius: 5px;
background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
}
.newsareal div.topictitle:hover {
background-color: #D8DEDE;
}
.newsareal div.topictitle a {
color: #708090 !important;
text-decoration: none !important;
text-shadow: #fff 1px 1px 0px
}
النسخة PhpBB3 : - الكود:
-
.newsareal div.topic-title-container {
display: block !important;
margin: 2px 1px 0;
padding: 2px 5px 5px 30px;
border: 1px solid #B1BFC0;
border-radius: 5px;
background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
}
.newsareal div.topic-title-container:hover {
background-color: #D8DEDE;
}
.newsareal div.topic-title-container a {
color: #708090 !important;
text-decoration: none !important;
text-shadow: #fff 1px 1px 0px
}
النسخة PunBB & Invision : - الكود:
-
.newsareal a.topictitle {
display: block !important;
margin: 2px 1px 0;
padding: 2px 5px 5px 30px;
border: 1px solid #B1BFC0;
border-radius: 5px;
background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
text-decoration: none !important;
}
.newsareal a.topictitle:hover {
background-color: #D8DEDE;
color: #708090 !important;
text-shadow: #fff 1px 1px 0px
}
forumotion