Beautify the tag cloud style code record that comes with the robin begin theme

Watson Blog

one thousand four hundred and twenty-one
article

nine
comment

November 26, 2017 00:15:39 WordPress comment six hundred and sixteen Reading mode

The effect picture after beautifying the tag cloud style of robin begin theme is as follows:

Modify as follows:

Css code

.tagcloud{
padding : 14px 0 14px 12px ;
}
.tagcloud a{
float : left ;
margin : 3px ;
line-height : 26px ;
text-align : center ;
border : 1px solid #ddd ;
border -radius: 2px ;
padding-top :0;
padding-right : 5px ;
padding-bottom :0;
padding-left : 5px ;
overflow : hidden ;
display : block ;
width : 92px ;
height : 28px ;
}
.tagcloud a{
color : #fff ;
}

Js code

<script type= "text/javascript" >box_width = $( "#cx_tag_cloud-5" ).width();
len = $( ".tagcloud a" ).length - 1;
$( ".tagcloud a" ).each( function (i) {
var let = new Array('3366FF', '31ac76', 'ea4563', '31a6a0', '8e7daa', '4fad7b', 'f99f13', 'f85200', '666666');
var random1 = Math.floor(Math.random() * 9) + 0;
var num = Math.floor(Math.random() * 6 + 9);
$( this ).attr('style', 'background:#' + let[random1] + '' );
if ($( this ).next().length > 0) {
last = $( this ).next().position().left
}
});</ script>

The css code can be placed in the theme style sheet file (style. css) or in "Appearance ->Custom Style", Js calls it or adds it to the footer file (footer.php file under the theme), and the code is modified by js random color plus css style.

Code from: https://www.mom1.cn/3228.html

Comment