-->

مساحة إعلانية

إضافة مواضيع ذات صلة منزلقة الشكل الرابع

 إضافة مواضيع ذات صلة منزلقة الشكل الرابع  من موقع الوليد نت





عدنا لكم بالجديد والجميل والمفيد من إضافات خاصة بقوالب بلوجر، نقدم لكم إضافة بصندوق منزلق عمل هذه الإضافة هي طرح مقالات تتكون من نفس التسمية المرتبطة بالموضوع
تماماً مثل عمل مقالات ذات صلة إلى أنّ هذه الأخيرة جد مميزة، خفيفة، تظهر بعد الدخول للموضوع والنزول قليلاً، بها زري الإغلاق و الإخفاء عدلت عليها بلمسات طفيفة يمكنك إضافة عدد لا متناهي من ظهور المواضيع، لكن أنصح بإستعمال ثلاثة على الأكثر ... سبق وقدمت هاته الإضافة منذ مدة طويلة وتم تجديدها بأبهى حلة.





شرح طريقة التركيب 
1 . توجه لقالب >> تحرير 
2. ابحث بإستعمال CTRL+F عن :
  ]]>
3. ضع الكود فوقه



#boxar1web{background:#fff;border: 1px solid #EAEAEA;;width:320px;height:260px;position:fixed;overflow:hidden;border-right: none;;left:-360px;z-index:9999;text-align:right!important;letter-spacing:0;}

.boxar1web-title{background:none;color:#00789d;display:block;height:35px;width:100%;font-size:12px;font-family:droid arabic kufi;text-transform:capitalize;font-weight:bold;padding-left:25px}

.boxar1web-title span a{float:left;height:35px;width:25px;}

a#boxar1web-close, a#boxar1web-close {margin-left:15px;}

.boxar1web-title > span > h2{font-size:20px!important;font-weight:normal!important;}

.boxar1web-title span a img{margin:16px;border:0 !important;box-shadow:0 !mportant;}

.boxar1web-container{border:none;float:right;width:100%;height:auto;margin:3px}

.boxar1web-container > div{border:none;height:40px;margin:3px;padding:10px;}

.boxar1web-container > div > span {font-size:14px;}

.boxar1web-container img{float:right;margin:3px 5px;width:25px;border:1px solid #ccc;}

.show{bottom:80px;}

.hide{bottom:-145px;}

.related-ar1web {margin:2em auto 0;font:normal normal 11px/1.4 Arial,Sans-Serif;}

.related-ar1web h4 {font-size:150%;margin:0 0 .5em;}

.related-ar1web-style-2 {border: 1px dashed #eee;;margin-top:-20px;padding-top:15px;list-style:none;font-family: cursive;background: #F9F9F9;}

.related-ar1web-style-2 li {margin-right:-35px;style:none;}

.related-ar1web-style-2 li {padding:0 10px 10px 10px;overflow:hidden;}

.related-ar1web-style-2 li:first-child {border-top:none}

.related-ar1web-style-2 .related-ar1web-item-thumbnail {width:45px;height:45px;max-width:none;max-height:none;background-color:transparent;border:none;padding:0;float:right;margin:2px 10px 0 0;border:1px solid #ccc; margin-left: 13px;}

.related-ar1web-style-2 .related-ar1web-item-title {font-weight:bold;font-size:113%;text-transform:capitalize; font-family: droid arabic kufi;}

a.related-ar1web-item-title {color :#333 !important;}

a:hover.related-ar1web-item-title {color :#0491ea !important;text-decoration:none;}

.related-ar1web-style-2 .related-ar1web-item-summary {display:block;overflow:hidden;}


4 . ابحث عن
 
5  . ضع الكود التالي فوقه مباشرة








.  ابحث عن
 
وضع الكود التالي أدناه ستجد الكود متكرر الآخير هو المقصود






أيضاً إقرأ هذا المقال
close button
minimize button
maximize button

عرض التعابير

:)
:(
hihi
:-)
:D
(L)
:-d
;(
;-(
:-k
:P
:o
-_-
8-)
:s
9)
(m)
t8)
:'(
:-?
:-!
(100)
:-#
(...)
(D)
(h)
(y)
(j)
<3