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

  • بادئ الموضوع بادئ الموضوع abdulrahman
  • تاريخ البدء تاريخ البدء

abdulrahman

Administrator

طاقم الإدارة
إنضم
Nov 22, 2022
المشاركات
100
مستوى التفاعل
5
النقاط
18
إضافة عنوان فرعي (1).gif


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

شرح التركيب: انسخ الكود التالي الي قالب 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') }}";
}
 
عودة
أعلى أسفل