------------------------------------------------------------------------------------------------------------
Sets Labels Cloud Option
ADD THIS CSS CODE BEFORE BSKIN TAG
/*****************************************
CSS Label
******************************************/
#Label1 .cloud-label-widget-content {text-align:center;font-weight: bold;padding: 5px 0}
#Label1 .cloud-label-widget-content span {display: inline-table; line-height: 1.2;}
#Label1 .cloud-label-widget-content span a {padding:4px 5px;color:#fff}
#Label1 .label-size {margin:4px 0;}
#Label1 .label-size span {background:#E95D0C;padding:4px 5px;color:#fff}
#Label1 .label-size-1 a {background:#ff8c00;font-size:10px;}
#Label1 .label-size-2 a {background:#556b2f;font-size:10px;}
#Label1 .label-size-3 a {background:#cd5c5c;font-size:11px;}
#Label1 .label-size-4 a {background:#B32A32;font-size:11px;}
#Label1 .label-size-5 a {background:#FF3300;font-size:12px;}
#Label1 .cloud-label-widget-content span a:hover {background:#B32A32;}
]]></b:skin>
</head>
<body>
------------------------------------------------------------------------------------------------------------
THIS CODE WORKS WITH LABEL WIDGET CHANGE 5 LABELS SIZE AND COLORS
------------------------------------------------------------------------------------------------------------
<b:widget id='Label1' locked='false' title='Labels' type='Label'></b:widget>
0 comments:
Post a Comment