اقدم لكم اليوم شريط اخبارى احترافى جدا هو شريط اخبارى يعمل بشكل منزلق اى عرض الأخبار التي به بشكل منزلق واحد تلو الاخر ، شريط الأخبار هذا المستخدم فى قالب الشبابي الأحترافي ، والذي منذ بعض الأيام قمت بعرض سلايد شو الخاص بهذا القالب ، ويمكنك الحصول على اضافات اكثر من شريط الأخبار في القسم الخاص بها على المدونة.
وشريط الأخبار هذا يعمل بشكل تلقائى على عرض مواضيع مدونتك بشكل احترافي وسوف يعمل على اخر مواضيع مدونتك بدون الحاجة لوضع به تسمية لجلب المواضيع فقط سوف يكون عليك وضع رابط مدونتك بالكود الخاص بالشريط سوف يعمل تلقائي على جلب المواضيع من مدونتك كما فى موضوع اليوم حصريا شريط اخبار قالب الشبابي لاخر المواضيع الخرافى جدا.
 |
| حصريا شريط اخبار قالب الشبابي لاخر المواضيع الخرافى جدا |
وشريط الأخبار هذا يعمل بشكل تلقائى على عرض مواضيع مدونتك بشكل احترافي وسوف يعمل على اخر مواضيع مدونتك بدون الحاجة لوضع به تسمية لجلب المواضيع فقط سوف يكون عليك وضع رابط مدونتك بالكود الخاص بالشريط سوف يعمل تلقائي على جلب المواضيع من مدونتك كما فى موضوع اليوم حصريا شريط اخبار قالب الشبابي لاخر المواضيع الخرافى جدا.
معاينة شريط الأخبار
صورة من شريط الأخبار
 |
| حصريا شريط اخبار قالب الشبابي لاخر المواضيع الخرافى جدا |
شرح تركيب الإضافه لموضوع اليوم حصريا شريط اخبار قالب الشبابي لاخر المواضيع الخرافى جدا
اولا سوف يكون عليك أنت تبحث عن هذ الوسم]]>وبعد ذلك تقوم بوضع الكود التالى فوقه.
/* CSS News */
.ticker-wrap>span{display:inline-block;background:#fefefe;padding:0;font:700 13px 'roboto',sans-serif}
.ticker-wrap>span>a{color:#222;text-decoration:none}
#ticker{height:45px;direction:rtl;overflow:hidden;text-align:right}
#ticker ul{direction:rtl;padding:0;margin:0;list-style:none}
#ticker ul li {
direction: rtl;
white-space: nowrap;
height: 57px!important;
display: block;
line-height: 52px;
}
#ticker ul li img {
display: none;
}
#ticker ul li h3{margin:0;direction:rtl;font:700 12px 'droid arabic kufi',sans-serif}
#ticker ul li h3 a {
direction: rtl;
text-decoration: none;
line-height: 55px!important;
color: #fff;
font-size: 16px;
font-weight: 100;
padding-right: 25px;
}
#ticker ul li .tickermeta {
display: none;
}
.ticker-wrapwd {
background: #6c3378;
background: -webkit-linear-gradient(-90deg, #6c3378, #2d2851);
background: -o-linear-gradient(-90deg, #6c3378, #2d2851);
background: -moz-linear-gradient(-90deg, #6c3378, #2d2851);
background: linear-gradient(-90deg, #6c3378, #2d2851);
overflow: hidden;
}
.ticker-wrapwd p {
float: right;
background: #27254c;
color: #fff;
transform: skew(-20deg,0);
display: inline-block;
padding: 12px 40px;
font-weight: 100;
padding-bottom: 10px;
font-size: 18px;
padding-left: 35px;
margin-right: 20px;
height: 57px;
}
.info-imgg {
text-align: center;
border-bottom: 1px solid #e4e4e4;
display: block;
padding: 16px 0;
padding-top: 0;
}
.info-imgg a i {
margin-left: 8px;
color: #73337d;
}
.info-imgg a {
display: inline-block;
margin-left: 28px;
text-align: center;
font-size: 15px;
color: #c1c1c1;
}