wordpress自定义轮播显示问候语的代码

Xin 137 次浏览 0

wordpress自定义轮播显示问候语的代码

代码部署

后台→外观→小工具→(你想显示的位置:比如侧边栏)杂志布局侧边栏→添加“增强文本”小工具,复制下面的代码粘贴进去OK

代码:

<DIV CLASS="WIDGET WIDGET_TEXT">
<DIV CLASS="TEXTWIDGET">
<ASIDE ID="PHP_TEXT-8" CLASS="WIDGET PHP_TEXT WOW FADEINUP" DATA-WOW-DELAY="0.3S">
<DIV CLASS="TEXTWIDGET WIDGET-TEXT"><STYLE TYPE="TEXT/CSS">#CONTAINER-BOX-1{COLOR:#526372;TEXT-TRANSFORM:UPPERCASE;WIDTH:100%;FONT-SIZE:16PX;LINE-HEIGHT:50PX;TEXT-ALIGN:CENTER}#FLIP-BOX-1{OVERFLOW:HIDDEN;HEIGHT:50PX}#FLIP-BOX-1 DIV{HEIGHT:50PX}#FLIP-BOX-1>DIV>DIV{COLOR:#FFF;DISPLAY:INLINE-BLOCK;TEXT-ALIGN:CENTER;HEIGHT:50PX;WIDTH:100%}#FLIP-BOX-1 DIV:FIRST-CHILD{ANIMATION:SHOW 8S LINEAR INFINITE}.FLIP-BOX-1-1{BACKGROUND-COLOR:#FF7E40}.FLIP-BOX-1-2{BACKGROUND-COLOR:#C166FF}.FLIP-BOX-1-3{BACKGROUND-COLOR:#737373}.FLIP-BOX-1-4{BACKGROUND-COLOR:#4EC7F3}.FLIP-BOX-1-5{BACKGROUND-COLOR:#42C58A}.FLIP-BOX-1-6{BACKGROUND-COLOR:#F1617D}@KEYFRAMES SHOW{0%{MARGIN-TOP:-300PX}5%{MARGIN-TOP:-250PX}16.666%{MARGIN-TOP:-250PX}21.666%{MARGIN-TOP:-200PX}33.332%{MARGIN-TOP:-200PX}38.332%{MARGIN-TOP:-150PX}49.998%{MARGIN-TOP:-150PX}54.998%{MARGIN-TOP:-100PX}66.664%{MARGIN-TOP:-100PX}71.664%{MARGIN-TOP:-50PX}83.33%{MARGIN-TOP:-50PX}88.33%{MARGIN-TOP:0PX}99.996%{MARGIN-TOP:0PX}100%{MARGIN-TOP:300PX}}</STYLE>
<DIV ID="CONTAINER-BOX-1">
<DIV CLASS="CONTAINER-BOX-1-1">坚持每天来逛逛,会让你</DIV>
<DIV ID="FLIP-BOX-1">
<DIV>
<DIV CLASS="FLIP-BOX-1-1">工作也轻松了!</DIV>
</DIV>
<DIV>
<DIV CLASS="FLIP-BOX-1-2">生活也美好了!</DIV>
</DIV>
<DIV>
<DIV CLASS="FLIP-BOX-1-3">心情也舒畅了!</DIV>
</DIV>
<DIV>
<DIV CLASS="FLIP-BOX-1-4">走路也有劲了!</DIV>
</DIV>
<DIV>
<DIV CLASS="FLIP-BOX-1-5">腿也不痛了!</DIV>
</DIV>
<DIV>
<DIV CLASS="FLIP-BOX-1-6">腰也不酸了!</DIV>
</DIV>
<DIV>
<DIV CLASS="FLIP-BOX-1-1">欢迎来到我的博客!</DIV>
</DIV>
</DIV>
<DIV CLASS="CONTAINER-BOX-1-2">你好我也好,不要忘记哦!</DIV>
</DIV>
</DIV>
</ASIDE></DIV>
</DIV>
发表评论 取消回复
表情 图片 链接 代码

分享