كود الرسوم المتحركة الجديدة الوامضة على المواضيع الجديدة للنسخة 2.3.2

[abdulrahman]

نقدم لكم كود المواضيع الجديدة المتحركة

شرح التركيب: انسخ الكود التالي الي قالب extra.less

.node--unread .node-title:after {[/B][/SIZE][/CENTER][/B][/SIZE][/CENTER][/B][/SIZE][/CENTER]
[SIZE=6][B][CENTER][SIZE=6][B][CENTER][SIZE=6][B][CENTER]content: "{{ phrase('new') }}";
color: #ffffff;
background: #ed7a16;
display: inline-block;
font-size: 9px;
line-height: 2;
border-radius: 3px;
padding: 0 4px;
margin-right: 4px;
vertical-align: middle;
-webkit-animation-name: blinker;
-webkit-animation-duration: 2s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinker;
-moz-animation-duration: 2s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: blinker;
animation-duration: 2s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@-moz-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
.node--unread .node-title:after {
content: "{{ phrase('new') }}";
}

​