شريط اخبار جديد شريط الأخبار هو من أهم وأفضل الأضافات الخاصه ببلوجر ن اذا تريد أن تحصل على شريط اخباري احترافيه جديد لمدونتك فهذا الموضوع لك ، شريط اخبار جديد بتصميم أحترافي يحتوى على إضافات لن تجدها فى إضافة غيره يمكنك معاينة الشريط من الرابط فى الأسفل.
ما يميز هذا الشريط أنه يجتوى على صورة للموضوع ولن تجد هذه الأمر فى الإضافات المماثله له بكثره ، وايضا يحتوى على التسيمة الخاصه بالموضوع وكذلك عنوان الموضوع نمر الأن لشرح تركيب اضافة شريط اخبار جديد لمدونات بلوجر يعمل بأكثر من طريقة لعرض المواضيع.
ما يميز هذا الشريط أنه يجتوى على صورة للموضوع ولن تجد هذه الأمر فى الإضافات المماثله له بكثره ، وايضا يحتوى على التسيمة الخاصه بالموضوع وكذلك عنوان الموضوع نمر الأن لشرح تركيب اضافة شريط اخبار جديد لمدونات بلوجر يعمل بأكثر من طريقة لعرض المواضيع.
 |
| اضافة شريط اخبار جديد لمدونات بلوجر يعمل بأكثر من طريقة لعرض المواضيع |
معاينة شريط الاخبار
صورة من شريط الاخبار
 |
| اضافة شريط اخبار جديد لمدونات بلوجر يعمل بأكثر من طريقة لعرض المواضيع |
اضافة شريط اخبار جديد لمدونات بلوجر يعمل بأكثر من طريقة لعرض المواضيع
اولا عليك ان تبحث عن هذا الوسم]]>وتقوم بوضع الكود التالى فوقه..news-tick-wrap{background-color:#f5f5f5;border-bottom:1px solid #e9e9e9}
.news-tick-bar{margin:0 auto;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;position:relative}
.ticker .title{float:right;height:40px;font-size:15px;line-height:40px;font-weight:400;overflow:hidden;padding:0 10px;color:$maincolor;font-family:'Changa';text-transform:uppercase}
.ticker .title .fa{margin-left:10px;background:#fff;padding:5px 6px;border-radius:100%;color:$maincolor}
.ticker .widget-content{height:40px;box-sizing:border-box;overflow:hidden;padding:0 4px}
.ticker .widget-content li{float:right;margin-right:30px;display:inline-block;height:38px;line-height:38px;padding:0}
.ticker .widget{height:40px;overflow:hidden}
.tk-thumb{float:right;margin:4px 0 0 10px}
.tk-img{position:relative;display:block;width:35px;height:30px;overflow:hidden}
.ticker .post-tag{display:inline-block;background-color:$maincolor;color:#fff;margin-left:10px;font-weight:400;border-radius:2px;height:18px;line-height:18px;padding:0 6px;font-size:10px;text-transform:uppercase;position:relative;margin-top:10px;float:right}
.ticker .tyard-title{font-size:14px;font-weight:400;display:inline-block}
.ticker .tyard-title a{color:$darkcolor}
.ticker .tyard-title a:hover{color:$maincolor}
.tickercontainer,.tickercontainer .mask,ul.newsticker{-webkit-transition:all 0 linear;-moz-transition:all 0 linear;-o-transition:all 0 linear;transition:all 0 linear;list-style:none;margin:0}
.tickercontainer{margin:0;padding:0;overflow:hidden}
.tickercontainer .mask{position:relative;overflow:hidden}
.newsticker{position:relative;list-style-type:none;margin:0;padding:0}
ul.newsticker{-webkit-transition:all 0s linear;-moz-transition:all 0s linear;-o-transition:all 0s linear;transition:all 0s linear;position:relative;list-style-type:none;margin:0;padding:0}
.tickeroverlay-right{display:none}
.tickeroverlay-left{display:none}الأن سوف تبحث عن هذه الوسم
